@unoff/ui 1.21.0

package/dist/assets/Input.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--input-background-color-default: var(--penpot-color-background-tertiary);--input-background-color-disabled: var(--penpot-color-background-primary);--input-background-color-empty-default: var(--penpot-color-background-tertiary);--input-background-color-empty-error-default: var(--penpot-color-background-tertiary);--input-background-color-empty-error-focus: var(--penpot-color-background-tertiary);--input-background-color-empty-error-hover: var(--penpot-color-background-quaternary);--input-background-color-empty-focus: var(--penpot-color-background-tertiary);--input-background-color-empty-hover: var(--penpot-color-background-quaternary);--input-background-color-error-default: var(--penpot-color-background-tertiary);--input-background-color-error-focus: var(--penpot-color-background-tertiary);--input-background-color-error-hover: var(--penpot-color-background-quaternary);--input-background-color-focus: var(--penpot-color-background-tertiary);--input-background-color-hover: var(--penpot-color-background-quaternary);--input-background-color-onselected-default: var(--penpot-color-background-tertiary);--input-background-color-onselected-hover: var(--penpot-color-background-tertiary);--input-border-color-default: transparent;--input-border-color-disabled: var(--penpot-color-background-quaternary);--input-border-color-empty-default: transparent;--input-border-color-empty-error-default: var(--penpot-color-accent-error);--input-border-color-empty-error-focus: var(--penpot-color-foreground-error);--input-border-color-empty-error-hover: var(--penpot-color-accent-error);--input-border-color-empty-focus: var(--penpot-color-accent-primary);--input-border-color-empty-hover: color(srgb 0 0 0 / 0);--input-border-color-error-default: var(--penpot-color-accent-error);--input-border-color-error-focus: var(--penpot-color-foreground-error);--input-border-color-error-hover: var(--penpot-color-accent-error);--input-border-color-focus: var(--penpot-color-accent-primary);--input-border-color-hover: color(srgb 0 0 0 / 0);--input-border-color-onselected-default: var(--penpot-color-accent-primary);--input-border-color-onselected-hover: var(--penpot-color-accent-primary);--input-border-offset-default: var(--size-null);--input-border-offset-disabled: var(--size-pos-unit);--input-border-offset-empty-default: var(--size-null);--input-border-offset-empty-error-default: var(--size-pos-unit);--input-border-offset-empty-error-focus: var(--size-pos-unit);--input-border-offset-empty-error-hover: var(--size-pos-unit);--input-border-offset-empty-focus: var(--size-pos-unit);--input-border-offset-empty-hover: var(--size-null);--input-border-offset-error-default: var(--size-pos-unit);--input-border-offset-error-focus: var(--size-pos-unit);--input-border-offset-error-hover: var(--size-pos-unit);--input-border-offset-focus: var(--size-pos-unit);--input-border-offset-hover: var(--size-null);--input-border-offset-onselected-default: var(--size-pos-unit);--input-border-offset-onselected-hover: var(--size-pos-unit);--input-border-width-default: var(--size-null);--input-border-width-disabled: var(--size-pos-unit);--input-border-width-empty-default: var(--size-null);--input-border-width-empty-error-default: var(--size-pos-unit);--input-border-width-empty-error-focus: var(--size-pos-unit);--input-border-width-empty-error-hover: var(--size-pos-unit);--input-border-width-empty-focus: var(--size-pos-unit);--input-border-width-empty-hover: var(--size-null);--input-border-width-error-default: var(--size-pos-unit);--input-border-width-error-focus: var(--size-pos-unit);--input-border-width-error-hover: var(--size-pos-unit);--input-border-width-focus: var(--size-pos-unit);--input-border-width-hover: var(--size-null);--input-border-width-onselected-default: var(--size-pos-unit);--input-border-width-onselected-hover: var(--size-pos-unit);--input-clearable-right: 6px;--input-clearable-top: 6px;--input-color-chip-border-default: inset 0 0 0 var(--size-pos-unit) color(srgb 0 0 0 / .1);--input-color-chip-border-focus: inset 0 0 0 var(--size-pos-xunit) var(--penpot-color-accent-primary);--input-color-chip-height: var(--size-pos-xsmall);--input-color-chip-left: var(--size-pos-xxsmall);--input-color-chip-opacity-default: 1;--input-color-chip-opacity-disabled: .5;--input-color-chip-radius: var(--border-radius-medium);--input-color-chip-width: var(--size-pos-xsmall);--input-color-width: 108px;--input-gap: var(--size-pos-xxsmall);--input-height: var(--size-pos-medium);--input-icon-color: var(--penpot-color-icon-default);--input-icon-height: var(--size-pos-medium);--input-icon-width: var(--size-pos-medium);--input-number-width: 108px;--input-padding-clearable-bottom: var(--size-pos-medium);--input-padding-clearable-left: var(--size-pos-medium);--input-padding-clearable-right: var(--size-pos-medium);--input-padding-clearable-top: var(--size-pos-medium);--input-padding-default-bottom: var(--size-pos-xxsmall);--input-padding-default-left: var(--size-pos-xxsmall);--input-padding-default-right: var(--size-pos-xxsmall);--input-padding-default-top: var(--size-pos-xxsmall);--input-padding-unit-bottom: var(--size-pos-small);--input-padding-unit-left: var(--size-pos-small);--input-padding-unit-right: var(--size-pos-small);--input-padding-unit-top: var(--size-pos-small);--input-padding-with-color-bottom: var(--size-pos-small);--input-padding-with-color-left: var(--size-pos-medium);--input-padding-with-color-right: var(--size-pos-small);--input-padding-with-color-top: var(--size-pos-small);--input-padding-with-icon-bottom: var(--size-pos-small);--input-padding-with-icon-left: var(--size-pos-medium);--input-padding-with-icon-right: var(--size-pos-small);--input-padding-with-icon-top: var(--size-pos-small);--input-radius: var(--border-radius-xlarge);--input-status-gap: var(--size-pos-xxsmall);--input-status-height-default: var(--size-pos-medium);--input-status-height-long-text: var(--size-pos-medium);--input-text-color-default: var(--penpot-color-foreground-primary);--input-text-color-disabled: var(--penpot-color-foreground-secondary);--input-text-color-empty-default: var(--penpot-color-foreground-primary);--input-text-color-empty-error-default: var(--penpot-color-foreground-primary);--input-text-color-empty-error-focus: var(--penpot-color-foreground-primary);--input-text-color-empty-error-hover: var(--penpot-color-foreground-primary);--input-text-color-empty-focus: var(--penpot-color-foreground-primary);--input-text-color-empty-hover: var(--penpot-color-foreground-primary);--input-text-color-error-default: var(--penpot-color-foreground-primary);--input-text-color-error-focus: var(--penpot-color-foreground-primary);--input-text-color-error-hover: var(--penpot-color-foreground-primary);--input-text-color-focus: var(--penpot-color-foreground-primary);--input-text-color-hover: var(--penpot-color-foreground-primary);--input-text-font-family: var(--font-stack);--input-text-font-size: var(--font-size-small);--input-text-font-weight: var(--font-weight-normal);--input-text-letter-spacing: var(--font-letter-spacing-pos-large);--input-text-line-height: var(--font-line-height-default);--input-text-placeholder-color-default: var(--penpot-color-foreground-secondary);--input-text-placeholder-color-disabled: var(--penpot-color-foreground-disabled);--input-text-placeholder-color-empty-default: var(--penpot-color-foreground-secondary);--input-text-placeholder-color-empty-error-default: var(--penpot-color-foreground-secondary);--input-text-placeholder-color-empty-error-focus: var(--penpot-color-foreground-secondary);--input-text-placeholder-color-empty-error-hover: var(--penpot-color-foreground-secondary);--input-text-placeholder-color-empty-focus: var(--penpot-color-foreground-secondary);--input-text-placeholder-color-empty-hover: var(--penpot-color-foreground-secondary);--input-text-placeholder-color-error-default: var(--penpot-color-foreground-secondary);--input-text-placeholder-color-error-focus: var(--penpot-color-foreground-secondary);--input-text-placeholder-color-error-hover: var(--penpot-color-foreground-secondary);--input-text-placeholder-color-focus: var(--penpot-color-foreground-secondary);--input-text-placeholder-color-hover: var(--penpot-color-foreground-secondary);--input-textarea-background-color: var(--penpot-color-background-tertiary);--input-textarea-border-color: color(srgb 0 0 0 / 0);--input-textarea-border-offset: var(--size-null);--input-textarea-border-width: var(--size-null);--input-textarea-min-height: var(--size-pos-xxlarge);--input-textarea-padding-bottom: var(--size-pos-xxsmall);--input-textarea-padding-left: var(--size-pos-xxsmall);--input-textarea-padding-right: var(--size-pos-xxsmall);--input-textarea-padding-top: var(--size-pos-xxsmall);--input-textarea-text-color: var(--penpot-color-foreground-primary);--input-textarea-text-placeholder-color: var(--penpot-color-foreground-secondary)}:root[data-theme=sketch]{--input-background-color-default: var(--sketch-color-background-tertiary);--input-background-color-disabled: var(--sketch-color-background-primary);--input-background-color-empty-default: var(--sketch-color-background-tertiary);--input-background-color-empty-error-default: var(--sketch-color-background-tertiary);--input-background-color-empty-error-focus: var(--sketch-color-background-tertiary);--input-background-color-empty-error-hover: var(--sketch-color-background-disabled);--input-background-color-empty-focus: var(--sketch-color-background-tertiary);--input-background-color-empty-hover: var(--sketch-color-background-disabled);--input-background-color-error-default: var(--sketch-color-background-tertiary);--input-background-color-error-focus: var(--sketch-color-background-tertiary);--input-background-color-error-hover: var(--sketch-color-background-disabled);--input-background-color-focus: var(--sketch-color-background-tertiary);--input-background-color-hover: var(--sketch-color-background-disabled);--input-background-color-onselected-default: var(--sketch-color-background-tertiary);--input-background-color-onselected-hover: var(--sketch-color-background-tertiary);--input-border-color-default: transparent;--input-border-color-disabled: var(--sketch-color-border-disabled);--input-border-color-empty-default: transparent;--input-border-color-empty-error-default: var(--sketch-color-accent-error);--input-border-color-empty-error-focus: var(--sketch-color-foreground-error);--input-border-color-empty-error-hover: var(--sketch-color-accent-error);--input-border-color-empty-focus: var(--sketch-color-accent-primary);--input-border-color-empty-hover: transparent;--input-border-color-error-default: var(--sketch-color-accent-error);--input-border-color-error-focus: var(--sketch-color-foreground-error);--input-border-color-error-hover: var(--sketch-color-accent-error);--input-border-color-focus: var(--sketch-color-accent-primary);--input-border-color-hover: transparent;--input-border-color-onselected-default: var(--sketch-color-accent-primary);--input-border-color-onselected-hover: var(--sketch-color-accent-primary);--input-border-offset-default: var(--size-null);--input-border-offset-disabled: var(--size-neg-unit);--input-border-offset-empty-default: var(--size-null);--input-border-offset-empty-error-default: var(--size-neg-unit);--input-border-offset-empty-error-focus: var(--size-neg-unit);--input-border-offset-empty-error-hover: var(--size-neg-unit);--input-border-offset-empty-focus: var(--size-neg-unit);--input-border-offset-empty-hover: var(--size-null);--input-border-offset-error-default: var(--size-neg-unit);--input-border-offset-error-focus: var(--size-neg-unit);--input-border-offset-error-hover: var(--size-neg-unit);--input-border-offset-focus: var(--size-neg-unit);--input-border-offset-hover: var(--size-null);--input-border-offset-onselected-default: var(--size-neg-unit);--input-border-offset-onselected-hover: var(--size-neg-unit);--input-border-width-default: var(--size-null);--input-border-width-disabled: var(--size-pos-unit);--input-border-width-empty-default: var(--size-null);--input-border-width-empty-error-default: var(--size-pos-unit);--input-border-width-empty-error-focus: var(--size-pos-unit);--input-border-width-empty-error-hover: var(--size-pos-unit);--input-border-width-empty-focus: var(--size-pos-unit);--input-border-width-empty-hover: var(--size-null);--input-border-width-error-default: var(--size-pos-unit);--input-border-width-error-focus: var(--size-pos-unit);--input-border-width-error-hover: var(--size-pos-unit);--input-border-width-focus: var(--size-pos-unit);--input-border-width-hover: var(--size-null);--input-border-width-onselected-default: var(--size-pos-unit);--input-border-width-onselected-hover: var(--size-pos-unit);--input-clearable-right: var(--size-pos-xxxsmall);--input-clearable-top: var(--size-pos-xxxsmall);--input-color-chip-border-default: inset 0 0 0 var(--size-pos-unit) color(srgb 0 0 0 / .1);--input-color-chip-border-focus: inset 0 0 0 var(--size-pos-unit) var(--sketch-color-accent-primary);--input-color-chip-height: var(--size-pos-xsmall);--input-color-chip-left: var(--size-pos-xxsmall);--input-color-chip-opacity-default: 1;--input-color-chip-opacity-disabled: .5;--input-color-chip-radius: var(--border-radius-small);--input-color-chip-width: var(--size-pos-xsmall);--input-color-width: 108px;--input-gap: var(--size-pos-xxsmall);--input-height: var(--size-pos-medium);--input-icon-color: var(--sketch-color-foreground-tertiary);--input-icon-height: var(--size-pos-medium);--input-icon-width: var(--size-pos-medium);--input-number-width: 108px;--input-padding-clearable-bottom: var(--size-pos-medium);--input-padding-clearable-left: var(--size-pos-medium);--input-padding-clearable-right: var(--size-pos-medium);--input-padding-clearable-top: var(--size-pos-medium);--input-padding-default-bottom: var(--size-pos-xxsmall);--input-padding-default-left: var(--size-pos-xxsmall);--input-padding-default-right: var(--size-pos-xxsmall);--input-padding-default-top: var(--size-pos-xxsmall);--input-padding-unit-bottom: var(--size-pos-medium);--input-padding-unit-left: var(--size-pos-medium);--input-padding-unit-right: var(--size-pos-medium);--input-padding-unit-top: var(--size-pos-medium);--input-padding-with-color-bottom: var(--size-pos-medium);--input-padding-with-color-left: var(--size-pos-medium);--input-padding-with-color-right: var(--size-pos-medium);--input-padding-with-color-top: var(--size-pos-medium);--input-padding-with-icon-bottom: var(--size-pos-medium);--input-padding-with-icon-left: var(--size-pos-medium);--input-padding-with-icon-right: var(--size-pos-medium);--input-padding-with-icon-top: var(--size-pos-medium);--input-radius: var(--border-radius-large);--input-status-gap: var(--size-pos-xxsmall);--input-status-height-default: var(--size-pos-medium);--input-status-height-long-text: var(--size-pos-medium);--input-text-color-default: var(--sketch-color-foreground-primary);--input-text-color-disabled: var(--sketch-color-foreground-tertiary);--input-text-color-empty-default: var(--sketch-color-foreground-primary);--input-text-color-empty-error-default: var(--sketch-color-foreground-primary);--input-text-color-empty-error-focus: var(--sketch-color-foreground-primary);--input-text-color-empty-error-hover: var(--sketch-color-foreground-primary);--input-text-color-empty-focus: var(--sketch-color-foreground-primary);--input-text-color-empty-hover: var(--sketch-color-foreground-primary);--input-text-color-error-default: var(--sketch-color-foreground-primary);--input-text-color-error-focus: var(--sketch-color-foreground-primary);--input-text-color-error-hover: var(--sketch-color-foreground-primary);--input-text-color-focus: var(--sketch-color-foreground-primary);--input-text-color-hover: var(--sketch-color-foreground-primary);--input-text-font-family: var(--font-stack);--input-text-font-size: var(--font-size-medium);--input-text-font-weight: var(--font-weight-normal);--input-text-letter-spacing: var(--font-letter-spacing-pos-medium);--input-text-line-height: var(--font-line-height-default);--input-text-placeholder-color-default: var(--sketch-color-foreground-tertiary);--input-text-placeholder-color-disabled: var(--sketch-color-foreground-disabled);--input-text-placeholder-color-empty-default: var(--sketch-color-foreground-tertiary);--input-text-placeholder-color-empty-error-default: var(--sketch-color-foreground-tertiary);--input-text-placeholder-color-empty-error-focus: var(--sketch-color-foreground-tertiary);--input-text-placeholder-color-empty-error-hover: var(--sketch-color-foreground-tertiary);--input-text-placeholder-color-empty-focus: var(--sketch-color-foreground-tertiary);--input-text-placeholder-color-empty-hover: var(--sketch-color-foreground-tertiary);--input-text-placeholder-color-error-default: var(--sketch-color-foreground-tertiary);--input-text-placeholder-color-error-focus: var(--sketch-color-foreground-tertiary);--input-text-placeholder-color-error-hover: var(--sketch-color-foreground-tertiary);--input-text-placeholder-color-focus: var(--sketch-color-foreground-tertiary);--input-text-placeholder-color-hover: var(--sketch-color-foreground-tertiary);--input-textarea-background-color: var(--sketch-color-background-tertiary);--input-textarea-border-color: transparent;--input-textarea-border-offset: var(--size-null);--input-textarea-border-width: var(--size-null);--input-textarea-min-height: var(--size-pos-xxlarge);--input-textarea-padding-bottom: var(--size-pos-xxsmall);--input-textarea-padding-left: var(--size-pos-xxsmall);--input-textarea-padding-right: var(--size-pos-xxsmall);--input-textarea-padding-top: var(--size-pos-xxsmall);--input-textarea-text-color: var(--sketch-color-foreground-primary);--input-textarea-text-placeholder-color: var(--sketch-color-foreground-tertiary)}:root[data-theme=figma]{--input-background-color-default: var(--figma-color-bg-secondary);--input-background-color-disabled: var(--figma-color-bg-tertiary);--input-background-color-empty-default: var(--figma-color-bg-secondary);--input-background-color-empty-error-default: var(--figma-color-bg-secondary);--input-background-color-empty-error-focus: var(--figma-color-bg-secondary);--input-background-color-empty-error-hover: var(--figma-color-bg-secondary);--input-background-color-empty-focus: var(--figma-color-bg-secondary);--input-background-color-empty-hover: var(--figma-color-bg-secondary);--input-background-color-error-default: var(--figma-color-bg-secondary);--input-background-color-error-focus: var(--figma-color-bg-secondary);--input-background-color-error-hover: var(--figma-color-bg-secondary);--input-background-color-focus: var(--figma-color-bg-secondary);--input-background-color-hover: var(--figma-color-bg-secondary);--input-background-color-onselected-default: var(--figma-color-bg);--input-background-color-onselected-hover: var(--figma-color-bg);--input-border-color-default: transparent;--input-border-color-disabled: var(--figma-color-border-disabled);--input-border-color-empty-default: transparent;--input-border-color-empty-error-default: var(--figma-color-border-danger);--input-border-color-empty-error-focus: var(--figma-color-border-danger-strong);--input-border-color-empty-error-hover: var(--figma-color-border-danger);--input-border-color-empty-focus: var(--figma-color-border-selected);--input-border-color-empty-hover: var(--figma-color-border);--input-border-color-error-default: var(--figma-color-border-danger);--input-border-color-error-focus: var(--figma-color-border-danger-strong);--input-border-color-error-hover: var(--figma-color-border-danger);--input-border-color-focus: var(--figma-color-border-selected);--input-border-color-hover: var(--figma-color-border);--input-border-color-onselected-default: var(--figma-color-border-selected);--input-border-color-onselected-hover: var(--figma-color-border-selected);--input-border-offset-default: var(--size-null);--input-border-offset-disabled: var(--size-neg-unit);--input-border-offset-empty-default: var(--size-null);--input-border-offset-empty-error-default: var(--size-neg-unit);--input-border-offset-empty-error-focus: var(--size-neg-unit);--input-border-offset-empty-error-hover: var(--size-neg-unit);--input-border-offset-empty-focus: var(--size-neg-unit);--input-border-offset-empty-hover: var(--size-neg-unit);--input-border-offset-error-default: var(--size-neg-unit);--input-border-offset-error-focus: var(--size-neg-unit);--input-border-offset-error-hover: var(--size-neg-unit);--input-border-offset-focus: var(--size-neg-unit);--input-border-offset-hover: var(--size-neg-unit);--input-border-offset-onselected-default: var(--size-neg-unit);--input-border-offset-onselected-hover: var(--size-neg-unit);--input-border-width-default: var(--size-null);--input-border-width-disabled: var(--size-pos-unit);--input-border-width-empty-default: var(--size-null);--input-border-width-empty-error-default: var(--size-pos-unit);--input-border-width-empty-error-focus: var(--size-pos-unit);--input-border-width-empty-error-hover: var(--size-pos-unit);--input-border-width-empty-focus: var(--size-pos-unit);--input-border-width-empty-hover: var(--size-pos-unit);--input-border-width-error-default: var(--size-pos-unit);--input-border-width-error-focus: var(--size-pos-unit);--input-border-width-error-hover: var(--size-pos-unit);--input-border-width-focus: var(--size-pos-unit);--input-border-width-hover: var(--size-pos-unit);--input-border-width-onselected-default: var(--size-pos-unit);--input-border-width-onselected-hover: var(--size-pos-unit);--input-clearable-right: var(--size-pos-xunit);--input-clearable-top: var(--size-pos-xunit);--input-color-chip-border-default: inset 0 0 0 var(--size-pos-unit) color(srgb 0 0 0 / .1);--input-color-chip-border-focus: inset 0 0 0 var(--size-pos-unit) var(--figma-color-border-selected);--input-color-chip-height: var(--size-pos-xsmall);--input-color-chip-left: var(--size-pos-xxxsmall);--input-color-chip-opacity-default: 1;--input-color-chip-opacity-disabled: .5;--input-color-chip-radius: var(--border-radius-small);--input-color-chip-width: var(--size-pos-xsmall);--input-color-width: 96px;--input-gap: var(--size-pos-xxsmall);--input-height: var(--size-pos-small);--input-icon-color: var(--figma-color-icon-disabled);--input-icon-height: var(--size-pos-small);--input-icon-width: var(--size-pos-small);--input-number-width: 96px;--input-padding-clearable-bottom: var(--size-pos-medium);--input-padding-clearable-left: var(--size-pos-medium);--input-padding-clearable-right: var(--size-pos-medium);--input-padding-clearable-top: var(--size-pos-medium);--input-padding-default-bottom: var(--size-pos-xxsmall);--input-padding-default-left: var(--size-pos-xxsmall);--input-padding-default-right: var(--size-pos-xxsmall);--input-padding-default-top: var(--size-pos-xxsmall);--input-padding-unit-bottom: var(--size-pos-small);--input-padding-unit-left: var(--size-pos-small);--input-padding-unit-right: var(--size-pos-small);--input-padding-unit-top: var(--size-pos-small);--input-padding-with-color-bottom: var(--size-pos-small);--input-padding-with-color-left: var(--size-pos-small);--input-padding-with-color-right: var(--size-pos-small);--input-padding-with-color-top: var(--size-pos-small);--input-padding-with-icon-bottom: var(--size-pos-small);--input-padding-with-icon-left: var(--size-pos-small);--input-padding-with-icon-right: var(--size-pos-small);--input-padding-with-icon-top: var(--size-pos-small);--input-radius: var(--border-radius-medium);--input-status-gap: var(--size-pos-xxsmall);--input-status-height-default: var(--size-pos-small);--input-status-height-long-text: var(--size-pos-small);--input-text-color-default: var(--figma-color-text);--input-text-color-disabled: var(--figma-color-text-disabled);--input-text-color-empty-default: var(--figma-color-text);--input-text-color-empty-error-default: var(--figma-color-text);--input-text-color-empty-error-focus: var(--figma-color-text);--input-text-color-empty-error-hover: var(--figma-color-text);--input-text-color-empty-focus: var(--figma-color-text);--input-text-color-empty-hover: var(--figma-color-text);--input-text-color-error-default: var(--figma-color-text);--input-text-color-error-focus: var(--figma-color-text);--input-text-color-error-hover: var(--figma-color-text);--input-text-color-focus: var(--figma-color-text);--input-text-color-hover: var(--figma-color-text);--input-text-font-family: var(--font-stack);--input-text-font-size: var(--font-size-xsmall);--input-text-font-weight: var(--font-weight-normal);--input-text-letter-spacing: var(--font-letter-spacing-pos-xlarge);--input-text-line-height: var(--font-line-height-default);--input-text-placeholder-color-default: var(--figma-color-text-secondary);--input-text-placeholder-color-disabled: var(--figma-color-text-disabled);--input-text-placeholder-color-empty-default: var(--figma-color-text-secondary);--input-text-placeholder-color-empty-error-default: var(--figma-color-text-secondary);--input-text-placeholder-color-empty-error-focus: var(--figma-color-text-secondary);--input-text-placeholder-color-empty-error-hover: var(--figma-color-text-secondary);--input-text-placeholder-color-empty-focus: var(--figma-color-text-secondary);--input-text-placeholder-color-empty-hover: var(--figma-color-text-secondary);--input-text-placeholder-color-error-default: var(--figma-color-text-secondary);--input-text-placeholder-color-error-focus: var(--figma-color-text-secondary);--input-text-placeholder-color-error-hover: var(--figma-color-text-secondary);--input-text-placeholder-color-focus: var(--figma-color-text-secondary);--input-text-placeholder-color-hover: var(--figma-color-text-secondary);--input-textarea-background-color: var(--figma-color-bg-secondary);--input-textarea-border-color: var(--figma-color-border);--input-textarea-border-offset: var(--size-neg-unit);--input-textarea-border-width: var(--size-pos-unit);--input-textarea-min-height: var(--size-pos-xxlarge);--input-textarea-padding-bottom: var(--size-pos-xxsmall);--input-textarea-padding-left: var(--size-pos-xxsmall);--input-textarea-padding-right: var(--size-pos-xxsmall);--input-textarea-padding-top: var(--size-pos-xxsmall);--input-textarea-text-color: var(--figma-color-text);--input-textarea-text-placeholder-color: var(--figma-color-text-secondary)}:root[data-theme=framer]{--input-background-color-default: var(--framer-color-bg-secondary);--input-background-color-disabled: var(--framer-color-bg-tertiary);--input-background-color-empty-default: var(--framer-color-bg-secondary);--input-background-color-empty-error-default: var(--framer-color-bg-secondary);--input-background-color-empty-error-focus: var(--framer-color-bg-secondary);--input-background-color-empty-error-hover: var(--framer-color-bg-secondary);--input-background-color-empty-focus: var(--framer-color-bg-secondary);--input-background-color-empty-hover: var(--framer-color-bg-secondary);--input-background-color-error-default: var(--framer-color-bg-secondary);--input-background-color-error-focus: var(--framer-color-bg-secondary);--input-background-color-error-hover: var(--framer-color-bg-secondary);--input-background-color-focus: var(--framer-color-bg-secondary);--input-background-color-hover: var(--framer-color-bg-secondary);--input-background-color-onselected-default: var(--framer-color-bg-secondary);--input-background-color-onselected-hover: var(--framer-color-bg-secondary);--input-border-color-default: transparent;--input-border-color-disabled: transparent;--input-border-color-empty-default: transparent;--input-border-color-empty-error-default: var(--framer-color-destructive);--input-border-color-empty-error-focus: var(--framer-color-destructive-extra-dark);--input-border-color-empty-error-hover: var(--framer-color-destructive);--input-border-color-empty-focus: var(--framer-color-tint);--input-border-color-empty-hover: transparent;--input-border-color-error-default: var(--framer-color-destructive);--input-border-color-error-focus: var(--framer-color-destructive-extra-dark);--input-border-color-error-hover: var(--framer-color-destructive);--input-border-color-focus: var(--framer-color-tint);--input-border-color-hover: transparent;--input-border-color-onselected-default: var(--framer-color-tint);--input-border-color-onselected-hover: var(--framer-color-tint);--input-border-offset-default: var(--size-null);--input-border-offset-disabled: var(--size-neg-unit);--input-border-offset-empty-default: var(--size-null);--input-border-offset-empty-error-default: var(--size-neg-unit);--input-border-offset-empty-error-focus: var(--size-neg-unit);--input-border-offset-empty-error-hover: var(--size-neg-unit);--input-border-offset-empty-focus: var(--size-neg-unit);--input-border-offset-empty-hover: var(--size-neg-unit);--input-border-offset-error-default: var(--size-neg-unit);--input-border-offset-error-focus: var(--size-neg-unit);--input-border-offset-error-hover: var(--size-neg-unit);--input-border-offset-focus: var(--size-neg-unit);--input-border-offset-hover: var(--size-neg-unit);--input-border-offset-onselected-default: var(--size-neg-unit);--input-border-offset-onselected-hover: var(--size-neg-unit);--input-border-width-default: var(--size-null);--input-border-width-disabled: var(--size-pos-unit);--input-border-width-empty-default: var(--size-null);--input-border-width-empty-error-default: var(--size-pos-unit);--input-border-width-empty-error-focus: var(--size-pos-unit);--input-border-width-empty-error-hover: var(--size-pos-unit);--input-border-width-empty-focus: var(--size-pos-unit);--input-border-width-empty-hover: var(--size-pos-unit);--input-border-width-error-default: var(--size-pos-unit);--input-border-width-error-focus: var(--size-pos-unit);--input-border-width-error-hover: var(--size-pos-unit);--input-border-width-focus: var(--size-pos-unit);--input-border-width-hover: var(--size-pos-unit);--input-border-width-onselected-default: var(--size-pos-unit);--input-border-width-onselected-hover: var(--size-pos-unit);--input-clearable-right: var(--size-pos-xxxsmall);--input-clearable-top: var(--size-pos-xxxsmall);--input-color-chip-border-default: inset 0 0 0 var(--size-pos-unit) color(srgb 0 0 0 / .1);--input-color-chip-border-focus: inset 0 0 0 var(--size-pos-unit) var(--framer-color-tint);--input-color-chip-height: var(--size-pos-small);--input-color-chip-left: var(--size-pos-xxxsmall);--input-color-chip-opacity-default: 1;--input-color-chip-opacity-disabled: .5;--input-color-chip-radius: var(--border-radius-medium);--input-color-chip-width: var(--size-pos-small);--input-color-width: 112px;--input-gap: var(--size-pos-xxsmall);--input-height: var(--size-pos-medium);--input-icon-color: var(--framer-color-text-tertiary);--input-icon-height: var(--size-pos-medium);--input-icon-width: var(--size-pos-medium);--input-number-width: 112px;--input-padding-clearable-bottom: var(--size-pos-medium);--input-padding-clearable-left: var(--size-pos-medium);--input-padding-clearable-right: var(--size-pos-medium);--input-padding-clearable-top: var(--size-pos-medium);--input-padding-default-bottom: var(--size-pos-xxsmall);--input-padding-default-left: var(--size-pos-xxsmall);--input-padding-default-right: var(--size-pos-xxsmall);--input-padding-default-top: var(--size-pos-xxsmall);--input-padding-unit-bottom: var(--size-pos-small);--input-padding-unit-left: var(--size-pos-small);--input-padding-unit-right: var(--size-pos-small);--input-padding-unit-top: var(--size-pos-small);--input-padding-with-color-bottom: var(--size-pos-small);--input-padding-with-color-left: var(--size-pos-xmedium);--input-padding-with-color-right: var(--size-pos-small);--input-padding-with-color-top: var(--size-pos-small);--input-padding-with-icon-bottom: var(--size-pos-small);--input-padding-with-icon-left: var(--size-pos-medium);--input-padding-with-icon-right: var(--size-pos-msmall);--input-padding-with-icon-top: var(--size-pos-small);--input-radius: var(--border-radius-xlarge);--input-status-gap: var(--size-pos-xxsmall);--input-status-height-default: var(--size-pos-medium);--input-status-height-long-text: var(--size-pos-medium);--input-text-color-default: var(--framer-color-text);--input-text-color-disabled: var(--framer-color-text-tertiary);--input-text-color-empty-default: var(--framer-color-text);--input-text-color-empty-error-default: var(--framer-color-text);--input-text-color-empty-error-focus: var(--framer-color-text);--input-text-color-empty-error-hover: var(--framer-color-text);--input-text-color-empty-focus: var(--framer-color-text);--input-text-color-empty-hover: var(--framer-color-text);--input-text-color-error-default: var(--framer-color-text);--input-text-color-error-focus: var(--framer-color-text);--input-text-color-error-hover: var(--framer-color-text);--input-text-color-focus: var(--framer-color-text);--input-text-color-hover: var(--framer-color-text);--input-text-font-family: var(--font-stack);--input-text-font-size: var(--font-size-small);--input-text-font-weight: var(--font-weight-medium);--input-text-letter-spacing: var(--font-letter-spacing-pos-large);--input-text-line-height: var(--font-line-height-default);--input-text-placeholder-color-default: var(--framer-color-text-secondary);--input-text-placeholder-color-disabled: var(--framer-color-text-tertiary);--input-text-placeholder-color-empty-default: var(--framer-color-text-secondary);--input-text-placeholder-color-empty-error-default: var(--framer-color-text-secondary);--input-text-placeholder-color-empty-error-focus: var(--framer-color-text-secondary);--input-text-placeholder-color-empty-error-hover: var(--framer-color-text-secondary);--input-text-placeholder-color-empty-focus: var(--framer-color-text-secondary);--input-text-placeholder-color-empty-hover: var(--framer-color-text-secondary);--input-text-placeholder-color-error-default: var(--framer-color-text-secondary);--input-text-placeholder-color-error-focus: var(--framer-color-text-secondary);--input-text-placeholder-color-error-hover: var(--framer-color-text-secondary);--input-text-placeholder-color-focus: var(--framer-color-text-secondary);--input-text-placeholder-color-hover: var(--framer-color-text-secondary);--input-textarea-background-color: var(--framer-color-bg-secondary);--input-textarea-border-color: transparent;--input-textarea-border-offset: var(--size-null);--input-textarea-border-width: var(--size-null);--input-textarea-min-height: var(--size-pos-xxlarge);--input-textarea-padding-bottom: var(--size-pos-xxsmall);--input-textarea-padding-left: var(--size-pos-xxsmall);--input-textarea-padding-right: var(--size-pos-xxsmall);--input-textarea-padding-top: var(--size-pos-xxsmall);--input-textarea-text-color: var(--framer-color-text);--input-textarea-text-placeholder-color: var(--framer-color-text-secondary)}.textarea{display:flex;position:relative;align-items:center;cursor:inherit;padding:var(--input-textarea-padding-top) var(--input-textarea-padding-right) var(--input-textarea-padding-bottom) var(--input-textarea-padding-left);width:100%;min-height:var(--input-textarea-min-height);overflow:visible;overflow:hidden auto;resize:none;font-weight:var(--input-text-font-weight);font-size:var(--input-text-font-size);line-height:var(--input-text-line-height);font-family:var(--input-text-font-family);letter-spacing:var(--input-text-letter-spacing);--input-border-width: var(--input-border-width-empty-default);--input-border-offset: var(--input-border-offset-empty-default);--input-border-color: var(--input-border-color-empty-default)}.textarea--monospace{font-family:monospace}.input{display:flex;position:relative;align-items:start;gap:var(--input-gap);cursor:default;-webkit-user-select:none;user-select:none}.input.input--blocked{pointer-events:none}.input--with-icon .input__field{padding-left:var(--input-padding-with-icon-left)}.input--with-color .input__field{padding-left:var(--input-padding-with-color-left)}.input input{cursor:inherit;-webkit-user-select:none;user-select:none}.input input[type=color i]{position:absolute;top:50%;left:var(--input-color-chip-left);transform:translateY(-50%);appearance:none;opacity:var(--input-color-chip-opacity);z-index:1;outline:none;border:none;background-color:transparent;padding:0;width:var(--input-color-chip-width);height:var(--input-color-chip-height)}.input input[type=color i]::-webkit-color-swatch-wrapper{padding:0}.input input[type=color i]::-webkit-color-swatch{box-shadow:var(--input-color-chip-border);border:none;border-radius:var(--input-color-chip-radius)}.input input[type=color i]::-webkit-color-swatch{--input-color-chip-border: var(--input-color-chip-border-default)}@media(prefers-color-scheme:dark){.input input[type=color i]{color-scheme:dark}}@media(prefers-color-scheme:light){.input input[type=color i]{color-scheme:light}}.input input[type=color i]{--input-color-chip-opacity: var(--input-color-chip-opacity-default)}.input input[type=color i]:focus::-webkit-color-swatch{--input-color-chip-border: var(--input-color-chip-border-focus)}.input input[type=color i]:focus~.input__field{--input-background-color: var(--input-background-color-focus);--input-border-width: var(--input-border-width-focus);--input-border-offset: var(--input-border-offset-focus);--input-border-color: var(--input-border-color-focus);--input-text-color: var(--input-text-color-focus);--input-text-placeholder-color: var(--input-text-placeholder-color-focus)}.input input[type=number]{width:var(--input-number-width)}.input input[type=color]~.input__field{width:var(--input-color-width)}.input input[type=number]::-webkit-inner-spin-button{display:none}.input input[type=number]{appearance:textfield}.input__wrapper{position:relative;flex:1}.input.input--flex .input__wrapper{flex:1}.input__icon,.input__unit{display:flex;position:absolute;justify-content:center;align-items:center;z-index:2;width:var(--input-icon-width);height:var(--input-icon-height);--icon-letter-color: var(--input-icon-color);--icon-picto-color: var(--input-icon-color)}.input__icon{top:0;left:0}.input__unit{top:0;right:0;pointer-events:none}.input__field{display:flex;position:relative;align-items:center;box-sizing:border-box;outline:var(--input-border-width) solid var(--input-border-color);outline-offset:var(--input-border-offset);border:none;border-radius:var(--input-radius);background-color:var(--input-background-color);padding:var(--input-padding-default-top) var(--input-padding-default-right) var(--input-padding-default-bottom) var(--input-padding-default-left);width:100%;height:var(--input-height);overflow:visible;color:var(--input-text-color);font-weight:var(--input-text-font-weight);font-size:var(--input-text-font-size);line-height:var(--input-text-line-height);font-family:var(--input-text-font-family);letter-spacing:var(--input-text-letter-spacing)}.input__field{--input-border-width: var(--input-border-width-default);--input-border-offset: var(--input-border-offset-default);--input-border-color: var(--input-border-color-default);--input-background-color: var(--input-background-color-default);--input-text-color: var(--input-text-color-default)}.input__field::placeholder{color:var(--input-text-placeholder-color)}.input__field:disabled{pointer-events:none}.input__field:placeholder-shown{--input-background-color: var(--input-background-color-empty-default);--input-border-width: var(--input-border-width-empty-default);--input-border-offset: var(--input-border-offset-empty-default);--input-border-color: var(--input-border-color-empty-default);--input-text-color: var(--input-text-color-empty-default);--input-text-placeholder-color: var( --input-text-placeholder-color-empty-default )}.input__field:placeholder-shown:hover{--input-background-color: var(--input-background-color-empty-hover);--input-border-width: var(--input-border-width-empty-hover);--input-border-offset: var(--input-border-offset-empty-hover);--input-border-color: var(--input-border-color-empty-hover);--input-text-color: var(--input-text-color-empty-hover);--input-text-placeholder-color: var( --input-text-placeholder-color-empty-hover )}.input__field:placeholder-shown:focus{--input-background-color: var(--input-background-color-empty-focus);--input-border-width: var(--input-border-width-empty-focus);--input-border-offset: var(--input-border-offset-empty-focus);--input-border-color: var(--input-border-color-empty-focus);--input-text-color: var(--input-text-color-empty-focus);--input-text-placeholder-color: var( --input-text-placeholder-color-empty-focus )}.input__field--error:placeholder-shown{--input-background-color: var( --input-background-color-empty-error-default );--input-border-width: var(--input-border-width-empty-error-default);--input-border-offset: var(--input-border-offset-empty-error-default);--input-border-color: var(--input-border-color-empty-error-default);--input-text-color: var(--input-text-color-empty-error-default);--input-text-placeholder-color: var( --input-text-placeholder-color-empty-error-default )}.input__field--error:placeholder-shown:hover{--input-background-color: var(--input-background-color-empty-error-hover);--input-border-width: var(--input-border-width-empty-error-hover);--input-border-offset: var(--input-border-offset-empty-error-hover);--input-border-color: var(--input-border-color-empty-error-hover);--input-text-color: var(--input-text-color-empty-error-hover);--input-text-placeholder-color: var( --input-text-placeholder-color-empty-error-hover )}.input__field--error:placeholder-shown:focus{--input-background-color: var(--input-background-color-empty-error-focus);--input-border-width: var(--input-border-width-empty-error-focus);--input-border-offset: var(--input-border-offset-empty-error-focus);--input-border-color: var(--input-border-color-empty-error-focus);--input-text-color: var(--input-text-color-empty-error-focus);--input-text-placeholder-color: var( --input-text-placeholder-color-empty-error-focus )}.input__field:hover{--input-background-color: var(--input-background-color-hover);--input-border-width: var(--input-border-width-hover);--input-border-offset: var(--input-border-offset-hover);--input-border-color: var(--input-border-color-hover);--input-text-color: var(--input-text-color-hover);--input-text-placeholder-color: var(--input-text-placeholder-color-hover)}.input__field:focus{--input-background-color: var(--input-background-color-focus);--input-border-width: var(--input-border-width-focus);--input-border-offset: var(--input-border-offset-focus);--input-border-color: var(--input-border-color-focus);--input-text-color: var(--input-text-color-focus);--input-text-placeholder-color: var(--input-text-placeholder-color-focus)}.input__field--error{--input-background-color: var(--input-background-color-error-default);--input-border-width: var(--input-border-width-error-default);--input-border-offset: var(--input-border-offset-error-default);--input-border-color: var(--input-border-color-error-default);--input-text-color: var(--input-text-color-error-default);--input-text-placeholder-color: var( --input-text-placeholder-color-error-default )}.input__field--error:hover{--input-background-color: var(--input-background-color-error-hover);--input-border-width: var(--input-border-width-error-hover);--input-border-offset: var(--input-border-offset-error-hover);--input-border-color: var(--input-border-color-error-hover);--input-text-color: var(--input-text-color-error-hover);--input-text-placeholder-color: var( --input-text-placeholder-color-error-hover )}.input__field--error:focus{--input-background-color: var(--input-background-color-error-focus);--input-border-width: var(--input-border-width-error-focus);--input-border-offset: var(--input-border-offset-error-focus);--input-border-color: var(--input-border-color-error-focus);--input-text-color: var(--input-text-color-error-focus);--input-text-placeholder-color: var( --input-text-placeholder-color-error-focus )}.input__field:disabled{--input-background-color: var(--input-background-color-disabled);--input-border-width: var(--input-border-width-disabled);--input-border-offset: var(--input-border-offset-disabled);--input-border-color: var(--input-border-color-disabled);--input-text-color: var(--input-text-color-disabled);--input-text-placeholder-color: var( --input-text-placeholder-color-disabled )}.input__field--no-frame,.input__field--no-frame:focus{outline:none;background-color:transparent}.input__field--flex{width:100%!important}.input__field--clearable{padding-right:var(--input-padding-clearable-right)}.input__field--unit{padding-right:var(--input-padding-unit-right)}.input__color:hover~.input__field{--input-background-color: var(--input-background-color-hover);--input-border-width: var(--input-border-width-hover);--input-border-offset: var(--input-border-offset-hover);--input-border-color: var(--input-border-color-hover);--input-text-color: var(--input-text-color-hover);--input-text-placeholder-color: var(--input-text-placeholder-color-hover)}.input__color:disabled[type=color i]{--input-color-chip-opacity: var(--input-color-chip-opacity-disabled);pointer-events:none}.input__clear{position:absolute;top:var(--input-clearable-top);right:var(--input-clearable-right)}.input__status{display:flex;align-items:center;gap:var(--input-status-gap);height:var(--input-status-height)}.input__status{--input-status-height: var(--input-status-height-default)}.input--long-text{--input-status-height: var(--input-status-height-long-text)}

package/dist/assets/InputsBar.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--inputs-bar-border-color: var(--penpot-color-accent-primary);--inputs-bar-border-width: var(--size-pos-unit);--inputs-bar-gap-default: var(--size-pos-xxsmall);--inputs-bar-gap-inner: var(--size-null);--inputs-bar-input-radius: var(--border-radius-null);--inputs-bar-margin-bottom: var(--size-null);--inputs-bar-margin-left: var(--size-neg-unit);--inputs-bar-margin-right: var(--size-neg-unit);--inputs-bar-margin-top: var(--size-null);--inputs-bar-padding-bottom: var(--size-null);--inputs-bar-padding-left: var(--size-pos-unit);--inputs-bar-padding-right: var(--size-pos-unit);--inputs-bar-padding-top: var(--size-null);--inputs-bar-radius: var(--border-radius-xlarge);--inputs-bar-width: var(--size-pos-xlarge)}:root[data-theme=sketch]{--inputs-bar-border-color: var(--sketch-color-accent-primary);--inputs-bar-border-width: var(--size-pos-unit);--inputs-bar-gap-default: var(--size-pos-xxsmall);--inputs-bar-gap-inner: var(--size-pos-xunit);--inputs-bar-input-radius: var(--border-radius-null);--inputs-bar-margin-bottom: var(--size-null);--inputs-bar-margin-left: var(--size-neg-unit);--inputs-bar-margin-right: var(--size-neg-unit);--inputs-bar-margin-top: var(--size-null);--inputs-bar-padding-bottom: var(--size-null);--inputs-bar-padding-left: var(--size-pos-unit);--inputs-bar-padding-right: var(--size-pos-unit);--inputs-bar-padding-top: var(--size-null);--inputs-bar-radius: var(--border-radius-large);--inputs-bar-width: var(--size-pos-xlarge)}:root[data-theme=figma]{--inputs-bar-border-color: var(--figma-color-border-selected);--inputs-bar-border-width: var(--size-pos-unit);--inputs-bar-gap-default: var(--size-pos-xxsmall);--inputs-bar-gap-inner: var(--size-null);--inputs-bar-input-radius: var(--border-radius-null);--inputs-bar-margin-bottom: var(--size-null);--inputs-bar-margin-left: var(--size-neg-unit);--inputs-bar-margin-right: var(--size-neg-unit);--inputs-bar-margin-top: var(--size-null);--inputs-bar-padding-bottom: var(--size-null);--inputs-bar-padding-left: var(--size-pos-unit);--inputs-bar-padding-right: var(--size-pos-unit);--inputs-bar-padding-top: var(--size-null);--inputs-bar-radius: var(--border-radius-medium);--inputs-bar-width: var(--size-pos-xlarge)}:root[data-theme=framer]{--inputs-bar-border-color: var(--framer-color-tint);--inputs-bar-border-width: var(--size-pos-unit);--inputs-bar-gap-default: var(--size-pos-xxsmall);--inputs-bar-gap-inner: var(--size-null);--inputs-bar-input-radius: var(--border-radius-null);--inputs-bar-margin-bottom: var(--size-null);--inputs-bar-margin-left: var(--size-neg-unit);--inputs-bar-margin-right: var(--size-neg-unit);--inputs-bar-margin-top: var(--size-null);--inputs-bar-padding-bottom: var(--size-null);--inputs-bar-padding-left: var(--size-pos-unit);--inputs-bar-padding-right: var(--size-pos-unit);--inputs-bar-padding-top: var(--size-null);--inputs-bar-radius: var(--border-radius-xlarge);--inputs-bar-width: var(--size-pos-xlarge)}.inputs{display:flex;align-items:center;gap:var(--inputs-bar-gap-default);--input-radius: var(--inputs-bar-input-radius)}.inputs:hover{--input-border-width-default: var(--input-border-width-hover);--input-border-offset-default: var(--input-border-offset-hover);--input-border-color-default: var(--input-border-color-hover)}.inputs .inputs__bar{display:flex;position:relative;gap:var(--inputs-bar-gap-inner);border-radius:var(--inputs-bar-radius);padding:var(--inputs-bar-padding-top) var(--inputs-bar-padding-right) var(--inputs-bar-padding-bottom) var(--inputs-bar-padding-left);overflow:hidden;--input-number-width: var(--inputs-bar-width);--input-color-width: var(--inputs-bar-width)}.inputs .inputs__bar .input{margin:var(--inputs-bar-margin-top) var(--inputs-bar-margin-right) var(--inputs-bar-margin-bottom) var(--inputs-bar-margin-left)}.inputs .inputs__bar .input input:focus{--input-border-width-focus: var(--input-border-width-hover);--input-border-offset-focus: var(--input-border-offset-hover);--input-border-color-focus: var(--input-border-color-hover)}.inputs .inputs__bar:focus-within{--input-border-width-default: var(--input-border-width-hover);--input-border-offset-default: var(--input-border-offset-hover);--input-border-color-default: var(--input-border-color-hover)}.inputs .inputs__bar:focus-within:before{position:absolute;z-index:2;inset:0;box-shadow:inset 0 0 0 var(--inputs-bar-border-width) var(--inputs-bar-border-color);border-radius:var(--inputs-bar-radius);pointer-events:none;content:""}

package/dist/assets/KeyboardShortcutItem.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--keyboard-shortcut-item-background-color: var(--penpot-color-background-primary);--keyboard-shortcut-item-gap: var(--size-pos-xxsmall);--keyboard-shortcut-item-key-background-color: var(--penpot-color-background-secondary);--keyboard-shortcut-item-key-border-color: var(--penpot-color-background-quaternary);--keyboard-shortcut-item-key-border-offset: var(--size-neg-unit);--keyboard-shortcut-item-key-border-width: var(--size-pos-unit);--keyboard-shortcut-item-key-gap: var(--size-pos-xxxsmall);--keyboard-shortcut-item-key-height: var(--size-pos-small);--keyboard-shortcut-item-key-min-width: var(--size-pos-xxsmall);--keyboard-shortcut-item-key-padding-bottom: var(--size-null);--keyboard-shortcut-item-key-padding-left: var(--size-pos-xxsmall);--keyboard-shortcut-item-key-padding-right: var(--size-pos-xxsmall);--keyboard-shortcut-item-key-padding-top: var(--size-null);--keyboard-shortcut-item-key-radius: var(--border-radius-xlarge);--keyboard-shortcut-item-min-height: var(--size-pos-medium);--keyboard-shortcut-item-padding-bottom: var(--size-null);--keyboard-shortcut-item-padding-left: var(--size-pos-small);--keyboard-shortcut-item-padding-right: var(--size-pos-small);--keyboard-shortcut-item-padding-top: var(--size-null);--keyboard-shortcut-item-separator-padding-bottom: var(--size-null);--keyboard-shortcut-item-separator-padding-left: var(--size-pos-xxxsmall);--keyboard-shortcut-item-separator-padding-right: var(--size-pos-xxxsmall);--keyboard-shortcut-item-separator-padding-top: var(--size-null)}:root[data-theme=sketch]{--keyboard-shortcut-item-background-color: var(--sketch-color-background-primary);--keyboard-shortcut-item-gap: var(--size-pos-xxsmall);--keyboard-shortcut-item-key-background-color: var(--sketch-color-background-secondary);--keyboard-shortcut-item-key-border-color: var(--sketch-color-border-secondary);--keyboard-shortcut-item-key-border-offset: var(--size-neg-unit);--keyboard-shortcut-item-key-border-width: var(--size-pos-unit);--keyboard-shortcut-item-key-gap: var(--size-pos-xxxsmall);--keyboard-shortcut-item-key-height: var(--size-pos-small);--keyboard-shortcut-item-key-min-width: var(--size-pos-xxsmall);--keyboard-shortcut-item-key-padding-bottom: var(--size-null);--keyboard-shortcut-item-key-padding-left: var(--size-pos-xxsmall);--keyboard-shortcut-item-key-padding-right: var(--size-pos-xxsmall);--keyboard-shortcut-item-key-padding-top: var(--size-null);--keyboard-shortcut-item-key-radius: var(--border-radius-xxlarge);--keyboard-shortcut-item-min-height: var(--size-pos-medium);--keyboard-shortcut-item-padding-bottom: var(--size-null);--keyboard-shortcut-item-padding-left: var(--size-pos-small);--keyboard-shortcut-item-padding-right: var(--size-pos-small);--keyboard-shortcut-item-padding-top: var(--size-null);--keyboard-shortcut-item-separator-padding-bottom: var(--size-null);--keyboard-shortcut-item-separator-padding-left: var(--size-pos-xxxsmall);--keyboard-shortcut-item-separator-padding-right: var(--size-pos-xxxsmall);--keyboard-shortcut-item-separator-padding-top: var(--size-null)}:root[data-theme=figma]{--keyboard-shortcut-item-background-color: var(--figma-color-bg);--keyboard-shortcut-item-gap: var(--size-pos-xxsmall);--keyboard-shortcut-item-key-background-color: var(--figma-color-bg);--keyboard-shortcut-item-key-border-color: var(--figma-color-border);--keyboard-shortcut-item-key-border-offset: var(--size-neg-unit);--keyboard-shortcut-item-key-border-width: var(--size-pos-unit);--keyboard-shortcut-item-key-gap: var(--size-pos-xxxsmall);--keyboard-shortcut-item-key-height: var(--size-pos-small);--keyboard-shortcut-item-key-min-width: var(--size-pos-xxsmall);--keyboard-shortcut-item-key-padding-bottom: var(--size-null);--keyboard-shortcut-item-key-padding-left: var(--size-pos-xxsmall);--keyboard-shortcut-item-key-padding-right: var(--size-pos-xxsmall);--keyboard-shortcut-item-key-padding-top: var(--size-null);--keyboard-shortcut-item-key-radius: var(--border-radius-large);--keyboard-shortcut-item-min-height: var(--size-pos-medium);--keyboard-shortcut-item-padding-bottom: var(--size-null);--keyboard-shortcut-item-padding-left: var(--size-pos-small);--keyboard-shortcut-item-padding-right: var(--size-pos-small);--keyboard-shortcut-item-padding-top: var(--size-null);--keyboard-shortcut-item-separator-padding-bottom: var(--size-null);--keyboard-shortcut-item-separator-padding-left: var(--size-pos-xxxsmall);--keyboard-shortcut-item-separator-padding-right: var(--size-pos-xxxsmall);--keyboard-shortcut-item-separator-padding-top: var(--size-null)}:root[data-theme=framer]{--keyboard-shortcut-item-background-color: var(--framer-color-bg);--keyboard-shortcut-item-gap: var(--size-pos-xxsmall);--keyboard-shortcut-item-key-background-color: var(--framer-color-bg-tertiary);--keyboard-shortcut-item-key-border-color: transparent;--keyboard-shortcut-item-key-border-offset: var(--size-null);--keyboard-shortcut-item-key-border-width: var(--size-null);--keyboard-shortcut-item-key-gap: var(--size-pos-xunit);--keyboard-shortcut-item-key-height: var(--size-pos-small);--keyboard-shortcut-item-key-min-width: var(--size-pos-xsmall);--keyboard-shortcut-item-key-padding-bottom: var(--size-null);--keyboard-shortcut-item-key-padding-left: var(--size-pos-xxxsmall);--keyboard-shortcut-item-key-padding-right: var(--size-pos-xxxsmall);--keyboard-shortcut-item-key-padding-top: var(--size-null);--keyboard-shortcut-item-key-radius: var(--border-radius-medium);--keyboard-shortcut-item-min-height: var(--size-pos-medium);--keyboard-shortcut-item-padding-bottom: var(--size-null);--keyboard-shortcut-item-padding-left: var(--size-pos-small);--keyboard-shortcut-item-padding-right: var(--size-pos-small);--keyboard-shortcut-item-padding-top: var(--size-null);--keyboard-shortcut-item-separator-padding-bottom: var(--size-null);--keyboard-shortcut-item-separator-padding-left: var(--size-pos-xxxsmall);--keyboard-shortcut-item-separator-padding-right: var(--size-pos-xxxsmall);--keyboard-shortcut-item-separator-padding-top: var(--size-null)}.keyboard-shortcut-item{display:flex;justify-content:space-between;align-items:center;gap:var(--keyboard-shortcut-item-gap);background-color:var(--keyboard-shortcut-item-background-color);padding:var(--keyboard-shortcut-item-padding-top) var(--keyboard-shortcut-item-padding-right) var(--keyboard-shortcut-item-padding-bottom) var(--keyboard-shortcut-item-padding-left);min-height:var(--keyboard-shortcut-item-min-height);-webkit-user-select:none;user-select:none}@media(max-width:460px){.keyboard-shortcut-item{flex-direction:column}}.keyboard-shortcut-item .keyboard-shortcut-item__keys{display:flex;align-items:center;gap:var(--keyboard-shortcut-item-key-gap)}.keyboard-shortcut-item .keyboard-shortcut-item__key{display:flex;justify-content:center;align-items:center;outline:var(--keyboard-shortcut-item-key-border-width) solid var(--keyboard-shortcut-item-key-border-color);outline-offset:var(--keyboard-shortcut-item-key-border-offset);border-radius:var(--keyboard-shortcut-item-key-radius);background-color:var(--keyboard-shortcut-item-key-background-color);padding:var(--keyboard-shortcut-item-key-padding-top) var(--keyboard-shortcut-item-key-padding-right) var(--keyboard-shortcut-item-key-padding-bottom) var(--keyboard-shortcut-item-key-padding-left);min-width:var(--keyboard-shortcut-item-key-min-width);height:var(--keyboard-shortcut-item-key-height);white-space:nowrap}.keyboard-shortcut-item .keyboard-shortcut-item__separator{padding:var(--keyboard-shortcut-item-separator-padding-top) var(--keyboard-shortcut-item-separator-padding-right) var(--keyboard-shortcut-item-separator-padding-bottom) var(--keyboard-shortcut-item-separator-padding-left)}

package/dist/assets/Knob.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--knob-graduation-background-color: var(--penpot-color-background-quaternary);--knob-graduation-height: var(--size-pos-xxxsmall);--knob-graduation-width: var(--size-pos-unit);--knob-height: var(--size-pos-xlarge);--knob-input-background-color: var(--penpot-color-background-primary);--knob-input-border-color: var(--penpot-color-background-quaternary);--knob-input-border-offset: var(--size-neg-unit);--knob-input-border-width: var(--size-pos-unit);--knob-input-padding-bottom: var(--size-pos-xxxsmall);--knob-input-padding-left: var(--size-pos-xxxsmall);--knob-input-padding-right: var(--size-pos-xxxsmall);--knob-input-padding-top: var(--size-pos-xxxsmall);--knob-input-radius: var(--border-radius-xxlarge);--knob-input-shadow: var(--elevation-300-tooltip);--knob-input-top: var(--size-neg-xxsmall);--knob-input-width: var(--size-pos-xxlarge);--knob-label-arrow-background-color-default: var(--penpot-color-background-primary);--knob-label-arrow-background-color-disabled: var(--penpot-color-background-quaternary);--knob-label-arrow-background-color-focus: var(--penpot-color-accent-primary-muted);--knob-label-arrow-background-color-hover: var(--penpot-color-background-tertiary);--knob-label-arrow-border-color-default: var(--penpot-color-background-quaternary);--knob-label-arrow-border-color-disabled: var(--penpot-color-background-quaternary);--knob-label-arrow-border-color-focus: var(--penpot-color-accent-primary);--knob-label-arrow-border-color-hover: var(--penpot-color-background-quaternary);--knob-label-arrow-border-width: var(--size-pos-unit);--knob-label-arrow-height: var(--size-pos-xxsmall);--knob-label-arrow-radius: var(--border-radius-null);--knob-label-arrow-width: var(--size-pos-xxsmall);--knob-label-background-color-default: var(--penpot-color-background-primary);--knob-label-background-color-disabled: var(--penpot-color-background-quaternary);--knob-label-background-color-focus: var(--penpot-color-accent-primary-muted);--knob-label-background-color-hover: var(--penpot-color-background-tertiary);--knob-label-border-color-default: var(--penpot-color-background-quaternary);--knob-label-border-color-disabled: var(--penpot-color-background-quaternary);--knob-label-border-color-focus: var(--penpot-color-accent-primary);--knob-label-border-width-default: var(--size-pos-unit);--knob-label-border-width-focus: var(--size-pos-unit);--knob-label-height: var(--size-pos-msmall);--knob-label-padding-bottom: var(--size-pos-xunit);--knob-label-padding-left: var(--size-pos-xxxsmall);--knob-label-padding-right: var(--size-pos-xxxsmall);--knob-label-padding-top: var(--size-pos-xunit);--knob-label-radius: var(--border-radius-large);--knob-label-text-color-default: var(--penpot-color-foreground-primary);--knob-label-text-color-disabled: var(--penpot-color-foreground-secondary);--knob-min-width: var(--size-pos-medium);--knob-tooltip-arrow-background-color: var(--penpot-color-foreground-primary);--knob-tooltip-arrow-border-color: transparent;--knob-tooltip-arrow-border-width: var(--size-null);--knob-tooltip-arrow-height: var(--size-pos-xxxsmall);--knob-tooltip-arrow-radius: var(--border-radius-null);--knob-tooltip-arrow-width: var(--size-pos-xxxsmall);--knob-tooltip-background-color: var(--penpot-color-foreground-primary);--knob-tooltip-min-width: var(--size-pos-small);--knob-tooltip-padding-bottom: var(--size-pos-xunit);--knob-tooltip-padding-left: var(--size-pos-xxxsmall);--knob-tooltip-padding-right: var(--size-pos-xxxsmall);--knob-tooltip-padding-top: var(--size-pos-xunit);--knob-tooltip-radius: var(--border-radius-large);--knob-tooltip-text-color: var(--penpot-color-background-primary);--knob-tooltip-top: var(--size-neg-xxsmall);--knob-top: var(--size-neg-xxxsmall)}:root[data-theme=sketch]{--knob-graduation-background-color: var(--sketch-color-border-secondary);--knob-graduation-height: var(--size-pos-xxxsmall);--knob-graduation-width: var(--size-pos-unit);--knob-height: var(--size-pos-xlarge);--knob-input-background-color: var(--sketch-color-background-primary);--knob-input-border-color: var(--sketch-color-border-secondary);--knob-input-border-offset: var(--size-neg-unit);--knob-input-border-width: var(--size-pos-unit);--knob-input-padding-bottom: var(--size-pos-xunit);--knob-input-padding-left: var(--size-pos-xunit);--knob-input-padding-right: var(--size-pos-xunit);--knob-input-padding-top: var(--size-pos-xunit);--knob-input-radius: 10px;--knob-input-shadow: var(--elevation-300-tooltip);--knob-input-top: var(--size-neg-xxsmall);--knob-input-width: var(--size-pos-xxlarge);--knob-label-arrow-background-color-default: transparent;--knob-label-arrow-background-color-disabled: transparent;--knob-label-arrow-background-color-focus: transparent;--knob-label-arrow-background-color-hover: transparent;--knob-label-arrow-border-color-default: transparent;--knob-label-arrow-border-color-disabled: transparent;--knob-label-arrow-border-color-focus: transparent;--knob-label-arrow-border-color-hover: transparent;--knob-label-arrow-border-width: var(--size-null);--knob-label-arrow-height: var(--size-null);--knob-label-arrow-radius: var(--border-radius-null);--knob-label-arrow-width: var(--size-null);--knob-label-background-color-default: var(--sketch-color-background-primary);--knob-label-background-color-disabled: var(--sketch-color-background-disabled);--knob-label-background-color-focus: var(--sketch-color-accent-disabled);--knob-label-background-color-hover: var(--sketch-color-background-tertiary);--knob-label-border-color-default: var(--sketch-color-border-secondary);--knob-label-border-color-disabled: var(--sketch-color-border-disabled);--knob-label-border-color-focus: var(--sketch-color-accent-primary);--knob-label-border-width-default: var(--size-pos-unit);--knob-label-border-width-focus: var(--size-pos-unit);--knob-label-height: var(--size-pos-msmall);--knob-label-padding-bottom: var(--size-pos-xunit);--knob-label-padding-left: var(--size-pos-xxsmall);--knob-label-padding-right: var(--size-pos-xxsmall);--knob-label-padding-top: var(--size-pos-xunit);--knob-label-radius: var(--border-radius-medium);--knob-label-text-color-default: var(--sketch-color-foreground-primary);--knob-label-text-color-disabled: var(--sketch-color-foreground-disabled);--knob-min-width: var(--size-pos-medium);--knob-tooltip-arrow-background-color: var(--sketch-color-foreground-primary);--knob-tooltip-arrow-border-color: transparent;--knob-tooltip-arrow-border-width: var(--size-null);--knob-tooltip-arrow-height: var(--size-null);--knob-tooltip-arrow-radius: var(--border-radius-null);--knob-tooltip-arrow-width: var(--size-null);--knob-tooltip-background-color: var(--sketch-color-foreground-primary);--knob-tooltip-min-width: var(--size-pos-small);--knob-tooltip-padding-bottom: var(--size-pos-xunit);--knob-tooltip-padding-left: var(--size-pos-xxxsmall);--knob-tooltip-padding-right: var(--size-pos-xxxsmall);--knob-tooltip-padding-top: var(--size-pos-xunit);--knob-tooltip-radius: var(--border-radius-medium);--knob-tooltip-text-color: var(--sketch-color-background-primary);--knob-tooltip-top: var(--size-neg-xxsmall);--knob-top: var(--size-neg-xunit)}:root[data-theme=figma]{--knob-graduation-background-color: transparent;--knob-graduation-height: var(--size-pos-xxxsmall);--knob-graduation-width: var(--size-pos-unit);--knob-height: var(--size-pos-xlarge);--knob-input-background-color: var(--figma-color-bg);--knob-input-border-color: var(--figma-color-border);--knob-input-border-offset: var(--size-neg-unit);--knob-input-border-width: var(--size-pos-unit);--knob-input-padding-bottom: var(--size-pos-xunit);--knob-input-padding-left: var(--size-pos-xunit);--knob-input-padding-right: var(--size-pos-xunit);--knob-input-padding-top: var(--size-pos-xunit);--knob-input-radius: var(--border-radius-large);--knob-input-shadow: var(--elevation-300-tooltip);--knob-input-top: var(--size-neg-xxsmall);--knob-input-width: var(--size-pos-xxlarge);--knob-label-arrow-background-color-default: var(--figma-color-bg);--knob-label-arrow-background-color-disabled: var(--figma-color-bg-disabled);--knob-label-arrow-background-color-focus: var(--figma-color-bg-selected);--knob-label-arrow-background-color-hover: var(--figma-color-bg-hover);--knob-label-arrow-border-color-default: var(--figma-color-border-disabled-strong);--knob-label-arrow-border-color-disabled: var(--figma-color-border-disabled);--knob-label-arrow-border-color-focus: var(--figma-color-border-selected);--knob-label-arrow-border-color-hover: var(--figma-color-border-disabled-strong);--knob-label-arrow-border-width: var(--size-pos-unit);--knob-label-arrow-height: var(--size-pos-xxsmall);--knob-label-arrow-radius: var(--border-radius-null);--knob-label-arrow-width: var(--size-pos-xxsmall);--knob-label-background-color-default: var(--figma-color-bg);--knob-label-background-color-disabled: var(--figma-color-bg-disabled);--knob-label-background-color-focus: var(--figma-color-bg-selected);--knob-label-background-color-hover: var(--figma-color-bg-hover);--knob-label-border-color-default: var(--figma-color-border-disabled-strong);--knob-label-border-color-disabled: var(--figma-color-border-disabled);--knob-label-border-color-focus: var(--figma-color-border-selected);--knob-label-border-width-default: var(--size-pos-unit);--knob-label-border-width-focus: var(--size-pos-unit);--knob-label-height: var(--size-pos-msmall);--knob-label-padding-bottom: var(--size-pos-xunit);--knob-label-padding-left: var(--size-pos-xxxsmall);--knob-label-padding-right: var(--size-pos-xxxsmall);--knob-label-padding-top: var(--size-pos-xunit);--knob-label-radius: var(--border-radius-medium);--knob-label-text-color-default: var(--figma-color-text);--knob-label-text-color-disabled: var(--figma-color-text-ondisabled);--knob-min-width: var(--size-pos-medium);--knob-tooltip-arrow-background-color: var(--figma-color-bg-inverse);--knob-tooltip-arrow-border-color: transparent;--knob-tooltip-arrow-border-width: var(--size-null);--knob-tooltip-arrow-height: var(--size-pos-xxxsmall);--knob-tooltip-arrow-radius: var(--border-radius-null);--knob-tooltip-arrow-width: var(--size-pos-xxxsmall);--knob-tooltip-background-color: var(--figma-color-bg-inverse);--knob-tooltip-min-width: var(--size-pos-small);--knob-tooltip-padding-bottom: var(--size-pos-xunit);--knob-tooltip-padding-left: var(--size-pos-xxxsmall);--knob-tooltip-padding-right: var(--size-pos-xxxsmall);--knob-tooltip-padding-top: var(--size-pos-xunit);--knob-tooltip-radius: var(--border-radius-medium);--knob-tooltip-text-color: var(--figma-color-text-oninverse);--knob-tooltip-top: var(--size-neg-xxsmall);--knob-top: var(--size-neg-xxxsmall)}:root[data-theme=framer]{--knob-graduation-background-color: transparent;--knob-graduation-height: var(--size-pos-xxxsmall);--knob-graduation-width: var(--size-pos-unit);--knob-height: 56px;--knob-input-background-color: var(--framer-color-bg);--knob-input-border-color: var(--framer-color-divider);--knob-input-border-offset: var(--size-neg-unit);--knob-input-border-width: var(--size-pos-unit);--knob-input-padding-bottom: var(--size-pos-xunit);--knob-input-padding-left: var(--size-pos-xunit);--knob-input-padding-right: var(--size-pos-xunit);--knob-input-padding-top: var(--size-pos-xunit);--knob-input-radius: var(--border-radius-xlarge);--knob-input-shadow: var(--elevation-300-tooltip);--knob-input-top: var(--size-neg-xxsmall);--knob-input-width: var(--size-pos-xxlarge);--knob-label-arrow-background-color-default: var(--framer-color-bg-secondary);--knob-label-arrow-background-color-disabled: var(--framer-color-bg-tertiary);--knob-label-arrow-background-color-focus: var(--framer-color-tint-dimmed);--knob-label-arrow-background-color-hover: var(--framer-color-bg-tertiary);--knob-label-arrow-border-color-default: var(--framer-color-divider);--knob-label-arrow-border-color-disabled: var(--framer-color-bg-tertiary);--knob-label-arrow-border-color-focus: var(--framer-color-tint);--knob-label-arrow-border-color-hover: var(--framer-color-divider);--knob-label-arrow-border-width: var(--size-pos-unit);--knob-label-arrow-height: var(--size-pos-xxsmall);--knob-label-arrow-radius: var(--border-radius-null);--knob-label-arrow-width: var(--size-pos-xxsmall);--knob-label-background-color-default: var(--framer-color-bg-secondary);--knob-label-background-color-disabled: var(--framer-color-bg-tertiary);--knob-label-background-color-focus: var(--framer-color-tint-dimmed);--knob-label-background-color-hover: var(--framer-color-bg-tertiary);--knob-label-border-color-default: var(--framer-color-divider);--knob-label-border-color-disabled: var(--framer-color-bg-tertiary);--knob-label-border-color-focus: var(--framer-color-tint);--knob-label-border-width-default: var(--size-pos-unit);--knob-label-border-width-focus: var(--size-pos-unit);--knob-label-height: var(--size-pos-small);--knob-label-padding-bottom: var(--size-pos-xunit);--knob-label-padding-left: var(--size-pos-xxsmall);--knob-label-padding-right: var(--size-pos-xxsmall);--knob-label-padding-top: var(--size-pos-xunit);--knob-label-radius: var(--border-radius-xlarge);--knob-label-text-color-default: var(--framer-color-text);--knob-label-text-color-disabled: var(--framer-color-text-tertiary);--knob-min-width: var(--size-pos-medium);--knob-tooltip-arrow-background-color: var(--framer-color-text);--knob-tooltip-arrow-border-color: transparent;--knob-tooltip-arrow-border-width: var(--size-null);--knob-tooltip-arrow-height: var(--size-pos-xxxsmall);--knob-tooltip-arrow-radius: var(--border-radius-null);--knob-tooltip-arrow-width: var(--size-pos-xxxsmall);--knob-tooltip-background-color: var(--framer-color-text);--knob-tooltip-min-width: var(--size-pos-small);--knob-tooltip-padding-bottom: var(--size-pos-xxxsmall);--knob-tooltip-padding-left: var(--size-pos-xxsmall);--knob-tooltip-padding-right: var(--size-pos-xxsmall);--knob-tooltip-padding-top: var(--size-pos-xxxsmall);--knob-tooltip-radius: var(--border-radius-large);--knob-tooltip-text-color: var(--framer-color-bg);--knob-tooltip-top: var(--size-neg-xxsmall);--knob-top: var(--size-neg-xxxsmall)}.knob{display:flex;position:absolute;top:var(--knob-top);flex-direction:column;justify-content:space-between;align-items:center;transform:translate(-50%) translateY(-50%);z-index:1;cursor:ew-resize;background:transparent;min-width:var(--knob-min-width);height:var(--knob-height)}.knob{--knob-label-background-color: var(--knob-label-background-color-default);--knob-label-border-color: var(--knob-label-border-color-default);--knob-label-border-width: var(--knob-label-border-width-default);--knob-label-text-color: var(--knob-label-text-color-default);--knob-label-arrow-background-color: var( --knob-label-arrow-background-color-default );--knob-label-arrow-border-color: var( --knob-label-arrow-border-color-default )}.knob:hover{--knob-label-background-color: var(--knob-label-background-color-hover);--knob-label-arrow-background-color: var( --knob-label-arrow-background-color-hover );--knob-label-arrow-border-color: var(--knob-label-arrow-border-color-hover)}.knob:focus,.knob--selected,.knob:active{--knob-label-background-color: var(--knob-label-background-color-focus);--knob-label-border-color: var(--knob-label-border-color-focus);--knob-label-border-width: var(--knob-label-border-width-focus);--knob-label-arrow-background-color: var( --knob-label-arrow-background-color-focus );--knob-label-arrow-border-color: var(--knob-label-arrow-border-color-focus)}.knob:focus,.knob--selected,.knob--editing{z-index:2!important;outline:none}.knob--disabled{pointer-events:none;--knob-label-background-color: var(--knob-label-background-color-disabled);--knob-label-border-color: var(--knob-label-border-color-disabled);--knob-label-text-color: var(--knob-label-text-color-disabled);--knob-label-arrow-background-color: var( --knob-label-arrow-background-color-disabled );--knob-label-arrow-border-color: var( --knob-label-arrow-border-color-disabled )}.knob__label{display:flex;position:relative;justify-content:center;align-items:center;box-sizing:border-box;box-shadow:0 0 0 var(--knob-label-border-width) var(--knob-label-border-color);border-radius:var(--knob-label-radius);background:var(--knob-label-background-color);padding:var(--knob-label-padding-top) var(--knob-label-padding-right) var(--knob-label-padding-bottom) var(--knob-label-padding-left);width:100%;height:var(--knob-label-height);pointer-events:none;-webkit-user-select:none;user-select:none;text-align:center;--text-color-primary: var(--knob-label-text-color)}.knob__label span{z-index:2}.knob__label:after{position:absolute;bottom:0;left:50%;transform:translate(-50%) translateY(50%) rotate(45deg);transform-origin:50% 50%;z-index:1;border-top:transparent;border-right:var(--knob-label-arrow-border-width) solid var(--knob-label-arrow-border-color);border-bottom:var(--knob-label-arrow-border-width) solid var(--knob-label-arrow-border-color);border-left:transparent;border-radius:var(--knob-label-arrow-radius);background-color:var(--knob-label-arrow-background-color);width:var(--knob-label-arrow-width);height:var(--knob-label-arrow-height);content:""}.knob__tooltip{position:absolute;top:var(--knob-tooltip-top);left:50%;align-items:center;transform:translate(-50%) translateY(-100%);border-radius:var(--knob-tooltip-radius);background-color:var(--knob-tooltip-background-color);padding:var(--knob-tooltip-padding-top) var(--knob-tooltip-padding-right) var(--knob-tooltip-padding-bottom) var(--knob-tooltip-padding-left);min-width:var(--knob-tooltip-min-width);pointer-events:none;color:var(--knob-tooltip-text-color);-webkit-user-select:none;user-select:none;text-align:center}.knob__tooltip span{z-index:2}.knob__tooltip:after{position:absolute;bottom:0;left:50%;transform:translate(-50%) translateY(50%) rotate(45deg);transform-origin:50% 50%;z-index:1;border-top:transparent;border-right:var(--knob-tooltip-arrow-border-width) solid var(--knob-tooltip-arrow-border-color);border-bottom:var(--knob-tooltip-arrow-border-width) solid var(--knob-tooltip-arrow-border-color);border-left:transparent;border-radius:var(--knob-tooltip-arrow-radius);background-color:var(--knob-tooltip-arrow-background-color);width:var(--knob-tooltip-arrow-width);height:var(--knob-tooltip-arrow-height);content:""}.knob__graduation{background:var(--knob-graduation-background-color);width:var(--knob-graduation-width);height:var(--knob-graduation-height);pointer-events:none}.knob__input{position:absolute;top:var(--knob-input-top);left:50%;transform:translate(-50%) translateY(-100%);z-index:2;outline:var(--knob-input-border-width) solid var(--knob-input-border-color);outline-offset:var(--knob-input-border-offset);box-shadow:var(--knob-input-shadow);border-radius:var(--knob-input-radius);background-color:var(--knob-input-background-color);padding:var(--knob-input-padding-top) var(--knob-input-padding-right) var(--knob-input-padding-bottom) var(--knob-input-padding-left);width:var(--knob-input-width)}

package/dist/assets/Layout.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--layout-background-color: var(--penpot-color-background-primary);--layout-block-border-color: var(--penpot-color-background-quaternary);--layout-block-border-style: solid;--layout-block-border-width: var(--size-pos-unit);--layout-block-padding-bottom: var(--size-pos-xxsmall);--layout-block-padding-left: var(--size-null);--layout-block-padding-right: var(--size-null);--layout-block-padding-top: var(--size-pos-xxsmall);--layout-centered-padding-bottom: var(--size-pos-small);--layout-centered-padding-left: var(--size-pos-small);--layout-centered-padding-right: var(--size-pos-small);--layout-centered-padding-top: var(--size-pos-small);--layout-distributed-gap: var(--size-pos-small);--layout-list-padding-bottom: var(--size-null);--layout-list-padding-left: var(--size-null);--layout-list-padding-right: var(--size-null);--layout-list-padding-top: var(--size-pos-xxsmall)}:root[data-theme=sketch]{--layout-background-color: var(--sketch-color-background-primary);--layout-block-border-color: var(--sketch-color-border-primary);--layout-block-border-width: var(--size-pos-unit);--layout-block-padding-bottom: var(--size-pos-xxsmall);--layout-block-padding-left: var(--size-null);--layout-block-padding-right: var(--size-null);--layout-block-padding-top: var(--size-pos-xxsmall);--layout-centered-padding-bottom: var(--size-pos-small);--layout-centered-padding-left: var(--size-pos-small);--layout-centered-padding-right: var(--size-pos-small);--layout-centered-padding-top: var(--size-pos-small);--layout-distributed-gap: var(--size-pos-small);--layout-list-padding-bottom: var(--size-null);--layout-list-padding-left: var(--size-null);--layout-list-padding-right: var(--size-null);--layout-list-padding-top: var(--size-pos-xxsmall)}:root[data-theme=figma]{--layout-background-color: var(--figma-color-bg);--layout-block-border-color: var(--figma-color-border);--layout-block-border-width: var(--size-pos-unit);--layout-block-padding-bottom: var(--size-pos-xxsmall);--layout-block-padding-left: var(--size-null);--layout-block-padding-right: var(--size-null);--layout-block-padding-top: var(--size-pos-xxsmall);--layout-centered-padding-bottom: var(--size-pos-small);--layout-centered-padding-left: var(--size-pos-small);--layout-centered-padding-right: var(--size-pos-small);--layout-centered-padding-top: var(--size-pos-small);--layout-distributed-gap: var(--size-pos-small);--layout-list-padding-bottom: var(--size-null);--layout-list-padding-left: var(--size-null);--layout-list-padding-right: var(--size-null);--layout-list-padding-top: var(--size-pos-xxsmall)}:root[data-theme=framer]{--layout-background-color: var(--framer-color-bg);--layout-block-border-color: var(--framer-color-divider);--layout-block-border-width: var(--size-pos-unit);--layout-block-padding-bottom: var(--size-pos-xxsmall);--layout-block-padding-left: var(--size-null);--layout-block-padding-right: var(--size-null);--layout-block-padding-top: var(--size-pos-xxsmall);--layout-centered-padding-bottom: var(--size-pos-small);--layout-centered-padding-left: var(--size-pos-small);--layout-centered-padding-right: var(--size-pos-small);--layout-centered-padding-top: var(--size-pos-small);--layout-distributed-gap: var(--size-pos-small);--layout-list-padding-bottom: var(--size-null);--layout-list-padding-left: var(--size-null);--layout-list-padding-right: var(--size-null);--layout-list-padding-top: var(--size-pos-xxsmall)}.layout{display:flex;flex-direction:row;justify-content:start;align-items:stretch;background-color:var(--layout-background-color);overflow:hidden}@media(max-width:460px){.layout{flex-direction:column}.layout>*{flex:1!important;width:100%!important;min-width:unset!important;max-width:unset!important}}.layout--full-width{width:100%}.layout--full-height{height:100%}.layout__block{display:flex;flex:1;flex-direction:column;justify-content:start;padding:var(--layout-block-padding-top) var(--layout-block-padding-right) var(--layout-block-padding-bottom) var(--layout-block-padding-left);overflow:hidden auto}.layout__block--list{padding:var(--layout-list-padding-top) var(--layout-list-padding-right) var(--layout-list-padding-bottom) var(--layout-list-padding-left)}.layout__block--distributed{justify-content:space-between;gap:var(--layout-distributed-gap);overflow-y:hidden}@media(max-width:460px){.layout__block--distributed{overflow-y:auto}}.layout__block--centered{flex:none;box-sizing:border-box;margin:auto;padding:var(--layout-centered-padding-top) var(--layout-centered-padding-right) var(--layout-centered-padding-bottom) var(--layout-centered-padding-left);max-width:100%}.layout__block--blank{padding:0}.layout__block--fixed{flex:none}@media(max-width:460px){.layout__block--fixed{flex:none!important;overflow:visible}}.layout>div+div{border-left:var(--layout-block-border-width) solid var(--layout-block-border-color)}@media(max-width:460px){.layout>div+div{border-top:var(--layout-block-border-width) solid var(--layout-block-border-color);border-left:none}}

package/dist/assets/List.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--list-background-color-alternate: var(--penpot-color-background-tertiary);--list-background-color-default: var(--penpot-color-background-primary);--list-border-color: var(--penpot-color-background-quaternary);--list-border-width: var(--size-pos-unit);--list-message-padding-bottom: var(--size-pos-xsmall);--list-message-padding-left: var(--size-pos-xsmall);--list-message-padding-right: var(--size-pos-xsmall);--list-message-padding-top: var(--size-pos-xsmall);--list-padding-bottom: var(--size-pos-unit);--list-padding-left: var(--size-null);--list-padding-right: var(--size-null);--list-padding-top: var(--size-pos-unit)}:root[data-theme=sketch]{--list-background-color-alternate: var(--sketch-color-background-secondary);--list-background-color-default: var(--sketch-color-background-primary);--list-border-color: var(--sketch-color-border-primary);--list-border-width: var(--size-pos-unit);--list-message-padding-bottom: var(--size-pos-xsmall);--list-message-padding-left: var(--size-pos-xsmall);--list-message-padding-right: var(--size-pos-xsmall);--list-message-padding-top: var(--size-pos-xsmall);--list-padding-bottom: var(--size-pos-unit);--list-padding-left: var(--size-null);--list-padding-right: var(--size-null);--list-padding-top: var(--size-pos-unit)}:root[data-theme=figma]{--list-background-color-alternate: var(--figma-color-bg-secondary);--list-background-color-default: var(--figma-color-bg);--list-border-color: var(--figma-color-border);--list-border-width: var(--size-pos-unit);--list-message-padding-bottom: var(--size-pos-xsmall);--list-message-padding-left: var(--size-pos-xsmall);--list-message-padding-right: var(--size-pos-xsmall);--list-message-padding-top: var(--size-pos-xsmall);--list-padding-bottom: var(--size-pos-unit);--list-padding-left: var(--size-null);--list-padding-right: var(--size-null);--list-padding-top: var(--size-pos-unit)}:root[data-theme=framer]{--list-background-color-alternate: var(--framer-color-bg-secondary);--list-background-color-default: var(--framer-color-bg);--list-border-color: var(--framer-color-divider);--list-border-width: var(--size-pos-unit);--list-message-padding-bottom: var(--size-pos-xsmall);--list-message-padding-left: var(--size-pos-xsmall);--list-message-padding-right: var(--size-pos-xsmall);--list-message-padding-top: var(--size-pos-xsmall);--list-padding-bottom: var(--size-pos-unit);--list-padding-left: var(--size-null);--list-padding-right: var(--size-null);--list-padding-top: var(--size-pos-unit)}.list{box-sizing:border-box;background-color:var(--list-background-color-default);padding:var(--list-padding-top) var(--list-padding-right) var(--list-padding-bottom) var(--list-padding-left);overflow:hidden auto}.list--full-with{width:100%}.list--full-height{height:100%}.list--loading,.list--message{display:flex;justify-content:center;align-items:center;padding:var(--list-message-padding-top) var(--list-message-padding-right) var(--list-message-padding-bottom) var(--list-message-padding-left);height:100%}.list--top-border{border-top:var(--list-border-width) solid var(--list-border-color)}.list--alternate>*:nth-child(2n){background-color:var(--list-alternate-background-color-alternate)}

package/dist/assets/MembersList.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--members-list-avatar-border-color: transparent;--members-list-avatar-border-offset: var(--size-null);--members-list-avatar-border-width: var(--size-null);--members-list-avatar-height: var(--size-pos-small);--members-list-avatar-radius: var(--border-radius-xxlarge);--members-list-avatar-width: var(--size-pos-small);--members-list-gap: var(--size-neg-xxxsmall);--members-list-more-padding-bottom: var(--size-null);--members-list-more-padding-left: var(--size-pos-xxsmall);--members-list-more-padding-right: var(--size-pos-xxsmall);--members-list-more-padding-top: var(--size-null);--members-list-text-color: var(--penpot-color-foreground-primary)}:root[data-theme=sketch]{--members-list-avatar-border-offset: var(--size-null);--members-list-avatar-border-width: var(--size-null);--members-list-avatar-height: var(--size-pos-small);--members-list-avatar-radius: var(--border-radius-xxlarge);--members-list-avatar-width: var(--size-pos-small);--members-list-gap: var(--size-neg-xxxsmall);--members-list-more-padding-bottom: var(--size-null);--members-list-more-padding-left: var(--size-pos-xxsmall);--members-list-more-padding-right: var(--size-pos-xxsmall);--members-list-more-padding-top: var(--size-null);--members-list-text-color: var(--sketch-color-foreground-primary)}:root[data-theme=figma]{--members-list-avatar-border-offset: var(--size-null);--members-list-avatar-border-width: var(--size-null);--members-list-avatar-height: var(--size-pos-small);--members-list-avatar-radius: var(--border-radius-xxlarge);--members-list-avatar-width: var(--size-pos-small);--members-list-gap: var(--size-neg-xxxsmall);--members-list-more-padding-bottom: var(--size-null);--members-list-more-padding-left: var(--size-pos-xxsmall);--members-list-more-padding-right: var(--size-pos-xxsmall);--members-list-more-padding-top: var(--size-null);--members-list-text-color: var(--grey-0)}:root[data-theme=framer]{--members-list-avatar-border-color: var(--framer-color-bg);--members-list-avatar-border-offset: var(--size-null);--members-list-avatar-border-width: var(--size-pos-xunit);--members-list-avatar-height: var(--size-pos-medium);--members-list-avatar-radius: var(--border-radius-xlarge);--members-list-avatar-width: var(--size-pos-medium);--members-list-gap: var(--size-neg-xxxsmall);--members-list-more-padding-bottom: var(--size-null);--members-list-more-padding-left: var(--size-pos-xxsmall);--members-list-more-padding-right: var(--size-pos-xxsmall);--members-list-more-padding-top: var(--size-null);--members-list-text-color: var(--framer-color-text)}.members-list{display:inline-flex;align-items:center;cursor:default;-webkit-user-select:none;user-select:none}.members-list__member{position:relative;margin-left:var(--members-list-gap)}.members-list__member:first-child{margin-left:0}.members-list__avatar{flex:none;outline:var(--members-list-avatar-border-width) solid var(--members-list-avatar-border-color);outline-offset:var(--members-list-avatar-border-offset);border-radius:var(--members-list-avatar-radius);width:var(--members-list-avatar-width);height:var(--members-list-avatar-height);overflow:hidden}.members-list__avatar img{width:100%;height:100%}.members-list__remaining{display:flex;position:relative;align-items:center;padding:var(--members-list-more-padding-top) var(--members-list-more-padding-right) var(--members-list-more-padding-bottom) var(--members-list-more-padding-left);height:var(--members-list-avatar-height)}.members-list__list{display:flex;flex-direction:column;--text-color-primary: var(--members-list-text-color)}

package/dist/assets/Menu.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--menu-position-bottom-left: var(--size-pos-large);--menu-position-bottom-right: var(--size-pos-large);--menu-position-top-left: var(--size-neg-xxsmall);--menu-position-top-right: var(--size-neg-xxsmall)}:root[data-theme=sketch]{--menu-position-bottom-left: var(--size-pos-large);--menu-position-bottom-right: var(--size-pos-large);--menu-position-top-left: var(--size-neg-xxsmall);--menu-position-top-right: var(--size-neg-xxsmall)}:root[data-theme=figma]{--menu-position-bottom-left: var(--size-pos-medium);--menu-position-bottom-right: var(--size-pos-medium);--menu-position-top-left: var(--size-neg-xxsmall);--menu-position-top-right: var(--size-neg-xxsmall)}:root[data-theme=framer]{--menu-position-bottom-left: var(--size-pos-large);--menu-position-bottom-right: var(--size-pos-large);--menu-position-top-left: var(--size-neg-xxsmall);--menu-position-top-right: var(--size-neg-xxsmall)}.menu{position:relative}.menu.menu--top-right>.floating-menu{top:var(--menu-position-top-right);right:0;left:unset;transform:translateY(-100%)}.menu.menu--top-left>.floating-menu{top:var(--menu-position-top-left);left:0;transform:translateY(-100%)}.menu.menu--bottom-right>.floating-menu{top:var(--menu-position-bottom-right);right:0;left:unset}.menu.menu--bottom-left>.floating-menu{top:var(--menu-position-bottom-left);left:0}.floating-menu .select-menu__menu{position:relative}.floating-menu .select-menu__submenu{position:absolute}

package/dist/assets/Message.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--message-gap: var(--size-pos-xxsmall);--message-icon-color-default: var(--penpot-color-foreground-primary);--message-icon-color-disabled: var(--penpot-color-foreground-disabled);--message-message-padding-bottom: var(--size-pos-xxxsmall);--message-message-padding-left: var(--size-null);--message-message-padding-right: var(--size-null);--message-message-padding-top: var(--size-pos-xxxsmall);--message-padding-bottom: var(--size-null);--message-padding-left: var(--size-pos-msmall);--message-padding-right: var(--size-pos-msmall);--message-padding-top: var(--size-null);--message-text-color-default: var(--penpot-color-foreground-primary);--message-text-color-disabled: var(--penpot-color-foreground-disabled);--message-ticker-gap: var(--size-pos-medium);--message-ticker-height: var(--size-pos-medium);--message-ticker-mask-background-color: var(--penpot-color-background-primary);--message-ticker-mask-width: var(--size-pos-xsmall);--message-ticker-max-width: 640px;--message-ticker-padding-bottom: var(--size-null);--message-ticker-padding-left: var(--size-pos-xsmall);--message-ticker-padding-right: var(--size-pos-xsmall);--message-ticker-padding-top: var(--size-null)}:root[data-theme=sketch]{--message-gap: var(--size-pos-xxsmall);--message-icon-color-default: var(--sketch-color-foreground-primary);--message-icon-color-disabled: var(--sketch-color-foreground-disabled);--message-message-padding-bottom: var(--size-pos-xxxsmall);--message-message-padding-left: var(--size-null);--message-message-padding-right: var(--size-null);--message-message-padding-top: var(--size-pos-xxxsmall);--message-padding-bottom: var(--size-null);--message-padding-left: var(--size-pos-msmall);--message-padding-right: var(--size-pos-msmall);--message-padding-top: var(--size-null);--message-text-color-default: var(--sketch-color-foreground-primary);--message-text-color-disabled: var(--sketch-color-foreground-disabled);--message-ticker-gap: var(--size-pos-medium);--message-ticker-height: var(--size-pos-medium);--message-ticker-mask-background-color: var(--sketch-color-background-primary);--message-ticker-mask-width: var(--size-pos-xsmall);--message-ticker-max-width: 640px;--message-ticker-padding-bottom: var(--size-null);--message-ticker-padding-left: var(--size-pos-xsmall);--message-ticker-padding-right: var(--size-pos-xsmall);--message-ticker-padding-top: var(--size-null)}:root[data-theme=figma]{--message-gap: var(--size-pos-xxsmall);--message-icon-color-default: var(--figma-color-icon);--message-icon-color-disabled: var(--figma-color-icon-disabled);--message-message-padding-bottom: var(--size-pos-xxxsmall);--message-message-padding-left: var(--size-null);--message-message-padding-right: var(--size-null);--message-message-padding-top: var(--size-pos-xxxsmall);--message-padding-bottom: var(--size-null);--message-padding-left: var(--size-pos-msmall);--message-padding-right: var(--size-pos-msmall);--message-padding-top: var(--size-null);--message-text-color-default: var(--figma-color-text);--message-text-color-disabled: var(--figma-color-text-disabled);--message-ticker-gap: var(--size-pos-medium);--message-ticker-height: var(--size-pos-medium);--message-ticker-mask-background-color: var(--figma-color-bg);--message-ticker-mask-width: var(--size-pos-xsmall);--message-ticker-max-width: 640px;--message-ticker-padding-bottom: var(--size-null);--message-ticker-padding-left: var(--size-pos-xsmall);--message-ticker-padding-right: var(--size-pos-xsmall);--message-ticker-padding-top: var(--size-null)}:root[data-theme=framer]{--message-gap: var(--size-pos-xxsmall);--message-icon-color-default: var(--framer-color-text);--message-icon-color-disabled: var(--framer-color-text-tertiary);--message-message-padding-bottom: var(--size-pos-xxxsmall);--message-message-padding-left: var(--size-null);--message-message-padding-right: var(--size-null);--message-message-padding-top: var(--size-pos-xxxsmall);--message-padding-bottom: var(--size-null);--message-padding-left: var(--size-pos-msmall);--message-padding-right: var(--size-pos-msmall);--message-padding-top: var(--size-null);--message-text-color-default: var(--framer-color-text);--message-text-color-disabled: var(--framer-color-text-tertiary);--message-ticker-gap: var(--size-pos-medium);--message-ticker-height: var(--size-pos-medium);--message-ticker-mask-background-color: var(--framer-color-bg);--message-ticker-mask-width: var(--size-pos-xsmall);--message-ticker-max-width: 640px;--message-ticker-padding-bottom: var(--size-null);--message-ticker-padding-left: var(--size-pos-xsmall);--message-ticker-padding-right: var(--size-pos-xsmall);--message-ticker-padding-top: var(--size-null)}.message{display:flex;align-items:start;gap:var(--message-gap);cursor:default;padding:var(--message-padding-top) var(--message-padding-right) var(--message-padding-bottom) var(--message-padding-left);-webkit-user-select:none;user-select:none;--icon-picto-color: var(--message-icon-color-default);--text-color-primary: var(--message-text-color-default)}.message--blocked{--icon-picto-color: var(--message-icon-color-disabled);--text-color-primary: var(--message-text-color-disabled)}.message--multiple{align-items:center}.message__msg{padding:var(--message-message-padding-top) var(--message-message-padding-right) var(--message-message-padding-bottom) var(--message-message-padding-left)}.message__ticker{display:flex;position:relative;flex:1;max-width:var(--message-ticker-max-width);height:var(--message-ticker-height);overflow:hidden}.message__ticker .message__msg{padding:var(--message-message-padding-top) var(--message-message-padding-right) var(--message-message-padding-bottom) var(--message-message-padding-left);white-space:nowrap}.message__ticker:before,.message__ticker:after{position:absolute;z-index:2;width:var(--message-ticker-mask-width);height:100%;content:""}.message__ticker:before{left:0;background:linear-gradient(90deg,var(--message-ticker-mask-background-color) 0%,transparent 100%)}.message__ticker:after{right:0;background:linear-gradient(90deg,transparent 0%,var(--message-ticker-mask-background-color) 100%)}.message__tips{display:inline-flex;position:relative;align-items:center;gap:var(--message-ticker-gap);padding:var(--message-ticker-padding);width:max-content}.message__ticker:hover .message__tips{animation-play-state:paused!important}.callout .message__msg{white-space:nowrap}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-100%)}}

package/dist/assets/MultipleSlider.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--multiple-slider-border-color: var(--penpot-color-background-quaternary);--multiple-slider-border-width: var(--size-pos-unit);--multiple-slider-height: var(--size-pos-xmsmall);--multiple-slider-margin-bottom: var(--size-null);--multiple-slider-margin-left: var(--size-null);--multiple-slider-margin-right: var(--size-null);--multiple-slider-margin-top: var(--size-pos-small);--multiple-slider-padding-bottom: var(--size-null);--multiple-slider-padding-left: var(--size-pos-medium);--multiple-slider-padding-right: var(--size-pos-medium);--multiple-slider-padding-top: var(--size-null);--multiple-slider-radius: var(--border-radius-large);--multiple-slider-status-gap: var(--size-pos-xxsmall);--multiple-slider-status-height: var(--size-pos-xmsmall);--multiple-slider-status-margin-bottom: var(--size-null);--multiple-slider-status-margin-left: var(--size-pos-xxsmall);--multiple-slider-status-margin-right: var(--size-null);--multiple-slider-status-margin-top: var(--size-null)}:root[data-theme=sketch]{--multiple-slider-border-color: var(--sketch-color-border-primary);--multiple-slider-border-width: var(--size-pos-unit);--multiple-slider-height: var(--size-pos-xmsmall);--multiple-slider-margin-bottom: var(--size-null);--multiple-slider-margin-left: var(--size-null);--multiple-slider-margin-right: var(--size-null);--multiple-slider-margin-top: var(--size-pos-small);--multiple-slider-padding-bottom: var(--size-null);--multiple-slider-padding-left: var(--size-pos-medium);--multiple-slider-padding-right: var(--size-pos-medium);--multiple-slider-padding-top: var(--size-null);--multiple-slider-radius: var(--border-radius-large);--multiple-slider-status-gap: var(--size-pos-xxsmall);--multiple-slider-status-height: var(--size-pos-xmsmall);--multiple-slider-status-margin-bottom: var(--size-null);--multiple-slider-status-margin-left: var(--size-pos-xxsmall);--multiple-slider-status-margin-right: var(--size-null);--multiple-slider-status-margin-top: var(--size-null)}:root[data-theme=figma]{--multiple-slider-border-color: var(--figma-color-border-disabled-strong);--multiple-slider-border-width: var(--size-pos-unit);--multiple-slider-height: var(--size-pos-xsmall);--multiple-slider-margin-bottom: var(--size-null);--multiple-slider-margin-left: var(--size-null);--multiple-slider-margin-right: var(--size-null);--multiple-slider-margin-top: var(--size-pos-small);--multiple-slider-padding-bottom: var(--size-null);--multiple-slider-padding-left: var(--size-pos-medium);--multiple-slider-padding-right: var(--size-pos-medium);--multiple-slider-padding-top: var(--size-null);--multiple-slider-radius: var(--border-radius-small);--multiple-slider-status-gap: var(--size-pos-xxsmall);--multiple-slider-status-height: var(--size-pos-xsmall);--multiple-slider-status-margin-bottom: var(--size-null);--multiple-slider-status-margin-left: var(--size-pos-xxsmall);--multiple-slider-status-margin-right: var(--size-null);--multiple-slider-status-margin-top: var(--size-null)}:root[data-theme=framer]{--multiple-slider-border-color: var(--framer-color-divider);--multiple-slider-border-width: var(--size-pos-unit);--multiple-slider-height: var(--size-pos-xmsmall);--multiple-slider-margin-bottom: var(--size-null);--multiple-slider-margin-left: var(--size-null);--multiple-slider-margin-right: var(--size-null);--multiple-slider-margin-top: var(--size-pos-small);--multiple-slider-padding-bottom: var(--size-null);--multiple-slider-padding-left: var(--size-pos-medium);--multiple-slider-padding-right: var(--size-pos-medium);--multiple-slider-padding-top: var(--size-null);--multiple-slider-radius: var(--border-radius-large);--multiple-slider-status-gap: var(--size-pos-xxsmall);--multiple-slider-status-height: var(--size-pos-xmsmall);--multiple-slider-status-margin-bottom: var(--size-null);--multiple-slider-status-margin-left: var(--size-pos-xxsmall);--multiple-slider-status-margin-right: var(--size-null);--multiple-slider-status-margin-top: var(--size-null)}.multiple-slider{display:flex;position:relative;align-items:center;margin:var(--multiple-slider-margin-top) var(--multiple-slider-margin-right) var(--multiple-slider-margin-bottom) var(--multiple-slider-margin-left);padding:var(--multiple-slider-padding-top) var(--multiple-slider-padding-right) var(--multiple-slider-padding-bottom) var(--multiple-slider-padding-left)}.multiple-slider__range{position:relative;flex:1 1 auto;box-shadow:inset 0 0 0 var(--multiple-slider-border-width) var(--multiple-slider-border-color);border-radius:var(--multiple-slider-radius);height:var(--multiple-slider-height)}.multiple-slider__range--add{cursor:copy}.multiple-slider__range--not-allowed{cursor:not-allowed}.multiple-slider__range--blocked{cursor:not-allowed;pointer-events:none}.multiple-slider__status{display:flex;align-items:center;gap:var(--multiple-slider-status-gap);margin:var(--multiple-slider-status-margin-top) var(--multiple-slider-status-margin-right) var(--multiple-slider-status-margin-bottom) var(--multiple-slider-status-margin-left);height:var(--multiple-slider-status-height)}

package/dist/assets/Notification.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--notification-message-max-width: 400px;--notification-padding-bottom: var(--size-pos-medium);--notification-padding-left: var(--size-pos-medium);--notification-padding-right: var(--size-pos-medium);--notification-padding-top: var(--size-pos-medium)}:root[data-theme=sketch]{--notification-message-max-width: 400px;--notification-padding-bottom: var(--size-pos-medium);--notification-padding-left: var(--size-pos-medium);--notification-padding-right: var(--size-pos-medium);--notification-padding-top: var(--size-pos-medium)}:root[data-theme=figma]{--notification-message-max-width: 400px;--notification-padding-bottom: var(--size-pos-medium);--notification-padding-left: var(--size-pos-medium);--notification-padding-right: var(--size-pos-medium);--notification-padding-top: var(--size-pos-medium)}:root[data-theme=framer]{--notification-message-max-width: 400px;--notification-padding-bottom: var(--size-pos-medium);--notification-padding-left: var(--size-pos-medium);--notification-padding-right: var(--size-pos-medium);--notification-padding-top: var(--size-pos-medium)}.notification{--semantic-message-max-width: var(--notification-message-max-width);display:flex;position:absolute;justify-content:end;align-items:start;z-index:4;cursor:default;inset:0;padding:var(--notification-padding-top) var(--notification-padding-right) var(--notification-padding-bottom) var(--notification-padding-left);pointer-events:none;-webkit-user-select:none;user-select:none}.notification>div{pointer-events:auto}

package/dist/assets/Popin.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--popin-actions-gap: var(--size-pos-xxsmall);--popin-background-color: var(--penpot-color-background-primary);--popin-border-color: var(--penpot-color-background-quaternary);--popin-border-offset: var(--size-null);--popin-border-width: var(--size-pos-xunit);--popin-breakpoint: 460px;--popin-content-padding-empty-bottom: var(--size-pos-medium);--popin-content-padding-empty-left: var(--size-pos-medium);--popin-content-padding-empty-right: var(--size-pos-medium);--popin-content-padding-empty-top: var(--size-pos-medium);--popin-footer-border-color: transparent;--popin-footer-border-width: var(--size-null);--popin-footer-gap: var(--size-pos-xxsmall);--popin-footer-padding-bottom: var(--size-pos-medium);--popin-footer-padding-left: var(--size-pos-medium);--popin-footer-padding-right: var(--size-pos-medium);--popin-footer-padding-top: var(--size-pos-xxsmall);--popin-header-border-color: transparent;--popin-header-border-width: var(--size-null);--popin-header-gap: var(--size-pos-xxsmall);--popin-header-height: var(--size-pos-large);--popin-header-padding-bottom: var(--size-null);--popin-header-padding-left: var(--size-pos-medium);--popin-header-padding-right: var(--size-pos-medium);--popin-header-padding-top: var(--size-pos-medium);--popin-header-text-transform: uppercase;--popin-max-width: 576px;--popin-min-height: 136px;--popin-min-width: 460px;--popin-radius: var(--border-radius-xxlarge);--popin-shadow-default: none;--popin-shadow-panel: none;--popin-text-color: var(--penpot-color-foreground-primary);--popin-width-panel: 460px}:root[data-theme=sketch]{--popin-actions-gap: var(--size-pos-xxsmall);--popin-background-color: var(--sketch-color-background-primary);--popin-border-color: transparent;--popin-border-offset: var(--size-null);--popin-border-width: var(--size-null);--popin-breakpoint: 460px;--popin-content-padding-empty-bottom: var(--size-pos-medium);--popin-content-padding-empty-left: var(--size-pos-medium);--popin-content-padding-empty-right: var(--size-pos-medium);--popin-content-padding-empty-top: var(--size-pos-medium);--popin-footer-border-color: var(--sketch-color-border-primary);--popin-footer-border-width: var(--size-pos-unit);--popin-footer-gap: var(--size-pos-xxsmall);--popin-footer-padding-bottom: var(--size-pos-medium);--popin-footer-padding-left: var(--size-pos-medium);--popin-footer-padding-right: var(--size-pos-medium);--popin-footer-padding-top: var(--size-pos-xsmall);--popin-header-border-color: var(--sketch-color-border-primary);--popin-header-border-width: var(--size-pos-unit);--popin-header-gap: var(--size-pos-xxsmall);--popin-header-height: var(--size-pos-large);--popin-header-padding-bottom: var(--size-null);--popin-header-padding-left: var(--size-pos-medium);--popin-header-padding-right: var(--size-pos-medium);--popin-header-padding-top: var(--size-pos-medium);--popin-header-text-transform: none;--popin-max-width: 576px;--popin-min-height: 136px;--popin-min-width: 460px;--popin-radius: var(--border-radius-xxxlarge);--popin-shadow-default: var(--elevation-500-modal-window);--popin-shadow-panel: var(--elevation-500-modal-window);--popin-text-color: var(--sketch-color-foreground-primary);--popin-width-panel: 460px}:root[data-theme=figma]{--popin-actions-gap: var(--size-pos-xxsmall);--popin-background-color: var(--figma-color-bg);--popin-border-color: transparent;--popin-border-offset: var(--size-null);--popin-border-width: var(--size-null);--popin-breakpoint: 460px;--popin-content-padding-empty-bottom: var(--size-pos-small);--popin-content-padding-empty-left: var(--size-pos-small);--popin-content-padding-empty-right: var(--size-pos-small);--popin-content-padding-empty-top: var(--size-pos-small);--popin-footer-border-color: transparent;--popin-footer-border-width: var(--size-null);--popin-footer-gap: var(--size-pos-xxsmall);--popin-footer-padding-bottom: var(--size-pos-xxsmall);--popin-footer-padding-left: var(--size-pos-xsmall);--popin-footer-padding-right: var(--size-pos-xsmall);--popin-footer-padding-top: var(--size-pos-xxsmall);--popin-header-border-color: var(--figma-color-border);--popin-header-border-width: var(--size-pos-unit);--popin-header-gap: var(--size-pos-xxsmall);--popin-header-height: var(--size-pos-large);--popin-header-padding-bottom: var(--size-null);--popin-header-padding-left: var(--size-pos-xxsmall);--popin-header-padding-right: var(--size-pos-xxsmall);--popin-header-padding-top: var(--size-null);--popin-header-text-transform: none;--popin-max-width: 576px;--popin-min-height: 136px;--popin-min-width: 460px;--popin-radius: var(--border-radius-xxlarge);--popin-shadow-default: var(--elevation-500-modal-window);--popin-shadow-panel: var(--elevation-400-menu-panel);--popin-text-color: var(--figma-color-text);--popin-width-panel: 400px}:root[data-theme=framer]{--popin-actions-gap: var(--size-pos-xxsmall);--popin-background-color: var(--framer-color-bg);--popin-border-color: transparent;--popin-border-offset: var(--size-null);--popin-border-width: var(--size-null);--popin-breakpoint: 460px;--popin-content-padding-empty-bottom: var(--size-pos-small);--popin-content-padding-empty-left: var(--size-pos-small);--popin-content-padding-empty-right: var(--size-pos-small);--popin-content-padding-empty-top: var(--size-pos-small);--popin-footer-border-color: transparent;--popin-footer-border-width: var(--size-null);--popin-footer-gap: var(--size-pos-xxsmall);--popin-footer-padding-bottom: var(--size-pos-msmall);--popin-footer-padding-left: var(--size-pos-msmall);--popin-footer-padding-right: var(--size-pos-msmall);--popin-footer-padding-top: var(--size-pos-xxsmall);--popin-header-border-color: var(--framer-color-divider);--popin-header-border-width: var(--size-pos-unit);--popin-header-gap: var(--size-pos-xxsmall);--popin-header-height: var(--size-pos-xlarge);--popin-header-padding-bottom: var(--size-null);--popin-header-padding-left: var(--size-pos-msmall);--popin-header-padding-right: var(--size-pos-msmall);--popin-header-padding-top: var(--size-null);--popin-header-text-transform: none;--popin-max-width: 576px;--popin-min-height: 136px;--popin-min-width: 460px;--popin-radius: var(--border-radius-xxlarge);--popin-shadow-default: var(--elevation-500-modal-window);--popin-shadow-panel: var(--elevation-400-menu-panel);--popin-text-color: var(--framer-color-text);--popin-width-panel: 400px}.popin{display:flex;flex-direction:column;justify-content:stretch;cursor:default;outline:var(--popin-border-width) solid var(--popin-border-color);outline-offset:var(--popin-border-offset);box-shadow:var(--popin-shadow);border-radius:var(--popin-radius);background-color:var(--popin-background-color);width:100%;min-width:var(--popin-min-width);max-width:var(--popin-max-width);min-height:var(--popin-min-height);max-height:100%;overflow:hidden;-webkit-user-select:none;user-select:none}.popin{--popin-shadow: var(--popin-shadow-default)}.popin--panel{--popin-max-width: var(--popin-width-panel);--popin-min-width: var(--popin-width-panel);--popin-min-height: 100%;--popin-radius: 0;--popin-shadow: var(--popin-shadow-panel)}.popin .popin__header{display:flex;flex:none;justify-content:space-between;align-items:center;gap:var(--popin-header-gap);border-bottom:var(--popin-header-border-width) solid var(--popin-header-border-color);padding:var(--popin-header-padding-top) var(--popin-header-padding-right) var(--popin-header-padding-bottom) var(--popin-header-padding-left);height:var(--popin-header-height)}.popin .popin__title{display:flex;align-items:center;overflow:hidden;text-transform:var(--popin-header-text-transform)}.popin .popin__content{display:flex;flex:1;padding:0;overflow:hidden auto}.popin .popin__content--loading,.popin .popin__content--message{justify-content:center;align-items:center;padding:var(--popin-content-padding-empty-top) var(--popin-content-padding-empty-right) var(--popin-content-padding-empty-bottom) var(--popin-content-padding-empty-left)}.popin .popin__footer{display:flex;justify-content:space-between;align-items:center;border-top:var(--popin-footer-border-width) solid var(--popin-footer-border-color);padding:var(--popin-footer-padding-top) var(--popin-footer-padding-right) var(--popin-footer-padding-bottom) var(--popin-footer-padding-left)}.popin .popin__actions{display:flex;gap:var(--popin-actions-gap)}@media(max-width:460px){.popin{min-width:unset;max-width:unset;height:auto;max-height:100%}.popin--panel{--popin-max-width: 100%;--popin-min-width: 100%;--popin-min-height: 100%;height:100%}.popin .popin__content,.popin .popin__actions,.popin .popin__footer{flex-direction:column}.popin .popin__actions,.popin .popin__footer{flex-direction:column-reverse}.popin .popin__footer{gap:var(--popin-footer-gap);height:auto}.popin .popin__actions,.popin .popin__actions button{width:100%}}

package/dist/assets/Section.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--section-background-color: var(--penpot-color-background-primary);--section-border-color: var(--penpot-color-background-quaternary);--section-border-style: solid;--section-border-width: var(--size-pos-unit);--section-child-padding-default-bottom: var(--size-null);--section-child-padding-default-left: var(--size-pos-xsmall);--section-child-padding-default-right: var(--size-pos-xsmall);--section-child-padding-default-top: var(--size-null);--section-child-padding-large-bottom: var(--size-null);--section-child-padding-large-left: var(--size-pos-small);--section-child-padding-large-right: var(--size-pos-small);--section-child-padding-large-top: var(--size-null);--section-child-padding-none: var(--size-null);--section-child-padding-tight-bottom: var(--size-null);--section-child-padding-tight-left: var(--size-pos-xxsmall);--section-child-padding-tight-right: var(--size-pos-xxsmall);--section-child-padding-tight-top: var(--size-null);--section-gap: var(--size-null);--section-padding-bottom: var(--size-pos-xxsmall);--section-padding-left: var(--size-null);--section-padding-right: var(--size-null);--section-padding-top: var(--size-pos-xxsmall)}:root[data-theme=sketch]{--section-background-color: var(--sketch-color-background-primary);--section-border-color: var(--sketch-color-border-primary);--section-border-width: var(--size-pos-unit);--section-child-padding-default-bottom: var(--size-null);--section-child-padding-default-left: var(--size-pos-xsmall);--section-child-padding-default-right: var(--size-pos-xsmall);--section-child-padding-default-top: var(--size-null);--section-child-padding-large-bottom: var(--size-null);--section-child-padding-large-left: var(--size-pos-small);--section-child-padding-large-right: var(--size-pos-small);--section-child-padding-large-top: var(--size-null);--section-child-padding-none: var(--size-null);--section-child-padding-tight-bottom: var(--size-null);--section-child-padding-tight-left: var(--size-pos-xxsmall);--section-child-padding-tight-right: var(--size-pos-xxsmall);--section-child-padding-tight-top: var(--size-null);--section-gap: var(--size-null);--section-padding-bottom: var(--size-pos-xxsmall);--section-padding-left: var(--size-null);--section-padding-right: var(--size-null);--section-padding-top: var(--size-pos-xxsmall)}:root[data-theme=figma]{--section-background-color: var(--figma-color-bg);--section-border-color: var(--figma-color-border);--section-border-width: var(--size-pos-unit);--section-child-padding-default-bottom: var(--size-null);--section-child-padding-default-left: var(--size-pos-xsmall);--section-child-padding-default-right: var(--size-pos-xsmall);--section-child-padding-default-top: var(--size-null);--section-child-padding-large-bottom: var(--size-null);--section-child-padding-large-left: var(--size-pos-small);--section-child-padding-large-right: var(--size-pos-small);--section-child-padding-large-top: var(--size-null);--section-child-padding-none: var(--size-null);--section-child-padding-tight-bottom: var(--size-null);--section-child-padding-tight-left: var(--size-pos-xxsmall);--section-child-padding-tight-right: var(--size-pos-xxsmall);--section-child-padding-tight-top: var(--size-null);--section-gap: var(--size-null);--section-padding-bottom: var(--size-pos-xxsmall);--section-padding-left: var(--size-null);--section-padding-right: var(--size-null);--section-padding-top: var(--size-pos-xxsmall)}:root[data-theme=framer]{--section-background-color: var(--framer-color-bg);--section-border-color: var(--framer-color-divider);--section-border-width: var(--size-pos-unit);--section-child-padding-default-bottom: var(--size-null);--section-child-padding-default-left: var(--size-pos-xsmall);--section-child-padding-default-right: var(--size-pos-xsmall);--section-child-padding-default-top: var(--size-null);--section-child-padding-large-bottom: var(--size-null);--section-child-padding-large-left: var(--size-pos-small);--section-child-padding-large-right: var(--size-pos-small);--section-child-padding-large-top: var(--size-null);--section-child-padding-none: var(--size-null);--section-child-padding-tight-bottom: var(--size-null);--section-child-padding-tight-left: var(--size-pos-xxsmall);--section-child-padding-tight-right: var(--size-pos-xxsmall);--section-child-padding-tight-top: var(--size-null);--section-gap: var(--size-null);--section-padding-bottom: var(--size-pos-xxsmall);--section-padding-left: var(--size-null);--section-padding-right: var(--size-null);--section-padding-top: var(--size-pos-xxsmall)}.section{display:flex;flex-direction:column;gap:var(--section-gap);background-color:var(--section-background-color);padding:var(--section-padding-top) var(--section-padding-right) var(--section-padding-bottom) var(--section-padding-left);--section-border: var(--section-border-width) solid var(--section-border-color)}.section__child{padding:var(--section-child-padding-default-top) var(--section-child-padding-default-right) var(--section-child-padding-default-bottom) var(--section-child-padding-default-left)}.section__child--large{padding:var(--section-child-padding-large-top) var(--section-child-padding-large-right) var(--section-child-padding-large-bottom) var(--section-child-padding-large-left)}.section__child--tight{padding:var(--section-child-padding-tight-top) var(--section-child-padding-tight-right) var(--section-child-padding-tight-bottom) var(--section-child-padding-tight-left)}.section__child--none{padding:var(--section-child-padding-none)}

package/dist/assets/SectionTitle.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--section-title-gap: var(--size-pos-xxxsmall);--section-title-height: var(--size-pos-medium);--section-title-info-icon-height: var(--size-pos-medium);--section-title-info-icon-width: var(--size-pos-medium);--section-title-padding-bottom: var(--size-null);--section-title-padding-left: var(--size-pos-xxsmall);--section-title-padding-right: var(--size-pos-xxxsmall);--section-title-padding-top: var(--size-null);--section-title-text-color: var(--penpot-color-foreground-primary);--section-title-text-font-family: var(--font-stack);--section-title-text-font-size: var(--font-size-small);--section-title-text-font-weight: var(--font-weight-medium);--section-title-text-letter-spacing: var(--font-letter-spacing-pos-medium);--section-title-text-line-height: var(--font-line-height-default);--section-title-text-transform: uppercase}:root[data-theme=sketch]{--section-title-gap: var(--size-pos-xxxsmall);--section-title-height: var(--size-pos-medium);--section-title-info-icon-height: var(--size-pos-medium);--section-title-info-icon-width: var(--size-pos-medium);--section-title-padding-bottom: var(--size-null);--section-title-padding-left: var(--size-pos-xxsmall);--section-title-padding-right: var(--size-pos-xxxsmall);--section-title-padding-top: var(--size-null);--section-title-text-color: var(--sketch-color-foreground-primary);--section-title-text-font-family: var(--font-stack);--section-title-text-font-size: var(--font-size-small);--section-title-text-font-weight: var(--font-weight-medium);--section-title-text-letter-spacing: var(--font-letter-spacing-pos-medium);--section-title-text-line-height: var(--font-line-height-default);--section-title-text-transform: none}:root[data-theme=figma]{--section-title-gap: var(--size-pos-xxxsmall);--section-title-height: var(--size-pos-medium);--section-title-info-icon-height: var(--size-pos-medium);--section-title-info-icon-width: var(--size-pos-medium);--section-title-padding-bottom: var(--size-null);--section-title-padding-left: var(--size-pos-xxsmall);--section-title-padding-right: var(--size-pos-xxxsmall);--section-title-padding-top: var(--size-null);--section-title-text-color: var(--figma-color-text);--section-title-text-font-family: var(--font-stack);--section-title-text-font-size: var(--font-size-xsmall);--section-title-text-font-weight: var(--font-weight-bold);--section-title-text-letter-spacing: var(--font-letter-spacing-pos-medium);--section-title-text-line-height: var(--font-line-height-default);--section-title-text-transform: none}:root[data-theme=framer]{--section-title-gap: var(--size-pos-xxxsmall);--section-title-height: var(--size-pos-medium);--section-title-info-icon-height: var(--size-pos-medium);--section-title-info-icon-width: var(--size-pos-medium);--section-title-padding-bottom: var(--size-null);--section-title-padding-left: var(--size-pos-xxsmall);--section-title-padding-right: var(--size-pos-xxxsmall);--section-title-padding-top: var(--size-null);--section-title-text-color: var(--framer-color-text);--section-title-text-font-family: var(--font-stack);--section-title-text-font-size: var(--font-size-small);--section-title-text-font-weight: var(--font-weight-bold);--section-title-text-letter-spacing: var(--font-letter-spacing-pos-large);--section-title-text-line-height: var(--font-line-height-default);--section-title-text-transform: none}.section-title{display:flex;align-items:center;gap:var(--section-title-gap);cursor:default;box-sizing:border-box;padding:var(--section-title-padding-top) var(--section-title-padding-right) var(--section-title-padding-bottom) var(--section-title-padding-left);width:100%;height:var(--section-title-height);color:var(--section-title-text-color);font-weight:var(--section-title-text-font-weight);font-size:var(--section-title-text-font-size);line-height:var(--section-title-text-line-height);font-family:var(--section-title-text-font-family);letter-spacing:var(--section-title-text-letter-spacing);-webkit-user-select:none;user-select:none}.section-title__title{overflow:hidden;text-overflow:ellipsis;text-transform:var(--section-title-text-transform);white-space:nowrap}.section-title .section-title__tooltip{display:flex;position:relative;flex-shrink:0;justify-content:center;align-items:center;width:var(--section-title-info-icon-width);height:var(--section-title-info-icon-height)}

package/dist/assets/Select.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--select-box-background-color-checked-default: var(--penpot-color-accent-primary);--select-box-background-color-checked-disabled: var(--penpot-color-accent-primary-muted);--select-box-background-color-default: var(--penpot-color-background-tertiary);--select-box-background-color-disabled: var(--penpot-color-background-primary);--select-box-border-checked-default-color: var(--penpot-color-accent-primary);--select-box-border-checked-default-width: var(--size-pos-unit);--select-box-border-checked-disabled-color: var(--penpot-color-accent-primary-muted);--select-box-border-checked-disabled-width: var(--size-pos-unit);--select-box-border-default-color: var(--penpot-color-foreground-secondary);--select-box-border-default-width: var(--size-pos-unit);--select-box-border-disabled-color: var(--penpot-color-background-quaternary);--select-box-border-disabled-width: var(--size-pos-unit);--select-box-border-secondary-color-checked-focus: var(--penpot-color-accent-primary);--select-box-border-secondary-color-default: transparent;--select-box-border-secondary-color-focus: var(--penpot-color-accent-primary);--select-box-border-secondary-offset-checked-focus: var(--size-pos-unit);--select-box-border-secondary-offset-default: var(--size-null);--select-box-border-secondary-offset-focus: var(--size-pos-unit);--select-box-border-secondary-width-checked-focus: var(--size-pos-unit);--select-box-border-secondary-width-default: var(--size-null);--select-box-border-secondary-width-focus: var(--size-pos-unit);--select-box-height: var(--size-pos-xsmall);--select-box-radius: var(--border-radius-medium);--select-box-tick-color-default: var(--penpot-color-background-primary);--select-box-tick-color-disabled: var(--penpot-color-background-tertiary);--select-box-tick-height: var(--size-pos-small);--select-box-tick-icon: var(--icon-check);--select-box-tick-position-left: var(--size-neg-xxxsmall);--select-box-tick-position-top: var(--size-neg-xxxsmall);--select-box-tick-width: var(--size-pos-small);--select-box-width: var(--size-pos-xsmall);--select-button-background-color-checked-default: var(--penpot-color-accent-primary);--select-button-background-color-checked-disabled: var(--penpot-color-accent-primary-muted);--select-button-background-color-default: var(--penpot-color-background-tertiary);--select-button-background-color-disabled: var(--penpot-color-background-primary);--select-button-border-checked-default-color: var(--penpot-color-accent-primary);--select-button-border-checked-default-width: var(--size-pos-unit);--select-button-border-checked-disabled-color: var(--penpot-color-accent-primary-muted);--select-button-border-checked-disabled-width: var(--size-pos-unit);--select-button-border-default-color: var(--penpot-color-foreground-secondary);--select-button-border-default-width: var(--size-pos-unit);--select-button-border-disabled-color: var(--penpot-color-background-quaternary);--select-button-border-disabled-width: var(--size-pos-unit);--select-button-border-secondary-color-checked-focus: var(--penpot-color-accent-primary);--select-button-border-secondary-color-default: transparent;--select-button-border-secondary-color-focus: var(--penpot-color-accent-primary);--select-button-border-secondary-offset-checked-focus: var(--size-pos-unit);--select-button-border-secondary-offset-default: var(--size-null);--select-button-border-secondary-offset-focus: var(--size-pos-unit);--select-button-border-secondary-width-checked-focus: var(--size-pos-unit);--select-button-border-secondary-width-default: var(--size-null);--select-button-border-secondary-width-focus: var(--size-pos-unit);--select-button-height: var(--size-pos-xsmall);--select-button-icon-color-default: var(--penpot-color-background-primary);--select-button-icon-color-disabled: var(--penpot-color-background-tertiary);--select-button-inner-height: var(--size-pos-xxsmall);--select-button-inner-position-left: var(--size-pos-xxxsmall);--select-button-inner-position-top: var(--size-pos-xxxsmall);--select-button-inner-width: var(--size-pos-xxsmall);--select-button-radius: var(--border-radius-full);--select-button-width: var(--size-pos-xsmall);--select-checkbox-gap: var(--size-pos-xxsmall);--select-checkbox-height: var(--size-pos-medium);--select-radio-gap: var(--size-pos-xxsmall);--select-radio-height: var(--size-pos-medium);--select-status-gap: var(--size-pos-xxsmall);--select-status-height: var(--size-pos-medium);--select-switch-gap: var(--size-pos-xxsmall);--select-switch-height: var(--size-pos-medium);--select-text-color-default: var(--penpot-color-foreground-primary);--select-text-color-disabled: var(--penpot-color-foreground-disabled);--select-text-font-family: var(--font-stack);--select-text-font-size: var(--font-size-small);--select-text-font-weight: var(--font-weight-normal);--select-text-letter-spacing: var(--font-letter-spacing-pos-medium);--select-text-line-height: var(--font-line-height-default);--select-toggle-background-color-checked-default: var(--penpot-color-accent-primary);--select-toggle-background-color-checked-disabled: var(--penpot-color-accent-primary-muted);--select-toggle-background-color-default: var(--penpot-color-background-tertiary);--select-toggle-background-color-disabled: var(--penpot-color-background-primary);--select-toggle-border-checked-default-color: var(--penpot-color-accent-primary);--select-toggle-border-checked-default-width: var(--size-pos-unit);--select-toggle-border-checked-disabled-color: var(--penpot-color-accent-primary-muted);--select-toggle-border-checked-disabled-width: var(--size-pos-unit);--select-toggle-border-default-color: var(--penpot-color-foreground-secondary);--select-toggle-border-default-width: var(--size-pos-unit);--select-toggle-border-disabled-color: var(--penpot-color-background-quaternary);--select-toggle-border-disabled-width: var(--size-pos-unit);--select-toggle-border-secondary-color-checked-focus: var(--penpot-color-accent-primary);--select-toggle-border-secondary-color-default: transparent;--select-toggle-border-secondary-color-focus: var(--penpot-color-accent-primary);--select-toggle-border-secondary-offset-checked-focus: var(--size-pos-unit);--select-toggle-border-secondary-offset-default: var(--size-null);--select-toggle-border-secondary-offset-focus: var(--size-pos-unit);--select-toggle-border-secondary-width-checked-focus: var(--size-pos-unit);--select-toggle-border-secondary-width-default: var(--size-null);--select-toggle-border-secondary-width-focus: var(--size-pos-unit);--select-toggle-height: 16px;--select-toggle-knob-background-color-checked-default: var(--penpot-color-background-primary);--select-toggle-knob-background-color-checked-disabled: var(--penpot-color-background-primary);--select-toggle-knob-background-color-default: var(--penpot-color-foreground-primary);--select-toggle-knob-background-color-disabled: var(--penpot-color-foreground-disabled);--select-toggle-knob-height: var(--size-pos-xmsmall);--select-toggle-knob-left: 11px;--select-toggle-knob-radius: var(--border-radius-full);--select-toggle-knob-transform-checked-translate-x: 10px;--select-toggle-knob-transform-checked-translate-y: var(--size-pos-xunit);--select-toggle-knob-transform-default-translate-x: var(--size-pos-xunit);--select-toggle-knob-transform-default-translate-y: var(--size-pos-xunit);--select-toggle-knob-transition-background-color: .2s 0ms cubic-bezier(.37, 0, .63, 1);--select-toggle-knob-transition-transform: .2s 0ms cubic-bezier(.37, 0, .63, 1);--select-toggle-knob-width: var(--size-pos-xmsmall);--select-toggle-radius: var(--size-pos-xsmall);--select-toggle-transition: background-color .2s ease-in-out;--select-toggle-width: 24px}:root[data-theme=sketch]{--select-box-background-color-checked-default: var(--sketch-color-accent-primary);--select-box-background-color-checked-disabled: var(--sketch-color-accent-disabled);--select-box-background-color-default: var(--sketch-color-background-primary);--select-box-background-color-disabled: var(--sketch-color-background-primary);--select-box-border-checked-default-color: var(--sketch-color-accent-primary);--select-box-border-checked-default-width: var(--size-pos-unit);--select-box-border-checked-disabled-color: var(--sketch-color-accent-disabled);--select-box-border-checked-disabled-width: var(--size-pos-unit);--select-box-border-default-color: var(--sketch-color-border-secondary);--select-box-border-default-width: var(--size-pos-unit);--select-box-border-disabled-color: var(--sketch-color-border-disabled);--select-box-border-disabled-width: var(--size-pos-unit);--select-box-border-secondary-color-checked-focus: var(--sketch-color-border-tertiary);--select-box-border-secondary-color-default: transparent;--select-box-border-secondary-color-focus: var(--sketch-color-accent-primary);--select-box-border-secondary-offset-checked-focus: var(--size-neg-unit);--select-box-border-secondary-offset-default: var(--size-null);--select-box-border-secondary-offset-focus: var(--size-neg-unit);--select-box-border-secondary-width-checked-focus: var(--size-pos-unit);--select-box-border-secondary-width-default: var(--size-null);--select-box-border-secondary-width-focus: var(--size-pos-unit);--select-box-height: var(--size-pos-xsmall);--select-box-radius: var(--border-radius-small);--select-box-tick-color-default: var(--sketch-color-foreground-onaccent);--select-box-tick-color-disabled: var(--sketch-color-foreground-onaccent-disabled);--select-box-tick-height: var(--size-pos-medium);--select-box-tick-icon: var(--icon-check);--select-box-tick-position-left: var(--size-neg-xxsmall);--select-box-tick-position-top: var(--size-neg-xxsmall);--select-box-tick-width: var(--size-pos-medium);--select-box-width: var(--size-pos-xsmall);--select-button-background-color-checked-default: var(--sketch-color-accent-primary);--select-button-background-color-checked-disabled: var(--sketch-color-accent-disabled);--select-button-background-color-default: var(--sketch-color-background-primary);--select-button-background-color-disabled: var(--sketch-color-background-primary);--select-button-border-checked-default-color: var(--sketch-color-accent-primary);--select-button-border-checked-default-width: var(--size-pos-unit);--select-button-border-checked-disabled-color: var(--sketch-color-accent-disabled);--select-button-border-checked-disabled-width: var(--size-pos-unit);--select-button-border-default-color: var(--sketch-color-border-secondary);--select-button-border-default-width: var(--size-pos-unit);--select-button-border-disabled-color: var(--sketch-color-border-disabled);--select-button-border-disabled-width: var(--size-pos-unit);--select-button-border-secondary-color-checked-focus: var(--sketch-color-border-tertiary);--select-button-border-secondary-color-default: transparent;--select-button-border-secondary-color-focus: var(--sketch-color-accent-primary);--select-button-border-secondary-offset-checked-focus: var(--size-neg-unit);--select-button-border-secondary-offset-default: var(--size-null);--select-button-border-secondary-offset-focus: var(--size-neg-unit);--select-button-border-secondary-width-checked-focus: var(--size-pos-unit);--select-button-border-secondary-width-default: var(--size-null);--select-button-border-secondary-width-focus: var(--size-pos-unit);--select-button-height: var(--size-pos-xsmall);--select-button-icon-color-default: var(--sketch-color-foreground-onaccent);--select-button-icon-color-disabled: var(--sketch-color-foreground-onaccent-disabled);--select-button-inner-height: var(--size-pos-xxsmall);--select-button-inner-position-left: var(--size-pos-xxxsmall);--select-button-inner-position-top: var(--size-pos-xxxsmall);--select-button-inner-width: var(--size-pos-xxsmall);--select-button-radius: var(--border-radius-full);--select-button-width: var(--size-pos-xsmall);--select-checkbox-gap: var(--size-pos-xxsmall);--select-checkbox-height: var(--size-pos-medium);--select-radio-gap: var(--size-pos-xxsmall);--select-radio-height: var(--size-pos-medium);--select-status-gap: var(--size-pos-xxsmall);--select-status-height: var(--size-pos-medium);--select-switch-gap: var(--size-pos-xxsmall);--select-switch-height: var(--size-pos-medium);--select-text-color-default: var(--sketch-color-foreground-primary);--select-text-color-disabled: var(--sketch-color-foreground-disabled);--select-text-font-family: var(--font-stack);--select-text-font-size: var(--font-size-small);--select-text-font-weight: var(--font-weight-normal);--select-text-letter-spacing: var(--font-letter-spacing-pos-medium);--select-text-line-height: var(--font-line-height-default);--select-toggle-background-color-checked-default: var(--sketch-color-accent-primary);--select-toggle-background-color-checked-disabled: var(--sketch-color-accent-disabled);--select-toggle-background-color-default: var(--sketch-color-background-primary);--select-toggle-background-color-disabled: var(--sketch-color-background-primary);--select-toggle-border-checked-default-color: var(--sketch-color-accent-primary);--select-toggle-border-checked-default-width: var(--size-pos-unit);--select-toggle-border-checked-disabled-color: var(--sketch-color-accent-disabled);--select-toggle-border-checked-disabled-width: var(--size-pos-unit);--select-toggle-border-default-color: var(--sketch-color-border-secondary);--select-toggle-border-default-width: var(--size-pos-unit);--select-toggle-border-disabled-color: var(--sketch-color-border-disabled);--select-toggle-border-disabled-width: var(--size-pos-unit);--select-toggle-border-secondary-color-checked-focus: var(--sketch-color-border-tertiary);--select-toggle-border-secondary-color-default: transparent;--select-toggle-border-secondary-color-focus: var(--sketch-color-accent-primary);--select-toggle-border-secondary-offset-checked-focus: var(--size-neg-unit);--select-toggle-border-secondary-offset-default: var(--size-null);--select-toggle-border-secondary-offset-focus: var(--size-neg-unit);--select-toggle-border-secondary-width-checked-focus: var(--size-pos-unit);--select-toggle-border-secondary-width-default: var(--size-null);--select-toggle-border-secondary-width-focus: var(--size-pos-unit);--select-toggle-height: 16px;--select-toggle-knob-background-color-checked-default: var(--sketch-color-foreground-onaccent);--select-toggle-knob-background-color-checked-disabled: var(--sketch-color-foreground-onaccent-disabled);--select-toggle-knob-background-color-default: var(--sketch-color-foreground-primary);--select-toggle-knob-background-color-disabled: var(--sketch-color-foreground-disabled);--select-toggle-knob-height: var(--size-pos-xmsmall);--select-toggle-knob-left: 11px;--select-toggle-knob-radius: var(--border-radius-full);--select-toggle-knob-transform-checked-translate-x: 10px;--select-toggle-knob-transform-checked-translate-y: var(--size-pos-xunit);--select-toggle-knob-transform-default-translate-x: var(--size-pos-xunit);--select-toggle-knob-transform-default-translate-y: var(--size-pos-xunit);--select-toggle-knob-transition-background-color: .2s 0ms cubic-bezier(.37, 0, .63, 1);--select-toggle-knob-transition-transform: .2s 0ms cubic-bezier(.37, 0, .63, 1);--select-toggle-knob-width: var(--size-pos-xmsmall);--select-toggle-radius: var(--border-radius-xxxlarge);--select-toggle-transition: background-color .2s ease-in-out;--select-toggle-width: 24px}:root[data-theme=figma]{--select-box-background-color-checked-default: var(--figma-color-bg-selected-strong);--select-box-background-color-checked-disabled: var(--figma-color-bg-selected);--select-box-background-color-default: var(--figma-color-bg-secondary);--select-box-background-color-disabled: var(--figma-color-bg);--select-box-border-checked-default-color: var(--figma-color-border-selected-strong);--select-box-border-checked-default-width: var(--size-pos-unit);--select-box-border-checked-disabled-color: var(--figma-color-bg-selected);--select-box-border-checked-disabled-width: var(--size-pos-unit);--select-box-border-default-color: var(--figma-color-border);--select-box-border-default-width: var(--size-pos-unit);--select-box-border-disabled-color: var(--figma-color-border-disabled);--select-box-border-disabled-width: var(--size-pos-unit);--select-box-border-secondary-color-checked-focus: var(--figma-color-border-selected-strong);--select-box-border-secondary-color-default: transparent;--select-box-border-secondary-color-focus: var(--figma-color-border-selected);--select-box-border-secondary-offset-checked-focus: var(--size-neg-unit);--select-box-border-secondary-offset-default: var(--size-null);--select-box-border-secondary-offset-focus: var(--size-neg-unit);--select-box-border-secondary-width-checked-focus: var(--size-pos-unit);--select-box-border-secondary-width-default: var(--size-null);--select-box-border-secondary-width-focus: var(--size-pos-unit);--select-box-height: var(--size-pos-xsmall);--select-box-radius: var(--border-radius-medium);--select-box-tick-color-default: var(--grey-0);--select-box-tick-color-disabled: var(--figma-color-icon-disabled);--select-box-tick-height: var(--size-pos-small);--select-box-tick-icon: var(--icon-check);--select-box-tick-position-left: var(--size-neg-xxxsmall);--select-box-tick-position-top: var(--size-neg-xxxsmall);--select-box-tick-width: var(--size-pos-small);--select-box-width: var(--size-pos-xsmall);--select-button-background-color-checked-default: var(--figma-color-bg);--select-button-background-color-checked-disabled: var(--figma-color-bg);--select-button-background-color-default: var(--figma-color-bg);--select-button-background-color-disabled: var(--figma-color-bg);--select-button-border-checked-default-color: var(--figma-color-icon);--select-button-border-checked-default-width: var(--size-pos-unit);--select-button-border-checked-disabled-color: var(--figma-color-bg-disabled);--select-button-border-checked-disabled-width: var(--size-pos-unit);--select-button-border-default-color: var(--figma-color-icon);--select-button-border-default-width: var(--size-pos-unit);--select-button-border-disabled-color: var(--figma-color-icon-disabled);--select-button-border-disabled-width: var(--size-pos-unit);--select-button-border-secondary-color-checked-focus: var(--figma-color-border-selected);--select-button-border-secondary-color-default: transparent;--select-button-border-secondary-color-focus: var(--figma-color-border-selected);--select-button-border-secondary-offset-checked-focus: var(--size-neg-unit);--select-button-border-secondary-offset-default: var(--size-null);--select-button-border-secondary-offset-focus: var(--size-neg-unit);--select-button-border-secondary-width-checked-focus: var(--size-pos-unit);--select-button-border-secondary-width-default: var(--size-null);--select-button-border-secondary-width-focus: var(--size-pos-unit);--select-button-height: var(--size-pos-xsmall);--select-button-icon-color-default: var(--figma-color-icon);--select-button-icon-color-disabled: var(--figma-color-icon-disabled);--select-button-inner-height: var(--size-pos-xxsmall);--select-button-inner-position-left: var(--size-pos-xxxsmall);--select-button-inner-position-top: var(--size-pos-xxxsmall);--select-button-inner-width: var(--size-pos-xxsmall);--select-button-radius: var(--border-radius-full);--select-button-width: var(--size-pos-xsmall);--select-checkbox-gap: var(--size-pos-xxsmall);--select-checkbox-height: var(--size-pos-small);--select-radio-gap: var(--size-pos-xxsmall);--select-radio-height: var(--size-pos-small);--select-status-gap: var(--size-pos-xxsmall);--select-status-height: var(--size-pos-medium);--select-switch-gap: var(--size-pos-xxsmall);--select-switch-height: var(--size-pos-small);--select-text-color-default: var(--figma-color-text);--select-text-color-disabled: var(--figma-color-text-disabled);--select-text-font-family: var(--font-stack);--select-text-font-size: var(--font-size-xsmall);--select-text-font-weight: var(--font-weight-normal);--select-text-letter-spacing: var(--font-letter-spacing-pos-medium);--select-text-line-height: var(--font-line-height-default);--select-toggle-background-color-checked-default: var(--figma-color-bg-selected-strong);--select-toggle-background-color-checked-disabled: var(--figma-color-bg-brand-secondary);--select-toggle-background-color-default: var(--figma-color-bg-secondary);--select-toggle-background-color-disabled: var(--figma-color-bg-disabled);--select-toggle-border-checked-default-color: var(--figma-color-bg-selected-strong);--select-toggle-border-checked-default-width: var(--size-pos-unit);--select-toggle-border-checked-disabled-color: var(--figma-color-bg-brand-secondary);--select-toggle-border-checked-disabled-width: var(--size-pos-unit);--select-toggle-border-default-color: var(--figma-color-border);--select-toggle-border-default-width: var(--size-pos-unit);--select-toggle-border-disabled-color: var(--figma-color-bg-disabled);--select-toggle-border-disabled-width: var(--size-pos-unit);--select-toggle-border-secondary-color-checked-focus: var(--figma-color-border-selected-strong);--select-toggle-border-secondary-color-default: transparent;--select-toggle-border-secondary-color-focus: var(--figma-color-border-selected);--select-toggle-border-secondary-offset-checked-focus: var(--size-neg-unit);--select-toggle-border-secondary-offset-default: var(--size-null);--select-toggle-border-secondary-offset-focus: var(--size-neg-unit);--select-toggle-border-secondary-width-checked-focus: var(--size-pos-unit);--select-toggle-border-secondary-width-default: var(--size-null);--select-toggle-border-secondary-width-focus: var(--size-pos-unit);--select-toggle-height: var(--size-pos-xmsmall);--select-toggle-knob-background-color-checked-default: var(--figma-color-icon-onbrand);--select-toggle-knob-background-color-checked-disabled: var(--figma-color-icon-onbrand-secondary);--select-toggle-knob-background-color-default: var(--grey-0);--select-toggle-knob-background-color-disabled: var(--figma-color-icon-ondisabled);--select-toggle-knob-height: 10px;--select-toggle-knob-left: 7px;--select-toggle-knob-radius: var(--border-radius-full);--select-toggle-knob-transform-checked-translate-x: 13px;--select-toggle-knob-transform-checked-translate-y: var(--size-pos-unit);--select-toggle-knob-transform-default-translate-x: var(--size-pos-unit);--select-toggle-knob-transform-default-translate-y: var(--size-pos-unit);--select-toggle-knob-transition-background-color: .2s 0ms cubic-bezier(.37, 0, .63, 1);--select-toggle-knob-transition-transform: .2s 0ms cubic-bezier(.37, 0, .63, 1);--select-toggle-knob-width: 10px;--select-toggle-radius: var(--size-pos-xxsmall);--select-toggle-transition: background-color .2s ease-in-out;--select-toggle-width: var(--size-pos-small)}:root[data-theme=framer]{--select-box-background-color-checked-default: var(--framer-color-tint);--select-box-background-color-checked-disabled: var(--framer-color-bg-secondary);--select-box-background-color-default: var(--framer-color-bg-tertiary);--select-box-background-color-disabled: var(--framer-color-bg-secondary);--select-box-border-checked-default-color: transparent;--select-box-border-checked-default-width: var(--size-null);--select-box-border-checked-disabled-color: transparent;--select-box-border-checked-disabled-width: var(--size-null);--select-box-border-default-color: transparent;--select-box-border-default-width: var(--size-null);--select-box-border-disabled-color: transparent;--select-box-border-disabled-width: var(--size-null);--select-box-border-secondary-color-checked-focus: var(--framer-color-tint-extra-dark);--select-box-border-secondary-color-default: transparent;--select-box-border-secondary-color-focus: var(--framer-color-tint);--select-box-border-secondary-offset-checked-focus: var(--size-neg-unit);--select-box-border-secondary-offset-default: var(--size-null);--select-box-border-secondary-offset-focus: var(--size-neg-unit);--select-box-border-secondary-width-checked-focus: var(--size-pos-unit);--select-box-border-secondary-width-default: var(--size-null);--select-box-border-secondary-width-focus: var(--size-pos-unit);--select-box-height: var(--size-pos-xmsmall);--select-box-radius: var(--border-radius-small);--select-box-tick-color-default: var(--framer-color-text-reversed);--select-box-tick-color-disabled: var(--framer-color-text-tertiary);--select-box-tick-height: var(--size-pos-msmall);--select-box-tick-icon: var(--icon-check);--select-box-tick-position-left: var(--size-neg-xxxsmall);--select-box-tick-position-top: var(--size-neg-xxxsmall);--select-box-tick-width: var(--size-pos-msmall);--select-box-width: var(--size-pos-xmsmall);--select-button-background-color-checked-default: var(--framer-color-tint);--select-button-background-color-checked-disabled: var(--framer-color-bg-secondary);--select-button-background-color-default: var(--framer-color-bg-tertiary);--select-button-background-color-disabled: var(--framer-color-bg-secondary);--select-button-border-checked-default-color: transparent;--select-button-border-checked-default-width: var(--size-null);--select-button-border-checked-disabled-color: transparent;--select-button-border-checked-disabled-width: var(--size-null);--select-button-border-default-color: transparent;--select-button-border-default-width: var(--size-null);--select-button-border-disabled-color: transparent;--select-button-border-disabled-width: var(--size-null);--select-button-border-secondary-color-checked-focus: var(--framer-color-tint-extra-dark);--select-button-border-secondary-color-default: transparent;--select-button-border-secondary-color-focus: var(--framer-color-tint);--select-button-border-secondary-offset-checked-focus: var(--size-neg-unit);--select-button-border-secondary-offset-default: var(--size-null);--select-button-border-secondary-offset-focus: var(--size-neg-unit);--select-button-border-secondary-width-checked-focus: var(--size-pos-unit);--select-button-border-secondary-width-default: var(--size-null);--select-button-border-secondary-width-focus: var(--size-pos-unit);--select-button-height: var(--size-pos-xsmall);--select-button-icon-color-default: var(--framer-color-text-reversed);--select-button-icon-color-disabled: var(--framer-color-text-tertiary);--select-button-inner-height: 6px;--select-button-inner-position-left: 5px;--select-button-inner-position-top: 5px;--select-button-inner-width: 6px;--select-button-radius: var(--border-radius-full);--select-button-width: var(--size-pos-xsmall);--select-checkbox-gap: var(--size-pos-xmsmall);--select-checkbox-height: var(--size-pos-medium);--select-radio-gap: var(--size-pos-xmsmall);--select-radio-height: var(--size-pos-medium);--select-status-gap: var(--size-pos-xxsmall);--select-status-height: var(--size-pos-medium);--select-switch-gap: var(--size-pos-xmsmall);--select-switch-height: var(--size-pos-medium);--select-text-color-default: var(--framer-color-text);--select-text-color-disabled: var(--framer-color-text-tertiary);--select-text-font-family: var(--font-stack);--select-text-font-size: var(--font-size-small);--select-text-font-weight: var(--font-weight-medium);--select-text-letter-spacing: var(--font-letter-spacing-pos-medium);--select-text-line-height: var(--font-line-height-default);--select-toggle-background-color-checked-default: var(--framer-color-tint);--select-toggle-background-color-checked-disabled: var(--framer-color-bg-secondary);--select-toggle-background-color-default: var(--framer-color-bg-tertiary);--select-toggle-background-color-disabled: var(--framer-color-bg-secondary);--select-toggle-border-checked-default-color: transparent;--select-toggle-border-checked-default-width: var(--size-null);--select-toggle-border-checked-disabled-color: transparent;--select-toggle-border-checked-disabled-width: var(--size-null);--select-toggle-border-default-color: transparent;--select-toggle-border-default-width: var(--size-null);--select-toggle-border-disabled-color: transparent;--select-toggle-border-disabled-width: var(--size-null);--select-toggle-border-secondary-color-checked-focus: var(--framer-color-tint-extra-dark);--select-toggle-border-secondary-color-default: transparent;--select-toggle-border-secondary-color-focus: var(--framer-color-tint);--select-toggle-border-secondary-offset-checked-focus: var(--size-neg-unit);--select-toggle-border-secondary-offset-default: var(--size-null);--select-toggle-border-secondary-offset-focus: var(--size-neg-unit);--select-toggle-border-secondary-width-checked-focus: var(--size-pos-unit);--select-toggle-border-secondary-width-default: var(--size-null);--select-toggle-border-secondary-width-focus: var(--size-pos-unit);--select-toggle-height: var(--size-pos-xsmall);--select-toggle-knob-background-color-checked-default: var(--framer-color-text-reversed);--select-toggle-knob-background-color-checked-disabled: var(--framer-color-text-tertiary);--select-toggle-knob-background-color-default: var(--framer-color-text-reversed);--select-toggle-knob-background-color-disabled: var(--framer-color-text-tertiary);--select-toggle-knob-height: var(--size-pos-xmsmall);--select-toggle-knob-radius: var(--border-radius-full);--select-toggle-knob-transform-checked-translate-x: 10px;--select-toggle-knob-transform-checked-translate-y: var(--size-pos-xunit);--select-toggle-knob-transform-default-translate-x: var(--size-pos-xunit);--select-toggle-knob-transform-default-translate-y: var(--size-pos-xunit);--select-toggle-knob-transition-background-color: .2s 0ms cubic-bezier(.37, 0, .63, 1);--select-toggle-knob-transition-transform: .2s 0ms cubic-bezier(.37, 0, .63, 1);--select-toggle-knob-width: var(--size-pos-xmsmall);--select-toggle-radius: var(--size-pos-xsmall);--select-toggle-transition: background-color .2s ease-in-out;--select-toggle-width: var(--size-pos-small)}.checkbox,.radio,.switch{display:flex;position:relative;align-items:center;cursor:default;-webkit-user-select:none;user-select:none}.checkbox__label,.radio__label,.switch__label{color:var(--select-text-color-default)}.checkbox__status,.radio__status,.switch__status{display:flex;align-items:center;align-self:start;gap:var(--select-status-gap);margin:var(--select-status-margin-top) var(--select-status-margin-right) var(--select-status-margin-bottom) var(--select-status-margin-left);height:var(--select-status-height)}.checkbox{gap:var(--select-checkbox-gap);min-height:var(--select-checkbox-height)}.checkbox__slot{position:relative;flex-shrink:0;box-sizing:border-box;line-height:0}.checkbox__label{display:flex;align-items:start;height:100%;color:var(--select-text-color-default);font-weight:var(--select-text-font-weight);font-size:var(--select-text-font-size);line-height:var(--select-text-line-height);font-family:var(--select-text-font-family);letter-spacing:var(--select-text-letter-spacing);-webkit-user-select:none;user-select:none}.checkbox__label--disabled{color:var(--select-text-color-disabled)}.checkbox__box{position:relative;flex:none;flex-shrink:0;opacity:0;z-index:2;box-sizing:border-box;margin:0;outline:none;padding:0;width:var(--select-box-width);height:var(--select-box-height);line-height:0}.checkbox__box__background{display:block;position:absolute;top:0;left:0;z-index:1;outline:var(--select-box-border-secondary-width-default) solid var(--select-box-border-secondary-color-default);outline-offset:var(--select-box-border-secondary-offset-default);box-shadow:inset 0 0 0 var(--select-box-border-default-width) var(--select-box-border-default-color);border-radius:var(--select-box-radius);background:var(--select-box-background-color-default);width:var(--select-box-width);height:var(--select-box-height)}.checkbox__box__tick{display:block;position:absolute;top:var(--select-box-tick-position-top);left:var(--select-box-tick-position-left);visibility:hidden;z-index:1;mask-image:var(--select-box-tick-icon);-webkit-mask-image:var(--select-box-tick-icon);mask-position:center center;-webkit-mask-position:center center;mask-size:cover;-webkit-mask-size:cover;background-color:var(--select-box-tick-color-default);width:var(--select-box-tick-width);height:var(--select-box-tick-height);pointer-events:none}.checkbox__box:checked~.checkbox__box__background{box-shadow:inset 0 0 0 var(--select-box-border-checked-default-width) var(--select-box-border-checked-default-color);background:var(--select-box-background-color-checked-default)}.checkbox__box:checked~.checkbox__box__tick{visibility:visible}.checkbox__box:focus~.checkbox__box__background{outline:var(--select-box-border-secondary-width-focus) solid var(--select-box-border-secondary-color-focus);outline-offset:var(--select-box-border-secondary-offset-focus)}.checkbox__box:focus:checked~.checkbox__box__background{outline:var(--select-box-border-secondary-width-checked-focus) solid var(--select-box-border-secondary-color-checked-focus);outline-offset:var(--select-box-border-secondary-offset-checked-focus)}.checkbox__box:disabled:checked~.checkbox__box__background{box-shadow:inset 0 0 0 var(--select-box-border-checked-disabled-width) var(--select-box-border-checked-disabled-color);background:var(--select-box-background-color-checked-disabled)}.checkbox__box:disabled~.checkbox__box__background{box-shadow:inset 0 0 0 var(--select-box-border-disabled-width) var(--select-box-border-disabled-color);background:var(--select-box-background-color-disabled)}.checkbox__box:disabled:checked~.checkbox__box__tick{background-color:var(--select-box-tick-color-disabled)}.switch{gap:var(--select-switch-gap);min-height:var(--select-switch-height)}.switch__slot{position:relative;flex-shrink:0;box-sizing:border-box;line-height:0}.switch__label{display:flex;align-items:start;height:100%;color:var(--select-text-color-default);font-weight:var(--select-text-font-weight);font-size:var(--select-text-font-size);line-height:var(--select-text-line-height);font-family:var(--select-text-font-family);letter-spacing:var(--select-text-letter-spacing);-webkit-user-select:none;user-select:none}.switch__label--disabled{color:var(--select-text-color-disabled)}.switch__toggle{position:relative;flex:none;flex-shrink:0;opacity:0;z-index:2;box-sizing:border-box;margin:0;outline:none;padding:0;width:var(--select-toggle-width);height:var(--select-toggle-height);line-height:0}.switch__toggle__background{display:block;position:absolute;top:0;left:0;z-index:1;transition:background-color var(--select-toggle-knob-transition-background-color);outline:var(--select-toggle-border-secondary-width-default) solid var(--select-toggle-border-secondary-color-default);outline-offset:var(--select-toggle-border-secondary-offset-default);box-shadow:inset 0 0 0 var(--select-toggle-border-default-width) var(--select-toggle-border-default-color);border-radius:var(--select-toggle-radius);background-color:var(--select-toggle-background-color-default);width:var(--select-toggle-width);height:var(--select-toggle-height)}.switch__toggle__knob{display:block;position:absolute;top:0;left:0;transform:translate(var(--select-toggle-knob-transform-default-translate-x)) translateY(var(--select-toggle-knob-transform-default-translate-y));z-index:1;transition:transform var(--select-toggle-knob-transition-transform);border-radius:var(--select-toggle-knob-radius);background-color:var(--select-toggle-knob-background-color-default);width:var(--select-toggle-knob-width);height:var(--select-toggle-knob-height)}.switch__toggle:checked~.switch__toggle__background{box-shadow:inset 0 0 0 var(--select-toggle-border-checked-default-width) var(--select-toggle-border-checked-default-color);background-color:var(--select-toggle-background-color-checked-default)}.switch__toggle:checked~.switch__toggle__knob{transform:translate(var(--select-toggle-knob-transform-checked-translate-x)) translateY(var(--select-toggle-knob-transform-checked-translate-y));background-color:var(--select-toggle-knob-background-color-checked-default)}.switch__toggle:focus~.switch__toggle__background{outline:var(--select-toggle-border-secondary-width-focus) solid var(--select-toggle-border-secondary-color-focus);outline-offset:var(--select-toggle-border-secondary-offset-focus)}.switch__toggle:focus:checked~.switch__toggle__background{outline:var(--select-toggle-border-secondary-width-checked-focus) solid var(--select-toggle-border-secondary-color-checked-focus);outline-offset:var(--select-toggle-border-secondary-offset-checked-focus)}.switch__toggle:disabled~.switch__toggle__background{box-shadow:inset 0 0 0 var(--select-toggle-border-disabled-width) var(--select-toggle-border-disabled-color);background-color:var(--select-toggle-background-color-disabled)}.switch__toggle:disabled~.switch__toggle__knob{background-color:var(--select-toggle-knob-background-color-disabled)}.switch__toggle:disabled:checked~.switch__toggle__background{box-shadow:inset 0 0 0 var(--select-toggle-border-checked-disabled-width) var(--select-toggle-border-checked-disabled-color);background-color:var(--select-toggle-background-color-checked-disabled)}.switch__toggle:disabled:checked~.switch__toggle__knob{background-color:var(--select-toggle-knob-background-color-checked-disabled)}.radio{gap:var(--select-radio-gap);min-height:var(--select-radio-height)}.radio__slot{position:relative;flex-shrink:0;box-sizing:border-box;line-height:0}.radio__label{display:flex;position:relative;align-items:start;height:100%;color:var(--select-text-color-default);font-weight:var(--select-text-font-weight);font-size:var(--select-text-font-size);line-height:var(--select-text-line-height);font-family:var(--select-text-font-family);letter-spacing:var(--select-text-letter-spacing);-webkit-user-select:none;user-select:none}.radio__label--disabled{color:var(--select-text-color-disabled)}.radio__button{position:relative;flex:none;flex-shrink:0;opacity:0;z-index:2;box-sizing:border-box;margin:0;outline:none;padding:0;width:var(--select-button-width);height:var(--select-button-height);line-height:0}.radio__button__background{display:block;position:absolute;top:0;left:0;z-index:1;outline:var(--select-button-border-secondary-width-default) solid var(--select-button-border-secondary-color-default);outline-offset:var(--select-button-border-secondary-offset-default);box-shadow:inset 0 0 0 var(--select-button-border-default-width) var(--select-button-border-default-color);border-radius:var(--select-button-radius);background:var(--select-button-background-color-default);width:var(--select-button-width);height:var(--select-button-height)}.radio__button__inner{display:block;position:absolute;top:var(--select-button-inner-position-top);left:var(--select-button-inner-position-left);visibility:hidden;z-index:1;border-radius:var(--select-button-radius);background-color:var(--select-button-icon-color-default);width:var(--select-button-inner-width);height:var(--select-button-inner-height)}.radio__button:checked~.radio__button__background{box-shadow:inset 0 0 0 var(--select-button-border-checked-default-width) var(--select-button-border-checked-default-color);background:var(--select-button-background-color-checked-default)}.radio__button:checked~.radio__button__inner{visibility:visible}.radio__button:focus~.radio__button__background{outline:var(--select-button-border-secondary-width-focus) solid var(--select-button-border-secondary-color-focus);outline-offset:var(--select-button-border-secondary-offset-focus)}.radio__button:focus:checked~.radio__button__background{outline:var(--select-button-border-secondary-width-checked-focus) solid var(--select-button-border-secondary-color-checked-focus);outline-offset:var(--select-button-border-secondary-offset-checked-focus)}.radio__button:disabled:checked~.radio__button__background{box-shadow:inset 0 0 0 var(--select-button-border-checked-disabled-width) var(--select-button-border-checked-disabled-color);background:var(--select-button-background-color-checked-disabled)}.radio__button:disabled:checked~.radio__button__inner{background-color:var(--select-button-icon-color-disabled)}.radio__button:disabled+.radio__button__background{box-shadow:inset 0 0 0 var(--select-button-border-disabled-width) var(--select-button-border-disabled-color);background:var(--select-button-background-color-disabled)}

package/dist/assets/SemanticMessage.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--semantic-message-background-color-default: var(--penpot-color-background-primary);--semantic-message-background-color-error-accent: color(srgb 0 0 0 / .18823529411764706);--semantic-message-background-color-error-default: var(--penpot-color-background-error);--semantic-message-background-color-info-accent: color(srgb 0 0 0 / .18823529411764706);--semantic-message-background-color-info-default: var(--penpot-color-background-info);--semantic-message-background-color-success-accent: color(srgb 0 0 0 / .18823529411764706);--semantic-message-background-color-success-default: var(--penpot-color-background-success);--semantic-message-background-color-warning-accent: color(srgb 0 0 0 / .18823529411764706);--semantic-message-background-color-warning-default: var(--penpot-color-background-warning);--semantic-message-border-color-default: var(--penpot-color-background-secondary);--semantic-message-border-color-error: var(--penpot-color-accent-error);--semantic-message-border-color-info: var(--penpot-color-accent-info);--semantic-message-border-color-success: var(--penpot-color-accent-success);--semantic-message-border-color-warning: var(--penpot-color-accent-warning);--semantic-message-border-offset-default: var(--size-neg-unit);--semantic-message-border-offset-error: var(--size-neg-unit);--semantic-message-border-offset-info: var(--size-neg-unit);--semantic-message-border-offset-success: var(--size-neg-unit);--semantic-message-border-offset-warning: var(--size-neg-unit);--semantic-message-border-width-default: var(--size-pos-unit);--semantic-message-border-width-error: var(--size-pos-unit);--semantic-message-border-width-info: var(--size-pos-unit);--semantic-message-border-width-success: var(--size-pos-unit);--semantic-message-border-width-warning: var(--size-pos-unit);--semantic-message-gap: var(--size-pos-xxsmall);--semantic-message-padding-anchored-bottom: var(--size-pos-small);--semantic-message-padding-anchored-left: var(--size-null);--semantic-message-padding-anchored-right: var(--size-pos-xsmall);--semantic-message-padding-anchored-top: var(--size-pos-small);--semantic-message-padding-anchored-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-anchored-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-top: var(--size-pos-xsmall);--semantic-message-padding-default-bottom: var(--size-pos-xxsmall);--semantic-message-padding-default-left: var(--size-null);--semantic-message-padding-default-right: var(--size-pos-xxsmall);--semantic-message-padding-default-top: var(--size-pos-xxsmall);--semantic-message-padding-max-width: 400px;--semantic-message-padding-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-top: var(--size-pos-xsmall);--semantic-message-radius: var(--border-radius-xlarge)}:root[data-theme=sketch]{--semantic-message-background-color-default: var(--sketch-color-background-primary);--semantic-message-background-color-error-accent: color(srgb 0 0 0 / .18823529411764706);--semantic-message-background-color-error-default: var(--sketch-color-background-error);--semantic-message-background-color-info-accent: color(srgb 0 0 0 / .18823529411764706);--semantic-message-background-color-info-default: var(--sketch-color-background-info);--semantic-message-background-color-success-accent: color(srgb 0 0 0 / .18823529411764706);--semantic-message-background-color-success-default: var(--sketch-color-background-success);--semantic-message-background-color-warning-accent: color(srgb 0 0 0 / .18823529411764706);--semantic-message-background-color-warning-default: var(--sketch-color-background-warning);--semantic-message-border-color-default: var(--sketch-color-border-secondary);--semantic-message-border-color-error: var(--sketch-color-accent-error);--semantic-message-border-color-info: var(--sketch-color-accent-info);--semantic-message-border-color-success: var(--sketch-color-accent-success);--semantic-message-border-color-warning: var(--sketch-color-accent-warning);--semantic-message-border-offset-default: var(--size-neg-unit);--semantic-message-border-offset-error: var(--size-neg-unit);--semantic-message-border-offset-info: var(--size-neg-unit);--semantic-message-border-offset-success: var(--size-neg-unit);--semantic-message-border-offset-warning: var(--size-neg-unit);--semantic-message-border-width-default: var(--size-pos-unit);--semantic-message-border-width-error: var(--size-pos-unit);--semantic-message-border-width-info: var(--size-pos-unit);--semantic-message-border-width-success: var(--size-pos-unit);--semantic-message-border-width-warning: var(--size-pos-unit);--semantic-message-gap: var(--size-pos-xxsmall);--semantic-message-padding-anchored-bottom: var(--size-pos-small);--semantic-message-padding-anchored-left: var(--size-null);--semantic-message-padding-anchored-right: var(--size-pos-xsmall);--semantic-message-padding-anchored-top: var(--size-pos-small);--semantic-message-padding-anchored-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-anchored-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-top: var(--size-pos-xsmall);--semantic-message-padding-default-bottom: var(--size-pos-xxsmall);--semantic-message-padding-default-left: var(--size-null);--semantic-message-padding-default-right: var(--size-pos-xsmall);--semantic-message-padding-default-top: var(--size-pos-xxsmall);--semantic-message-padding-max-width: 400px;--semantic-message-padding-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-top: var(--size-pos-xsmall);--semantic-message-radius: var(--border-radius-xlarge)}:root[data-theme=figma]{--semantic-message-background-color-default: var(--figma-color-bg);--semantic-message-background-color-error-accent: color(srgb 0 0 0 / .18823529411764706);--semantic-message-background-color-error-default: var(--figma-color-bg-danger-tertiary);--semantic-message-background-color-info-accent: color(srgb 0 0 0 / .18823529411764706);--semantic-message-background-color-info-default: var(--figma-color-bg-brand-tertiary);--semantic-message-background-color-success-accent: color(srgb 0 0 0 / .18823529411764706);--semantic-message-background-color-success-default: var(--figma-color-bg-success-tertiary);--semantic-message-background-color-warning-accent: color(srgb 0 0 0 / .18823529411764706);--semantic-message-background-color-warning-default: var(--figma-color-bg-warning-tertiary);--semantic-message-border-color-default: transparent;--semantic-message-border-color-error: transparent;--semantic-message-border-color-info: transparent;--semantic-message-border-color-success: transparent;--semantic-message-border-color-warning: transparent;--semantic-message-border-offset-default: var(--size-null);--semantic-message-border-offset-error: var(--size-null);--semantic-message-border-offset-info: var(--size-null);--semantic-message-border-offset-success: var(--size-null);--semantic-message-border-offset-warning: var(--size-null);--semantic-message-border-width-default: var(--size-null);--semantic-message-border-width-error: var(--size-null);--semantic-message-border-width-info: var(--size-null);--semantic-message-border-width-success: var(--size-null);--semantic-message-border-width-warning: var(--size-null);--semantic-message-gap: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-bottom: var(--size-pos-small);--semantic-message-padding-anchored-left: var(--size-null);--semantic-message-padding-anchored-right: var(--size-pos-xsmall);--semantic-message-padding-anchored-top: var(--size-pos-small);--semantic-message-padding-anchored-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-anchored-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-top: var(--size-pos-xsmall);--semantic-message-padding-default-bottom: var(--size-pos-xxsmall);--semantic-message-padding-default-left: var(--size-null);--semantic-message-padding-default-right: var(--size-pos-xsmall);--semantic-message-padding-default-top: var(--size-pos-xxsmall);--semantic-message-padding-max-width: 400px;--semantic-message-padding-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-top: var(--size-pos-xsmall);--semantic-message-radius: var(--border-radius-xlarge)}:root[data-theme=framer]{--semantic-message-background-color-default: var(--framer-color-bg);--semantic-message-background-color-error-accent: color(srgb 0 0 0 / .18823529411764706);--semantic-message-background-color-error-default: var(--framer-color-destructive-dimmed);--semantic-message-background-color-info-accent: color(srgb 0 0 0 / .18823529411764706);--semantic-message-background-color-info-default: var(--framer-color-tint-dimmed);--semantic-message-background-color-success-accent: color(srgb 0 0 0 / .18823529411764706);--semantic-message-background-color-success-default: var(--framer-color-success-dimmed);--semantic-message-background-color-warning-accent: color(srgb 0 0 0 / .18823529411764706);--semantic-message-background-color-warning-default: var(--framer-color-warning-dimmed);--semantic-message-border-color-default: transparent;--semantic-message-border-color-error: transparent;--semantic-message-border-color-info: transparent;--semantic-message-border-color-success: transparent;--semantic-message-border-color-warning: transparent;--semantic-message-border-offset-default: var(--size-null);--semantic-message-border-offset-error: var(--size-null);--semantic-message-border-offset-info: var(--size-null);--semantic-message-border-offset-success: var(--size-null);--semantic-message-border-offset-warning: var(--size-null);--semantic-message-border-width-default: var(--size-null);--semantic-message-border-width-error: var(--size-null);--semantic-message-border-width-info: var(--size-null);--semantic-message-border-width-success: var(--size-null);--semantic-message-border-width-warning: var(--size-null);--semantic-message-gap: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-bottom: var(--size-pos-small);--semantic-message-padding-anchored-left: var(--size-null);--semantic-message-padding-anchored-right: var(--size-pos-xsmall);--semantic-message-padding-anchored-top: var(--size-pos-small);--semantic-message-padding-anchored-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-anchored-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-top: var(--size-pos-xsmall);--semantic-message-padding-default-bottom: var(--size-pos-xxsmall);--semantic-message-padding-default-left: var(--size-null);--semantic-message-padding-default-right: var(--size-pos-xsmall);--semantic-message-padding-default-top: var(--size-pos-xxsmall);--semantic-message-padding-max-width: 400px;--semantic-message-padding-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-top: var(--size-pos-xsmall);--semantic-message-radius: var(--border-radius-xlarge)}.semantic-message{display:flex;justify-content:space-between;gap:var(--semantic-message-gap);outline:var(--semantic-message-border-width) solid var(--semantic-message-border-color);outline-offset:var(--semantic-message-border-offset);border-radius:var(--semantic-message-radius);background-color:var(--semantic-message-background-color);padding:var(--semantic-message-padding);max-width:var(--semantic-message-max-width)}.semantic-message{--semantic-message-padding: var(--semantic-message-padding-default-top) var(--semantic-message-padding-default-right) var(--semantic-message-padding-default-bottom) var(--semantic-message-padding-default-left)}.semantic-message--info{--semantic-message-background-color: var( --semantic-message-background-color-info-default );--semantic-message-border-width: var(--semantic-message-border-width-info);--semantic-message-border-color: var(--semantic-message-border-color-info);--semantic-message-border-offset: var( --semantic-message-border-offset-info );--button-secondary-background-color-default: var( --semantic-message-background-color-info-default );--button-secondary-background-color-hover: var( --semantic-message-background-color-info-accent );--button-secondary-border-color-default: var( --semantic-message-background-color-info-accent );--button-secondary-border-color-hover: var( --semantic-message-background-color-info-accent );--icon-button-default-background-color-default: var( --semantic-message-background-color-info-default );--icon-button-default-background-color-hover: var( --semantic-message-background-color-info-accent )}.semantic-message--error{--semantic-message-background-color: var( --semantic-message-background-color-error-default );--semantic-message-border-width: var(--semantic-message-border-width-error);--semantic-message-border-color: var(--semantic-message-border-color-error);--semantic-message-border-offset: var( --semantic-message-border-offset-error );--button-secondary-background-color-default: var( --semantic-message-background-color-error-default );--button-secondary-background-color-hover: var( --semantic-message-background-color-error-accent );--button-secondary-border-color-default: var( --semantic-message-background-color-error-accent );--button-secondary-border-color-hover: var( --semantic-message-background-color-error-accent );--icon-button-default-background-color-default: var( --semantic-message-background-color-error-default );--icon-button-default-background-color-hover: var( --semantic-message-background-color-error-accent )}.semantic-message--success{--semantic-message-background-color: var( --semantic-message-background-color-success-default );--semantic-message-border-width: var( --semantic-message-border-width-success );--semantic-message-border-color: var( --semantic-message-border-color-success );--semantic-message-border-offset: var( --semantic-message-border-offset-success );--button-secondary-background-color-default: var( --semantic-message-background-color-success-default );--button-secondary-background-color-hover: var( --semantic-message-background-color-success-accent );--button-secondary-border-color-default: var( --semantic-message-background-color-success-accent );--button-secondary-border-color-hover: var( --semantic-message-background-color-success-accent );--icon-button-default-background-color-default: var( --semantic-message-background-color-success-default );--icon-button-default-background-color-hover: var( --semantic-message-background-color-success-accent )}.semantic-message--warning{--semantic-message-background-color: var( --semantic-message-background-color-warning-default );--semantic-message-border-width: var( --semantic-message-border-width-warning );--semantic-message-border-color: var( --semantic-message-border-color-warning );--semantic-message-border-offset: var( --semantic-message-border-offset-warning );--button-secondary-background-color-default: var( --semantic-message-background-color-warning-default );--button-secondary-background-color-hover: var( --semantic-message-background-color-warning-accent );--button-secondary-border-color-default: var( --semantic-message-background-color-warning-accent );--button-secondary-border-color-hover: var( --semantic-message-background-color-warning-accent );--icon-button-default-background-color-default: var( --semantic-message-background-color-warning-default );--icon-button-default-background-color-hover: var( --semantic-message-background-color-warning-accent )}.semantic-message--anchored{border-radius:0;--semantic-message-padding: var(--semantic-message-padding-anchored-top) var(--semantic-message-padding-anchored-right) var(--semantic-message-padding-anchored-bottom) var(--semantic-message-padding-anchored-left)}.semantic-message--anchored.semantic-message--vertical{--semantic-message-padding: var( --semantic-message-padding-anchored-vertical-top ) var(--semantic-message-padding-anchored-vertical-right) var(--semantic-message-padding-anchored-vertical-bottom) var(--semantic-message-padding-anchored-vertical-left)}.semantic-message--vertical{flex-direction:column;align-items:center;--semantic-message-padding: var(--semantic-message-padding-vertical-top) var(--semantic-message-padding-vertical-right) var(--semantic-message-padding-vertical-bottom) var(--semantic-message-padding-vertical-left)}.semantic-message__body{display:flex;flex:1;justify-content:start;align-items:center}

package/dist/assets/SimpleItem.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--simple-item-background-color-default: var(--penpot-color-background-primary);--simple-item-background-color-focus: var(--penpot-color-accent-primary-muted);--simple-item-background-color-hover: var(--penpot-color-background-tertiary);--simple-item-border-color-default: transparent;--simple-item-border-color-focus: var(--penpot-color-accent-primary);--simple-item-border-offset-default: var(--size-null);--simple-item-border-offset-focus: var(--size-neg-unit);--simple-item-border-radius: var(--border-radius-small);--simple-item-border-width-default: var(--size-null);--simple-item-border-width-focus: var(--size-pos-unit);--simple-item-compact-min-width: 112px;--simple-item-compact-width: 112px;--simple-item-gap: var(--size-pos-xxsmall);--simple-item-min-height: var(--size-pos-medium);--simple-item-padding-bottom: var(--size-pos-xunit);--simple-item-padding-left: var(--size-pos-xsmall);--simple-item-padding-right: var(--size-pos-xsmall);--simple-item-padding-top: var(--size-pos-xunit);--simple-item-square-min-width: var(--size-pos-medium);--simple-item-square-width: var(--size-pos-medium)}:root[data-theme=sketch]{--simple-item-background-color-default: var(--sketch-color-background-primary);--simple-item-background-color-focus: var(--sketch-color-accent-disabled);--simple-item-background-color-hover: var(--sketch-color-background-secondary);--simple-item-border-color-default: transparent;--simple-item-border-color-focus: var(--sketch-color-accent-primary);--simple-item-border-offset-default: var(--size-null);--simple-item-border-offset-focus: var(--size-neg-unit);--simple-item-border-radius: var(--border-radius-small);--simple-item-border-width-default: var(--size-null);--simple-item-border-width-focus: var(--size-pos-unit);--simple-item-compact-min-width: 112px;--simple-item-compact-width: 112px;--simple-item-gap: var(--size-pos-xxsmall);--simple-item-min-height: var(--size-pos-medium);--simple-item-padding-bottom: var(--size-pos-xunit);--simple-item-padding-left: var(--size-pos-xsmall);--simple-item-padding-right: var(--size-pos-xsmall);--simple-item-padding-top: var(--size-pos-xunit);--simple-item-square-min-width: var(--size-pos-medium);--simple-item-square-width: var(--size-pos-medium)}:root[data-theme=figma]{--simple-item-background-color-default: var(--figma-color-bg);--simple-item-background-color-focus: var(--figma-color-bg-selected);--simple-item-background-color-hover: var(--figma-color-bg-hover);--simple-item-border-color-default: transparent;--simple-item-border-color-focus: var(--figma-color-border-selected);--simple-item-border-offset-default: var(--size-null);--simple-item-border-offset-focus: var(--size-neg-unit);--simple-item-border-radius: var(--border-radius-small);--simple-item-border-width-default: var(--size-null);--simple-item-border-width-focus: var(--size-pos-unit);--simple-item-compact-min-width: 112px;--simple-item-compact-width: 112px;--simple-item-gap: var(--size-pos-xxsmall);--simple-item-min-height: var(--size-pos-medium);--simple-item-padding-bottom: var(--size-pos-xunit);--simple-item-padding-left: var(--size-pos-xsmall);--simple-item-padding-right: var(--size-pos-xsmall);--simple-item-padding-top: var(--size-pos-xunit);--simple-item-square-min-width: var(--size-pos-medium);--simple-item-square-width: var(--size-pos-medium)}:root[data-theme=framer]{--simple-item-background-color-default: var(--framer-color-bg);--simple-item-background-color-focus: var(--framer-color-tint-dimmed);--simple-item-background-color-hover: var(--framer-color-bg-secondary);--simple-item-border-color-default: transparent;--simple-item-border-color-focus: var(--framer-color-tint);--simple-item-border-offset-default: var(--size-null);--simple-item-border-offset-focus: var(--size-neg-unit);--simple-item-border-radius: var(--border-radius-small);--simple-item-border-width-default: var(--size-null);--simple-item-border-width-focus: var(--size-pos-unit);--simple-item-compact-min-width: 112px;--simple-item-compact-width: 112px;--simple-item-gap: var(--size-pos-xxsmall);--simple-item-min-height: var(--size-pos-medium);--simple-item-padding-bottom: var(--size-pos-xunit);--simple-item-padding-left: var(--size-pos-xsmall);--simple-item-padding-right: var(--size-pos-xsmall);--simple-item-padding-top: var(--size-pos-xunit);--simple-item-square-min-width: var(--size-pos-medium);--simple-item-square-width: var(--size-pos-medium)}.simple-item{display:flex;justify-content:space-between;align-items:start;gap:var(--simple-item-gap);box-sizing:content-box;outline:var(--simple-item-border-width) solid var(--simple-item-border-color);outline-offset:var(--simple-item-border-offset);background-color:var(--simple-item-background-color);padding:var(--simple-item-padding-top) var(--simple-item-padding-right) var(--simple-item-padding-bottom) var(--simple-item-padding-left);min-height:var(--simple-item-min-height)}.simple-item{--simple-item-background-color: var(--simple-item-background-color-default);--simple-item-border-width: var(--simple-item-border-width-default);--simple-item-border-offset: var(--simple-item-border-offset-default);--simple-item-border-color: var(--simple-item-border-color-default)}.simple-item--centered{align-items:center}.simple-item--baseline{align-items:baseline}.simple-item--interactive:hover{--simple-item-background-color: var(--simple-item-background-color-hover)}.simple-item--interactive:focus{--simple-item-background-color: var(--simple-item-background-color-focus);--simple-item-border-width: var(--simple-item-border-width-focus);--simple-item-border-offset: var(--simple-item-border-offset-focus);--simple-item-border-color: var(--simple-item-border-color-focus)}.simple-item--transparent{--simple-item-background-color: transparent}.simple-item .simple-item__left,.simple-item .simple-item__right{display:flex;max-width:100%}.simple-item .simple-item__left{flex:1}.simple-item .simple-item__param{max-width:100%}.simple-item .simple-item__param--compact{width:var(--simple-item-width-compact);min-width:var(--simple-item-min-width-compact)}.simple-item .simple-item__param--square{display:flex;justify-content:center;align-items:center;width:var(--simple-item-width-square);min-width:var(--simple-item-min-width-square)}.simple-item .simple-item__param--fill{flex:1}

package/dist/assets/SimpleSlider.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--simple-slider-border-color: var(--penpot-color-background-quaternary);--simple-slider-border-width: var(--size-pos-unit);--simple-slider-height: var(--size-pos-xmsmall);--simple-slider-margin-bottom: var(--size-null);--simple-slider-margin-left: var(--size-null);--simple-slider-margin-right: var(--size-null);--simple-slider-margin-top: var(--size-pos-small);--simple-slider-padding-bottom: var(--size-null);--simple-slider-padding-left: var(--size-pos-medium);--simple-slider-padding-right: var(--size-pos-medium);--simple-slider-padding-top: var(--size-null);--simple-slider-radius: var(--border-radius-large);--simple-slider-status-gap: var(--size-pos-xxsmall);--simple-slider-status-height: var(--size-pos-xmsmall);--simple-slider-status-margin-bottom: var(--size-null);--simple-slider-status-margin-left: var(--size-pos-xxsmall);--simple-slider-status-margin-right: var(--size-null);--simple-slider-status-margin-top: var(--size-null)}:root[data-theme=sketch]{--simple-slider-border-color: var(--sketch-color-border-primary);--simple-slider-border-width: var(--size-pos-unit);--simple-slider-height: var(--size-pos-xmsmall);--simple-slider-margin-bottom: var(--size-null);--simple-slider-margin-left: var(--size-null);--simple-slider-margin-right: var(--size-null);--simple-slider-margin-top: var(--size-pos-small);--simple-slider-padding-bottom: var(--size-null);--simple-slider-padding-left: var(--size-pos-medium);--simple-slider-padding-right: var(--size-pos-medium);--simple-slider-padding-top: var(--size-null);--simple-slider-radius: var(--border-radius-large);--simple-slider-status-gap: var(--size-pos-xxsmall);--simple-slider-status-height: var(--size-pos-xmsmall);--simple-slider-status-margin-bottom: var(--size-null);--simple-slider-status-margin-left: var(--size-pos-xxsmall);--simple-slider-status-margin-right: var(--size-null);--simple-slider-status-margin-top: var(--size-null)}:root[data-theme=figma]{--simple-slider-border-color: var(--figma-color-border-disabled-strong);--simple-slider-border-width: var(--size-pos-unit);--simple-slider-height: var(--size-pos-xsmall);--simple-slider-margin-bottom: var(--size-null);--simple-slider-margin-left: var(--size-null);--simple-slider-margin-right: var(--size-null);--simple-slider-margin-top: var(--size-pos-small);--simple-slider-padding-bottom: var(--size-null);--simple-slider-padding-left: var(--size-pos-medium);--simple-slider-padding-right: var(--size-pos-medium);--simple-slider-padding-top: var(--size-null);--simple-slider-radius: var(--border-radius-small);--simple-slider-status-gap: var(--size-pos-xxsmall);--simple-slider-status-height: var(--size-pos-xsmall);--simple-slider-status-margin-bottom: var(--size-null);--simple-slider-status-margin-left: var(--size-pos-xxsmall);--simple-slider-status-margin-right: var(--size-null);--simple-slider-status-margin-top: var(--size-null)}:root[data-theme=framer]{--simple-slider-border-color: var(--framer-color-divider);--simple-slider-border-width: var(--size-pos-unit);--simple-slider-height: var(--size-pos-xmsmall);--simple-slider-margin-bottom: var(--size-null);--simple-slider-margin-left: var(--size-null);--simple-slider-margin-right: var(--size-null);--simple-slider-margin-top: var(--size-pos-small);--simple-slider-padding-bottom: var(--size-null);--simple-slider-padding-left: var(--size-pos-medium);--simple-slider-padding-right: var(--size-pos-medium);--simple-slider-padding-top: var(--size-null);--simple-slider-radius: var(--border-radius-large);--simple-slider-status-gap: var(--size-pos-xxsmall);--simple-slider-status-height: var(--size-pos-xmsmall);--simple-slider-status-margin-bottom: var(--size-null);--simple-slider-status-margin-left: var(--size-pos-xxsmall);--simple-slider-status-margin-right: var(--size-null);--simple-slider-status-margin-top: var(--size-null)}.simple-slider{display:flex;position:relative;align-items:center;margin:var(--simple-slider-margin-top) var(--simple-slider-margin-right) var(--simple-slider-margin-bottom) var(--simple-slider-margin-left);padding:var(--simple-slider-padding-top) var(--simple-slider-padding-right) var(--simple-slider-padding-bottom) var(--simple-slider-padding-left)}.simple-slider__range{position:relative;flex:1 1 auto;box-shadow:inset 0 0 0 var(--simple-slider-border-width) var(--simple-slider-border-color);border-radius:var(--simple-slider-radius);height:var(--simple-slider-height)}.simple-slider__status{display:flex;align-items:center;gap:var(--simple-slider-status-gap);margin:var(--simple-slider-status-margin-top) var(--simple-slider-status-margin-right) var(--simple-slider-status-margin-bottom) var(--simple-slider-status-margin-left);height:var(--simple-slider-status-height)}

package/dist/assets/SortableList.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--sortable-list-border-color: var(--penpot-color-background-quaternary);--sortable-list-border-width: var(--size-pos-unit);--sortable-list-padding-bottom: var(--size-pos-unit);--sortable-list-padding-left: var(--size-null);--sortable-list-padding-right: var(--size-null);--sortable-list-padding-top: var(--size-pos-unit)}:root[data-theme=sketch]{--sortable-list-border-color: var(--sketch-color-border-primary);--sortable-list-border-width: var(--size-pos-unit);--sortable-list-padding-bottom: var(--size-pos-unit);--sortable-list-padding-left: var(--size-null);--sortable-list-padding-right: var(--size-null);--sortable-list-padding-top: var(--size-pos-unit)}:root[data-theme=figma]{--sortable-list-border-color: var(--figma-color-border);--sortable-list-border-width: var(--size-pos-unit);--sortable-list-padding-bottom: var(--size-pos-unit);--sortable-list-padding-left: var(--size-null);--sortable-list-padding-right: var(--size-null);--sortable-list-padding-top: var(--size-pos-unit)}:root[data-theme=framer]{--sortable-list-border-color: var(--framer-color-divider);--sortable-list-border-width: var(--size-pos-unit);--sortable-list-padding-bottom: var(--size-pos-unit);--sortable-list-padding-left: var(--size-null);--sortable-list-padding-right: var(--size-null);--sortable-list-padding-top: var(--size-pos-unit)}.sortable-list{margin:0;padding:0;list-style-type:none}.sortable-list--scrollable{padding:var(--sortable-list-padding-top) var(--sortable-list-padding-right) var(--sortable-list-padding-bottom) var(--sortable-list-padding-left);height:100%;overflow:hidden auto}.sortable-list--top-border{border-top:var(--sortable-list-border-width) solid var(--sortable-list-border-color)}

package/dist/assets/Tabs.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--tabs-background-color-default: var(--penpot-color-background-secondary);--tabs-background-color-vertical: var(--penpot-color-background-primary);--tabs-gap-default: var(--size-null);--tabs-gap-vertical: var(--size-null);--tabs-padding-default-bottom: var(--size-pos-xunit);--tabs-padding-default-left: var(--size-pos-xunit);--tabs-padding-default-right: var(--size-pos-xunit);--tabs-padding-default-top: var(--size-pos-xunit);--tabs-padding-vertical-bottom: var(--size-null);--tabs-padding-vertical-left: var(--size-null);--tabs-padding-vertical-right: var(--size-null);--tabs-padding-vertical-top: var(--size-null);--tabs-radius-default: var(--border-radius-xlarge);--tabs-radius-vertical: var(--size-null);--tabs-tab-background-color-active: var(--penpot-color-background-quaternary);--tabs-tab-background-color-alternative: var(--penpot-color-background-primary);--tabs-tab-background-color-alternative-active: var(--penpot-color-background-quaternary);--tabs-tab-background-color-alternative-focus: var(--penpot-color-background-tertiary);--tabs-tab-background-color-alternative-hover: var(--penpot-color-background-secondary);--tabs-tab-background-color-default: var(--penpot-color-background-secondary);--tabs-tab-background-color-focus: var(--penpot-color-background-tertiary);--tabs-tab-background-color-hover: var(--penpot-color-background-secondary);--tabs-tab-border-color-active: transparent;--tabs-tab-border-color-alternative-focus: var(--penpot-color-accent-primary);--tabs-tab-border-color-alternative-hover: transparent;--tabs-tab-border-color-default: transparent;--tabs-tab-border-color-focus: var(--penpot-color-accent-primary);--tabs-tab-border-color-hover: transparent;--tabs-tab-border-offset-active: var(--size-null);--tabs-tab-border-offset-alternative-focus: var(--size-neg-unit);--tabs-tab-border-offset-alternative-hover: var(--size-null);--tabs-tab-border-offset-default: var(--size-null);--tabs-tab-border-offset-focus: var(--size-neg-unit);--tabs-tab-border-offset-hover: var(--size-null);--tabs-tab-border-width-active: var(--size-null);--tabs-tab-border-width-alternative-focus: var(--size-pos-unit);--tabs-tab-border-width-alternative-hover: var(--size-null);--tabs-tab-border-width-default: var(--size-null);--tabs-tab-border-width-focus: var(--size-pos-unit);--tabs-tab-border-width-hover: var(--size-null);--tabs-tab-gap-alternative: var(--size-pos-xxsmall);--tabs-tab-gap-default: var(--size-pos-xxsmall);--tabs-tab-height-alternative: var(--size-pos-medium);--tabs-tab-height-default: var(--size-pos-medium);--tabs-tab-icon-color-active: var(--penpot-color-accent-primary);--tabs-tab-icon-color-alternative: var(--penpot-color-foreground-secondary);--tabs-tab-icon-color-alternative-active: var(--penpot-color-accent-primary);--tabs-tab-icon-color-alternative-focus: var(--penpot-color-foreground-primary);--tabs-tab-icon-color-alternative-hover: var(--penpot-color-foreground-primary);--tabs-tab-icon-color-default: var(--penpot-color-foreground-secondary);--tabs-tab-icon-color-focus: var(--penpot-color-foreground-primary);--tabs-tab-icon-color-hover: var(--penpot-color-foreground-primary);--tabs-tab-icon-height-alternative: var(--size-pos-xsmall);--tabs-tab-icon-height-default: var(--size-pos-xsmall);--tabs-tab-icon-width-alternative: var(--size-pos-xsmall);--tabs-tab-icon-width-default: var(--size-pos-xsmall);--tabs-tab-notification-background-color: var(--penpot-color-accent-primary);--tabs-tab-notification-border-color-active: var(--penpot-color-background-quaternary);--tabs-tab-notification-border-color-alternative-active: var(--penpot-color-background-quaternary);--tabs-tab-notification-border-color-alternative-focus: var(--penpot-color-background-secondary);--tabs-tab-notification-border-color-alternative-hover: var(--penpot-color-background-secondary);--tabs-tab-notification-border-color-default: var(--penpot-color-background-secondary);--tabs-tab-notification-border-color-focus: var(--penpot-color-background-secondary);--tabs-tab-notification-border-color-hover: var(--penpot-color-background-secondary);--tabs-tab-notification-border-offset: var(--size-null);--tabs-tab-notification-border-width: var(--size-pos-xunit);--tabs-tab-notification-height: var(--size-pos-xxsmall);--tabs-tab-notification-inset-bottom: auto;--tabs-tab-notification-inset-left: auto;--tabs-tab-notification-inset-right: var(--size-pos-xxxsmall);--tabs-tab-notification-inset-top: var(--size-pos-xxxsmall);--tabs-tab-notification-radius: var(--border-radius-full);--tabs-tab-notification-width: var(--size-pos-xxsmall);--tabs-tab-padding-alternative-bottom: var(--size-null);--tabs-tab-padding-alternative-left: var(--size-pos-xmsmall);--tabs-tab-padding-alternative-right: var(--size-pos-xmsmall);--tabs-tab-padding-alternative-top: var(--size-null);--tabs-tab-padding-alternative-with-icon-bottom: var(--size-null);--tabs-tab-padding-alternative-with-icon-left: var(--size-pos-xmsmall);--tabs-tab-padding-alternative-with-icon-right: var(--size-pos-xmsmall);--tabs-tab-padding-alternative-with-icon-top: var(--size-null);--tabs-tab-padding-default-bottom: var(--size-null);--tabs-tab-padding-default-left: var(--size-pos-xmsmall);--tabs-tab-padding-default-right: var(--size-pos-xmsmall);--tabs-tab-padding-default-top: var(--size-null);--tabs-tab-padding-with-icon-bottom: var(--size-null);--tabs-tab-padding-with-icon-left: var(--size-pos-xmsmall);--tabs-tab-padding-with-icon-right: var(--size-pos-xmsmall);--tabs-tab-padding-with-icon-top: var(--size-null);--tabs-tab-radius-alternative: var(--size-null);--tabs-tab-radius-default: var(--border-radius-xlarge);--tabs-tab-text-color-active: var(--penpot-color-accent-primary);--tabs-tab-text-color-alternative: var(--penpot-color-foreground-secondary);--tabs-tab-text-color-alternative-active: var(--penpot-color-accent-primary);--tabs-tab-text-color-alternative-focus: var(--penpot-color-foreground-primary);--tabs-tab-text-color-alternative-hover: var(--penpot-color-foreground-primary);--tabs-tab-text-color-default: var(--penpot-color-foreground-secondary);--tabs-tab-text-color-focus: var(--penpot-color-foreground-primary);--tabs-tab-text-color-hover: var(--penpot-color-foreground-primary);--tabs-tab-text-size-alternative: var(--font-size-small);--tabs-tab-text-size-default: var(--font-size-small);--tabs-tab-text-transform-alternative: uppercase;--tabs-tab-text-transform-default: uppercase;--tabs-tab-text-weight-active: var(--font-weight-medium);--tabs-tab-text-weight-alternative: var(--font-weight-medium);--tabs-tab-text-weight-alternative-active: var(--font-weight-medium);--tabs-tab-text-weight-alternative-focus: var(--font-weight-medium);--tabs-tab-text-weight-alternative-hover: var(--font-weight-medium);--tabs-tab-text-weight-default: var(--font-weight-medium);--tabs-tab-text-weight-focus: var(--font-weight-medium);--tabs-tab-text-weight-hover: var(--font-weight-medium)}:root[data-theme=sketch]{--tabs-background-color-default: var(--sketch-color-background-primary);--tabs-background-color-vertical: var(--sketch-color-background-primary);--tabs-gap-default: var(--size-pos-xxxsmall);--tabs-gap-vertical: var(--size-null);--tabs-padding-default-bottom: var(--size-null);--tabs-padding-default-left: var(--size-null);--tabs-padding-default-right: var(--size-null);--tabs-padding-default-top: var(--size-null);--tabs-padding-vertical-bottom: var(--size-pos-xxsmall);--tabs-padding-vertical-left: var(--size-pos-xxsmall);--tabs-padding-vertical-right: var(--size-pos-xxsmall);--tabs-padding-vertical-top: var(--size-pos-xxsmall);--tabs-radius-default: var(--border-radius-null);--tabs-radius-vertical: var(--size-null);--tabs-tab-background-color-active: var(--sketch-color-accent-disabled);--tabs-tab-background-color-alternative: var(--sketch-color-background-primary);--tabs-tab-background-color-alternative-active: var(--sketch-color-accent-disabled);--tabs-tab-background-color-alternative-focus: var(--sketch-color-accent-disabled);--tabs-tab-background-color-alternative-hover: var(--sketch-color-background-secondary);--tabs-tab-background-color-default: var(--sketch-color-background-primary);--tabs-tab-background-color-focus: var(--sketch-color-accent-disabled);--tabs-tab-background-color-hover: var(--sketch-color-background-secondary);--tabs-tab-border-color-active: transparent;--tabs-tab-border-color-alternative-focus: var(--sketch-color-accent-primary);--tabs-tab-border-color-alternative-hover: transparent;--tabs-tab-border-color-default: transparent;--tabs-tab-border-color-focus: var(--sketch-color-accent-primary);--tabs-tab-border-color-hover: transparent;--tabs-tab-border-offset-active: var(--size-null);--tabs-tab-border-offset-alternative-focus: var(--size-neg-unit);--tabs-tab-border-offset-alternative-hover: var(--size-null);--tabs-tab-border-offset-default: var(--size-null);--tabs-tab-border-offset-focus: var(--size-neg-unit);--tabs-tab-border-offset-hover: var(--size-null);--tabs-tab-border-width-active: var(--size-null);--tabs-tab-border-width-alternative-focus: var(--size-pos-unit);--tabs-tab-border-width-alternative-hover: var(--size-null);--tabs-tab-border-width-default: var(--size-null);--tabs-tab-border-width-focus: var(--size-pos-unit);--tabs-tab-border-width-hover: var(--size-null);--tabs-tab-gap-alternative: var(--size-pos-xunit);--tabs-tab-gap-default: var(--size-pos-xunit);--tabs-tab-height-alternative: var(--size-pos-medium);--tabs-tab-height-default: var(--size-pos-medium);--tabs-tab-icon-color-active: var(--sketch-color-accent-primary);--tabs-tab-icon-color-alternative: var(--sketch-color-foreground-secondary);--tabs-tab-icon-color-alternative-active: var(--sketch-color-accent-primary);--tabs-tab-icon-color-alternative-focus: var(--sketch-color-foreground-primary);--tabs-tab-icon-color-alternative-hover: var(--sketch-color-foreground-primary);--tabs-tab-icon-color-default: var(--sketch-color-foreground-secondary);--tabs-tab-icon-color-focus: var(--sketch-color-foreground-primary);--tabs-tab-icon-color-hover: var(--sketch-color-foreground-primary);--tabs-tab-icon-height-alternative: var(--size-pos-small);--tabs-tab-icon-height-default: var(--size-pos-small);--tabs-tab-icon-width-alternative: var(--size-pos-small);--tabs-tab-icon-width-default: var(--size-pos-small);--tabs-tab-notification-background-color: var(--sketch-color-accent-primary);--tabs-tab-notification-border-color-active: var(--sketch-color-accent-disabled);--tabs-tab-notification-border-color-alternative-active: var(--sketch-color-accent-disabled);--tabs-tab-notification-border-color-alternative-focus: var(--sketch-color-accent-disabled);--tabs-tab-notification-border-color-alternative-hover: var(--sketch-color-background-secondary);--tabs-tab-notification-border-color-default: var(--sketch-color-background-primary);--tabs-tab-notification-border-color-focus: var(--sketch-color-accent-disabled);--tabs-tab-notification-border-color-hover: var(--sketch-color-background-secondary);--tabs-tab-notification-border-offset: var(--size-null);--tabs-tab-notification-border-width: var(--size-pos-xunit);--tabs-tab-notification-height: var(--size-pos-xxxsmall);--tabs-tab-notification-inset-bottom: auto;--tabs-tab-notification-inset-left: auto;--tabs-tab-notification-inset-right: var(--size-pos-xxxsmall);--tabs-tab-notification-inset-top: var(--size-pos-xxxsmall);--tabs-tab-notification-radius: var(--border-radius-full);--tabs-tab-notification-width: var(--size-pos-xxxsmall);--tabs-tab-padding-alternative-bottom: var(--size-null);--tabs-tab-padding-alternative-left: var(--size-pos-xmsmall);--tabs-tab-padding-alternative-right: var(--size-pos-xmsmall);--tabs-tab-padding-alternative-top: var(--size-null);--tabs-tab-padding-alternative-with-icon-bottom: var(--size-null);--tabs-tab-padding-alternative-with-icon-left: var(--size-pos-xxxsmall);--tabs-tab-padding-alternative-with-icon-right: var(--size-pos-xmsmall);--tabs-tab-padding-alternative-with-icon-top: var(--size-null);--tabs-tab-padding-default-bottom: var(--size-null);--tabs-tab-padding-default-left: var(--size-pos-xmsmall);--tabs-tab-padding-default-right: var(--size-pos-xmsmall);--tabs-tab-padding-default-top: var(--size-null);--tabs-tab-padding-with-icon-bottom: var(--size-null);--tabs-tab-padding-with-icon-left: var(--size-pos-xxxsmall);--tabs-tab-padding-with-icon-right: var(--size-pos-xmsmall);--tabs-tab-padding-with-icon-top: var(--size-null);--tabs-tab-radius-alternative: var(--border-radius-large);--tabs-tab-radius-default: var(--border-radius-large);--tabs-tab-text-color-active: var(--sketch-color-accent-primary);--tabs-tab-text-color-alternative: var(--sketch-color-foreground-secondary);--tabs-tab-text-color-alternative-active: var(--sketch-color-accent-primary);--tabs-tab-text-color-alternative-focus: var(--sketch-color-foreground-primary);--tabs-tab-text-color-alternative-hover: var(--sketch-color-foreground-primary);--tabs-tab-text-color-default: var(--sketch-color-foreground-secondary);--tabs-tab-text-color-focus: var(--sketch-color-foreground-primary);--tabs-tab-text-color-hover: var(--sketch-color-foreground-primary);--tabs-tab-text-size-alternative: var(--font-size-medium);--tabs-tab-text-size-default: var(--font-size-medium);--tabs-tab-text-transform-alternative: none;--tabs-tab-text-transform-default: none;--tabs-tab-text-weight-active: var(--font-weight-normal);--tabs-tab-text-weight-alternative: var(--font-weight-normal);--tabs-tab-text-weight-alternative-active: var(--font-weight-normal);--tabs-tab-text-weight-alternative-focus: var(--font-weight-normal);--tabs-tab-text-weight-alternative-hover: var(--font-weight-normal);--tabs-tab-text-weight-default: var(--font-weight-normal);--tabs-tab-text-weight-focus: var(--font-weight-normal);--tabs-tab-text-weight-hover: var(--font-weight-normal)}:root[data-theme=figma]{--tabs-background-color-default: var(--figma-color-bg);--tabs-background-color-vertical: var(--figma-color-bg);--tabs-gap-default: var(--size-pos-xxxsmall);--tabs-gap-vertical: var(--size-pos-xxsmall);--tabs-padding-default-bottom: var(--size-null);--tabs-padding-default-left: var(--size-null);--tabs-padding-default-right: var(--size-null);--tabs-padding-default-top: var(--size-null);--tabs-padding-vertical-bottom: var(--size-pos-xxsmall);--tabs-padding-vertical-left: var(--size-pos-xxsmall);--tabs-padding-vertical-right: var(--size-pos-xxsmall);--tabs-padding-vertical-top: var(--size-pos-xxsmall);--tabs-radius-default: var(--size-null);--tabs-radius-vertical: var(--size-null);--tabs-tab-background-color-active: var(--figma-color-bg-secondary);--tabs-tab-background-color-alternative: var(--figma-color-bg);--tabs-tab-background-color-alternative-active: var(--figma-color-bg-secondary);--tabs-tab-background-color-alternative-focus: var(--figma-color-bg-hover);--tabs-tab-background-color-alternative-hover: var(--figma-color-bg-hover);--tabs-tab-background-color-default: var(--figma-color-bg);--tabs-tab-background-color-focus: var(--figma-color-bg-hover);--tabs-tab-background-color-hover: var(--figma-color-bg-hover);--tabs-tab-border-color-active: transparent;--tabs-tab-border-color-alternative-focus: var(--figma-color-border-selected);--tabs-tab-border-color-alternative-hover: transparent;--tabs-tab-border-color-default: transparent;--tabs-tab-border-color-focus: var(--figma-color-border-selected);--tabs-tab-border-color-hover: transparent;--tabs-tab-border-offset-active: var(--size-null);--tabs-tab-border-offset-alternative-focus: var(--size-neg-unit);--tabs-tab-border-offset-alternative-hover: var(--size-null);--tabs-tab-border-offset-default: var(--size-null);--tabs-tab-border-offset-focus: var(--size-neg-unit);--tabs-tab-border-offset-hover: var(--size-null);--tabs-tab-border-width-active: var(--size-null);--tabs-tab-border-width-alternative-focus: var(--size-pos-unit);--tabs-tab-border-width-alternative-hover: var(--size-null);--tabs-tab-border-width-default: var(--size-null);--tabs-tab-border-width-focus: var(--size-pos-unit);--tabs-tab-border-width-hover: var(--size-null);--tabs-tab-gap-alternative: var(--size-pos-xunit);--tabs-tab-gap-default: var(--size-pos-xunit);--tabs-tab-height-alternative: var(--size-pos-small);--tabs-tab-height-default: var(--size-pos-small);--tabs-tab-icon-color-active: var(--figma-color-text);--tabs-tab-icon-color-alternative: var(--figma-color-text-secondary);--tabs-tab-icon-color-alternative-active: var(--figma-color-text);--tabs-tab-icon-color-alternative-focus: var(--figma-color-text);--tabs-tab-icon-color-alternative-hover: var(--figma-color-text-secondary);--tabs-tab-icon-color-default: var(--figma-color-text-secondary);--tabs-tab-icon-color-focus: var(--figma-color-text);--tabs-tab-icon-color-hover: var(--figma-color-text-secondary);--tabs-tab-icon-height-alternative: var(--size-pos-small);--tabs-tab-icon-height-default: var(--size-pos-small);--tabs-tab-icon-width-alternative: var(--size-pos-small);--tabs-tab-icon-width-default: var(--size-pos-small);--tabs-tab-notification-background-color: var(--figma-color-bg-brand);--tabs-tab-notification-border-color-active: var(--figma-color-bg-secondary);--tabs-tab-notification-border-color-alternative-active: var(--figma-color-bg-secondary);--tabs-tab-notification-border-color-alternative-focus: var(--figma-color-bg-hover);--tabs-tab-notification-border-color-alternative-hover: var(--figma-color-bg-hover);--tabs-tab-notification-border-color-default: var(--figma-color-bg);--tabs-tab-notification-border-color-focus: var(--figma-color-bg-hover);--tabs-tab-notification-border-color-hover: var(--figma-color-bg-hover);--tabs-tab-notification-border-offset: var(--size-null);--tabs-tab-notification-border-width: var(--size-pos-xunit);--tabs-tab-notification-height: var(--size-pos-xxsmall);--tabs-tab-notification-inset-bottom: auto;--tabs-tab-notification-inset-left: auto;--tabs-tab-notification-inset-right: var(--size-pos-xunit);--tabs-tab-notification-inset-top: var(--size-pos-xunit);--tabs-tab-notification-radius: var(--border-radius-full);--tabs-tab-notification-width: var(--size-pos-xxsmall);--tabs-tab-padding-alternative-bottom: var(--size-null);--tabs-tab-padding-alternative-left: var(--size-pos-xmsmall);--tabs-tab-padding-alternative-right: var(--size-pos-xmsmall);--tabs-tab-padding-alternative-top: var(--size-null);--tabs-tab-padding-alternative-with-icon-bottom: var(--size-null);--tabs-tab-padding-alternative-with-icon-left: var(--size-pos-xxxsmall);--tabs-tab-padding-alternative-with-icon-right: var(--size-pos-xmsmall);--tabs-tab-padding-alternative-with-icon-top: var(--size-null);--tabs-tab-padding-default-bottom: var(--size-null);--tabs-tab-padding-default-left: var(--size-pos-xxsmall);--tabs-tab-padding-default-right: var(--size-pos-xxsmall);--tabs-tab-padding-default-top: var(--size-null);--tabs-tab-padding-with-icon-bottom: var(--size-null);--tabs-tab-padding-with-icon-left: var(--size-pos-xxxsmall);--tabs-tab-padding-with-icon-right: var(--size-pos-xmsmall);--tabs-tab-padding-with-icon-top: var(--size-null);--tabs-tab-radius-alternative: var(--border-radius-medium);--tabs-tab-radius-default: var(--border-radius-medium);--tabs-tab-text-color-active: var(--figma-color-text);--tabs-tab-text-color-alternative: var(--figma-color-text-secondary);--tabs-tab-text-color-alternative-active: var(--figma-color-text);--tabs-tab-text-color-alternative-focus: var(--figma-color-text);--tabs-tab-text-color-alternative-hover: var(--figma-color-text-secondary);--tabs-tab-text-color-default: var(--figma-color-text-secondary);--tabs-tab-text-color-focus: var(--figma-color-text);--tabs-tab-text-color-hover: var(--figma-color-text-secondary);--tabs-tab-text-size-alternative: var(--font-size-xsmall);--tabs-tab-text-size-default: var(--font-size-xsmall);--tabs-tab-text-transform-alternative: none;--tabs-tab-text-transform-default: none;--tabs-tab-text-weight-active: var(--font-weight-bold);--tabs-tab-text-weight-alternative: var(--font-weight-semi);--tabs-tab-text-weight-alternative-active: var(--font-weight-bold);--tabs-tab-text-weight-alternative-focus: var(--font-weight-semi);--tabs-tab-text-weight-alternative-hover: var(--font-weight-semi);--tabs-tab-text-weight-default: var(--font-weight-semi);--tabs-tab-text-weight-focus: var(--font-weight-semi);--tabs-tab-text-weight-hover: var(--font-weight-semi)}:root[data-theme=framer]{--tabs-background-color-default: var(--framer-color-bg-secondary);--tabs-background-color-vertical: var(--framer-color-bg);--tabs-gap-default: var(--size-null);--tabs-gap-vertical: var(--size-pos-xxxsmall);--tabs-padding-default-bottom: var(--size-pos-xunit);--tabs-padding-default-left: var(--size-pos-xunit);--tabs-padding-default-right: var(--size-pos-xunit);--tabs-padding-default-top: var(--size-pos-xunit);--tabs-padding-vertical-bottom: var(--size-pos-xsmall);--tabs-padding-vertical-left: var(--size-pos-xsmall);--tabs-padding-vertical-right: var(--size-pos-xsmall);--tabs-padding-vertical-top: var(--size-pos-xsmall);--tabs-radius-default: var(--border-radius-xlarge);--tabs-radius-vertical: var(--size-null);--tabs-tab-background-color-active: var(--framer-color-bg);--tabs-tab-background-color-alternative: var(--framer-color-bg);--tabs-tab-background-color-alternative-active: var(--framer-color-bg-secondary);--tabs-tab-background-color-alternative-focus: var(--framer-color-bg);--tabs-tab-background-color-alternative-hover: var(--framer-color-bg);--tabs-tab-background-color-default: transparent;--tabs-tab-background-color-focus: transparent;--tabs-tab-background-color-hover: transparent;--tabs-tab-border-color-active: var(--framer-color-bg-tertiary);--tabs-tab-border-color-alternative-focus: var(--framer-color-tint);--tabs-tab-border-color-alternative-hover: transparent;--tabs-tab-border-color-default: transparent;--tabs-tab-border-color-focus: var(--framer-color-tint);--tabs-tab-border-color-hover: transparent;--tabs-tab-border-offset-active: var(--size-null);--tabs-tab-border-offset-alternative-focus: var(--size-neg-unit);--tabs-tab-border-offset-alternative-hover: var(--size-null);--tabs-tab-border-offset-default: var(--size-null);--tabs-tab-border-offset-focus: var(--size-neg-unit);--tabs-tab-border-offset-hover: var(--size-null);--tabs-tab-border-width-active: var(--size-null);--tabs-tab-border-width-alternative-focus: var(--size-pos-unit);--tabs-tab-border-width-alternative-hover: var(--size-null);--tabs-tab-border-width-default: var(--size-null);--tabs-tab-border-width-focus: var(--size-pos-unit);--tabs-tab-border-width-hover: var(--size-null);--tabs-tab-gap-alternative: var(--size-pos-xunit);--tabs-tab-gap-default: var(--size-pos-xunit);--tabs-tab-height-alternative: var(--size-pos-medium);--tabs-tab-height-default: var(--size-pos-medium);--tabs-tab-icon-color-active: var(--framer-color-text);--tabs-tab-icon-color-alternative: var(--framer-color-text-secondary);--tabs-tab-icon-color-alternative-active: var(--framer-color-text);--tabs-tab-icon-color-alternative-focus: var(--framer-color-text-secondary);--tabs-tab-icon-color-alternative-hover: var(--framer-color-text-secondary);--tabs-tab-icon-color-default: var(--framer-color-text-secondary);--tabs-tab-icon-color-focus: var(--framer-color-text-secondary);--tabs-tab-icon-color-hover: var(--framer-color-text-secondary);--tabs-tab-icon-height-alternative: var(--size-pos-small);--tabs-tab-icon-height-default: var(--size-pos-small);--tabs-tab-icon-width-alternative: var(--size-pos-small);--tabs-tab-icon-width-default: var(--size-pos-small);--tabs-tab-notification-background-color: var(--framer-color-tint);--tabs-tab-notification-border-color-active: var(--framer-color-bg);--tabs-tab-notification-border-color-alternative-active: var(--framer-color-bg-secondary);--tabs-tab-notification-border-color-alternative-focus: var(--framer-color-bg);--tabs-tab-notification-border-color-alternative-hover: var(--framer-color-bg);--tabs-tab-notification-border-color-default: var(--framer-color-bg-secondary);--tabs-tab-notification-border-color-focus: var(--framer-color-bg-secondary);--tabs-tab-notification-border-color-hover: var(--framer-color-bg-secondary);--tabs-tab-notification-border-offset: var(--size-null);--tabs-tab-notification-border-width: var(--size-pos-xunit);--tabs-tab-notification-height: var(--size-pos-xxsmall);--tabs-tab-notification-inset-bottom: auto;--tabs-tab-notification-inset-left: auto;--tabs-tab-notification-inset-right: var(--size-pos-xxxsmall);--tabs-tab-notification-inset-top: var(--size-pos-xxxsmall);--tabs-tab-notification-radius: var(--border-radius-full);--tabs-tab-notification-width: var(--size-pos-xxsmall);--tabs-tab-padding-alternative-bottom: var(--size-null);--tabs-tab-padding-alternative-left: var(--size-pos-small);--tabs-tab-padding-alternative-right: var(--size-pos-xxsmall);--tabs-tab-padding-alternative-top: var(--size-null);--tabs-tab-padding-alternative-with-icon-bottom: var(--size-null);--tabs-tab-padding-alternative-with-icon-left: var(--size-pos-xsmall);--tabs-tab-padding-alternative-with-icon-right: var(--size-pos-xxsmall);--tabs-tab-padding-alternative-with-icon-top: var(--size-null);--tabs-tab-padding-default-bottom: var(--size-null);--tabs-tab-padding-default-left: var(--size-pos-xxxsmall);--tabs-tab-padding-default-right: var(--size-pos-xxxsmall);--tabs-tab-padding-default-top: var(--size-null);--tabs-tab-padding-with-icon-bottom: var(--size-null);--tabs-tab-padding-with-icon-left: var(--size-pos-xxxsmall);--tabs-tab-padding-with-icon-right: var(--size-pos-xxxsmall);--tabs-tab-padding-with-icon-top: var(--size-null);--tabs-tab-radius-alternative: var(--border-radius-xlarge);--tabs-tab-radius-default: var(--border-radius-large);--tabs-tab-text-color-active: var(--framer-color-text);--tabs-tab-text-color-alternative: var(--framer-color-text-secondary);--tabs-tab-text-color-alternative-active: var(--framer-color-text);--tabs-tab-text-color-alternative-focus: var(--framer-color-text-secondary);--tabs-tab-text-color-alternative-hover: var(--framer-color-text-secondary);--tabs-tab-text-color-default: var(--framer-color-text-secondary);--tabs-tab-text-color-focus: var(--framer-color-text-secondary);--tabs-tab-text-color-hover: var(--framer-color-text-secondary);--tabs-tab-text-size-alternative: var(--font-size-small);--tabs-tab-text-size-default: var(--font-size-small);--tabs-tab-text-transform-alternative: none;--tabs-tab-text-transform-default: none;--tabs-tab-text-weight-active: var(--font-weight-bold);--tabs-tab-text-weight-alternative: var(--font-weight-medium);--tabs-tab-text-weight-alternative-active: var(--font-weight-medium);--tabs-tab-text-weight-alternative-focus: var(--font-weight-medium);--tabs-tab-text-weight-alternative-hover: var(--font-weight-medium);--tabs-tab-text-weight-default: var(--font-weight-medium);--tabs-tab-text-weight-focus: var(--font-weight-medium);--tabs-tab-text-weight-hover: var(--font-weight-medium)}.tabs{display:flex;align-items:stretch;gap:var(--tabs-gap);cursor:default;border-radius:var(--tabs-radius);background-color:var(--tabs-background-color);padding:var(--tabs-padding);-webkit-user-select:none;user-select:none}.tabs{--tabs-gap: var(--tabs-gap-default);--tabs-radius: var(--tabs-radius-default);--tabs-padding: var(--tabs-padding-default-top) var(--tabs-padding-default-right) var(--tabs-padding-default-bottom) var(--tabs-padding-default-left);--tabs-background-color: var(--tabs-background-color-default)}.tabs .tabs__tab{display:flex;position:relative;justify-content:center;align-items:center;gap:var(--tabs-tab-gap);outline:var(--tabs-tab-border-width) solid var(--tabs-tab-border-color);outline-offset:var(--tabs-tab-border-offset);border-radius:var(--tabs-tab-radius);background-color:var(--tabs-tab-background-color);padding:var(--tabs-tab-padding);height:var(--tabs-tab-height);--icon-width: var(--tabs-tab-icon-width);--icon-height: var(--tabs-tab-icon-height);--icon-picto-color: var(--tabs-tab-icon-color);--icon-letter-color: var(--tabs-tab-icon-color)}.tabs .tabs__tab>span{pointer-events:none;color:var(--tabs-tab-text-color);font-weight:var(--tabs-tab-text-weight);font-size:var(--tabs-tab-text-size);text-transform:var(--tabs-tab-text-transform)}.tabs .tabs__tab--flex{flex:1;overflow:hidden}.tabs .tabs__tab{--tabs-tab-padding: var(--tabs-tab-padding-default-top) var(--tabs-tab-padding-default-right) var(--tabs-tab-padding-default-bottom) var(--tabs-tab-padding-default-left);--tabs-tab-gap: var(--tabs-tab-gap-default);--tabs-tab-radius: var(--tabs-tab-radius-default);--tabs-tab-height: var(--tabs-tab-height-default);--tabs-tab-icon-width: var(--tabs-tab-icon-width-default);--tabs-tab-icon-height: var(--tabs-tab-icon-height-default);--tabs-tab-text-size: var(--tabs-tab-text-size-default);--tabs-tab-text-transform: var(--tabs-tab-text-transform-default)}.tabs .tabs__tab--with-icon{--tabs-tab-padding: var(--tabs-tab-padding-with-icon-top) var(--tabs-tab-padding-with-icon-right) var(--tabs-tab-padding-with-icon-bottom) var(--tabs-tab-padding-with-icon-left)}.tabs .tabs__tab:not(.tabs .tabs__tab--active){--tabs-tab-background-color: var(--tabs-tab-background-color-default);--tabs-tab-border-color: var(--tabs-tab-border-color-default);--tabs-tab-border-width: var(--tabs-tab-border-width-default);--tabs-tab-border-offset: var(--tabs-tab-border-offset-default);--tabs-tab-text-color: var(--tabs-tab-text-color-default);--tabs-tab-text-weight: var(--tabs-tab-text-weight-default);--tabs-tab-icon-color: var(--tabs-tab-icon-color-default);--tabs-tab-notification-border-color: var( --tabs-tab-notification-border-color-default )}.tabs .tabs__tab:hover:not(.tabs .tabs__tab--active){--tabs-tab-background-color: var(--tabs-tab-background-color-hover);--tabs-tab-border-color: var(--tabs-tab-border-color-hover);--tabs-tab-border-width: var(--tabs-tab-border-width-hover);--tabs-tab-border-offset: var(--tabs-tab-border-offset-hover);--tabs-tab-text-color: var(--tabs-tab-text-color-hover);--tabs-tab-text-weight: var(--tabs-tab-text-weight-hover);--tabs-tab-icon-color: var(--tabs-tab-icon-color-hover);--tabs-tab-notification-border-color: var( --tabs-tab-notification-border-color-hover )}.tabs .tabs__tab:focus:not(.tabs .tabs__tab--active){--tabs-tab-background-color: var(--tabs-tab-background-color-focus);--tabs-tab-border-color: var(--tabs-tab-border-color-focus);--tabs-tab-border-width: var(--tabs-tab-border-width-focus);--tabs-tab-border-offset: var(--tabs-tab-border-offset-focus);--tabs-tab-text-color: var(--tabs-tab-text-color-focus);--tabs-tab-text-weight: var(--tabs-tab-text-weight-focus);--tabs-tab-icon-color: var(--tabs-tab-icon-color-focus);--tabs-tab-notification-border-color: var( --tabs-tab-notification-border-color-focus )}.tabs .tabs__tab--active{--tabs-tab-background-color: var(--tabs-tab-background-color-active);--tabs-tab-border-color: var(--tabs-tab-border-color-active);--tabs-tab-border-width: var(--tabs-tab-border-width-active);--tabs-tab-border-offset: var(--tabs-tab-border-offset-active);--tabs-tab-text-color: var(--tabs-tab-text-color-active);--tabs-tab-text-weight: var(--tabs-tab-text-weight-active);--tabs-tab-icon-color: var(--tabs-tab-icon-color-active);--tabs-tab-notification-border-color: var( --tabs-tab-notification-border-color-active )}.tabs .tabs__tab--updated:after{position:absolute;inset:var(--tabs-tab-notification-inset-top) var(--tabs-tab-notification-inset-right) var(--tabs-tab-notification-inset-bottom) var(--tabs-tab-notification-inset-left);outline:var(--tabs-tab-notification-border-width) solid var(--tabs-tab-notification-border-color);outline-offset:var(--tabs-tab-notification-border-offset);border-radius:var(--tabs-tab-notification-radius);background-color:var(--tabs-tab-notification-background-color);width:var(--tabs-tab-notification-width);height:var(--tabs-tab-notification-height);content:""}.tabs--vertical{--tabs-gap: var(--tabs-gap-vertical);--tabs-radius: var(--tabs-radius-vertical);--tabs-padding: var(--tabs-padding-vertical-top) var(--tabs-padding-vertical-right) var(--tabs-padding-vertical-bottom) var(--tabs-padding-vertical-left);--tabs-background-color: var(--tabs-background-color-vertical);flex-direction:column}.tabs--vertical .tabs__tab{justify-content:flex-start}.tabs--vertical .tabs__tab>span{flex:1}.tabs--vertical .tabs__tab{--tabs-tab-gap: var(--tabs-tab-gap-alternative);--tabs-tab-padding: var(--tabs-tab-padding-alternative-top) var(--tabs-tab-padding-alternative-right) var(--tabs-tab-padding-alternative-bottom) var(--tabs-tab-padding-alternative-left);--tabs-tab-radius: var(--tabs-tab-radius-alternative);--tabs-tab-height: var(--tabs-tab-height-alternative);--tabs-tab-text-transform: var(--tabs-tab-text-transform-alternative);--tabs-tab-icon-width: var(--tabs-tab-icon-width-alternative);--tabs-tab-icon-height: var(--tabs-tab-icon-height-alternative)}.tabs--vertical .tabs__tab--with-icon{--tabs-tab-padding: var(--tabs-tab-padding-alternative-with-icon-top) var(--tabs-tab-padding-alternative-with-icon-right) var(--tabs-tab-padding-alternative-with-icon-bottom) var(--tabs-tab-padding-alternative-with-icon-left)}.tabs--vertical .tabs__tab:not(.tabs--vertical .tabs__tab--active){--tabs-tab-background-color: var( --tabs-tab-background-color-alternative );--tabs-tab-text-color: var(--tabs-tab-text-color-alternative);--tabs-tab-text-weight: var(--tabs-tab-text-weight-alternative);--tabs-tab-icon-color: var(--tabs-tab-icon-color-alternative)}.tabs--vertical .tabs__tab:hover:not(.tabs--vertical .tabs__tab--active){--tabs-tab-background-color: var( --tabs-tab-background-color-alternative-hover );--tabs-tab-border-color: var(--tabs-tab-border-color-alternative-hover);--tabs-tab-border-width: var(--tabs-tab-border-width-alternative-hover);--tabs-tab-border-offset: var( --tabs-tab-border-offset-alternative-hover );--tabs-tab-text-color: var(--tabs-tab-text-color-alternative-hover);--tabs-tab-text-weight: var(--tabs-tab-text-weight-alternative-hover);--tabs-tab-icon-color: var(--tabs-tab-icon-color-alternative-hover);--tabs-tab-notification-border-color: var( --tabs-tab-notification-border-color-alternative-hover )}.tabs--vertical .tabs__tab:focus:not(.tabs--vertical .tabs__tab--active){--tabs-tab-background-color: var( --tabs-tab-background-color-alternative-focus );--tabs-tab-border-color: var(--tabs-tab-border-color-alternative-focus);--tabs-tab-border-width: var(--tabs-tab-border-width-alternative-focus);--tabs-tab-border-offset: var( --tabs-tab-border-offset-alternative-focus );--tabs-tab-text-color: var(--tabs-tab-text-color-alternative-focus);--tabs-tab-text-weight: var(--tabs-tab-text-weight-alternative-focus);--tabs-tab-icon-color: var(--tabs-tab-icon-color-alternative-focus);--tabs-tab-notification-border-color: var( --tabs-tab-notification-border-color-alternative-focus )}.tabs--vertical .tabs__tab--active{--tabs-tab-background-color: var( --tabs-tab-background-color-alternative-active );--tabs-tab-text-color: var(--tabs-tab-text-color-alternative-active);--tabs-tab-text-weight: var(--tabs-tab-text-weight-alternative-active);--tabs-tab-icon-color: var(--tabs-tab-icon-color-alternative-active);--tabs-tab-notification-border-color: var( --tabs-tab-notification-border-color-alternative-active )}

package/dist/assets/Text.css

@@ -0,0 +1 @@
+.text{display:inline-block}