@unoff/ui 1.21.0

package/dist/assets/Accordion.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--accordion-border-color: transparent;--accordion-border-width: var(--size-null);--accordion-icon-color-default: var(--penpot-color-foreground-secondary);--accordion-icon-color-disabled: var(--penpot-color-background-tertiary);--accordion-icon-color-expanded: var(--penpot-color-foreground-primary);--accordion-icon-color-hover: var(--penpot-color-foreground-primary);--accordion-padding-bottom: var(--size-pos-xxxsmall);--accordion-padding-left: var(--size-null);--accordion-padding-right: var(--size-null);--accordion-padding-top: var(--size-pos-xxxsmall);--accordion-row-gap: var(--size-null);--accordion-row-height: var(--size-pos-medium);--accordion-row-padding-bottom: var(--size-null);--accordion-row-padding-left: var(--size-pos-xsmall);--accordion-row-padding-right: var(--size-pos-xsmall);--accordion-row-padding-top: var(--size-null);--accordion-text-color-default: var(--penpot-color-foreground-secondary);--accordion-text-color-disabled: var(--penpot-color-background-tertiary);--accordion-text-color-expanded: var(--penpot-color-foreground-primary);--accordion-text-color-hover: var(--penpot-color-foreground-primary)}:root[data-theme=sketch]{--accordion-border-color: transparent;--accordion-border-width: var(--size-null);--accordion-icon-color-default: var(--sketch-color-foreground-secondary);--accordion-icon-color-disabled: var(--sketch-color-foreground-disabled);--accordion-icon-color-expanded: var(--sketch-color-foreground-primary);--accordion-icon-color-hover: var(--sketch-color-foreground-primary);--accordion-padding-bottom: var(--size-pos-xxxsmall);--accordion-padding-left: var(--size-null);--accordion-padding-right: var(--size-null);--accordion-padding-top: var(--size-pos-xxxsmall);--accordion-row-gap: var(--size-null);--accordion-row-height: var(--size-pos-medium);--accordion-row-padding-bottom: var(--size-null);--accordion-row-padding-left: var(--size-pos-xsmall);--accordion-row-padding-right: var(--size-pos-xsmall);--accordion-row-padding-top: var(--size-null);--accordion-text-color-default: var(--sketch-color-foreground-secondary);--accordion-text-color-disabled: var(--sketch-color-foreground-disabled);--accordion-text-color-expanded: var(--sketch-color-foreground-primary);--accordion-text-color-hover: var(--sketch-color-foreground-primary)}:root[data-theme=figma]{--accordion-border-color: var(--figma-color-border-disabled);--accordion-border-width: var(--size-pos-unit);--accordion-icon-color-default: var(--figma-color-icon-secondary);--accordion-icon-color-disabled: var(--figma-color-icon-disabled);--accordion-icon-color-expanded: var(--figma-color-icon);--accordion-icon-color-hover: var(--figma-color-icon);--accordion-padding-bottom: var(--size-pos-xxxsmall);--accordion-padding-left: var(--size-null);--accordion-padding-right: var(--size-null);--accordion-padding-top: var(--size-pos-xxxsmall);--accordion-row-gap: var(--size-null);--accordion-row-height: var(--size-pos-medium);--accordion-row-padding-bottom: var(--size-null);--accordion-row-padding-left: var(--size-pos-xsmall);--accordion-row-padding-right: var(--size-pos-xsmall);--accordion-row-padding-top: var(--size-null);--accordion-text-color-default: var(--figma-color-text-secondary);--accordion-text-color-disabled: var(--figma-color-text-disabled);--accordion-text-color-expanded: var(--figma-color-text);--accordion-text-color-hover: var(--figma-color-text)}:root[data-theme=framer]{--accordion-border-color: var(--framer-color-divider);--accordion-border-width: var(--size-pos-unit);--accordion-icon-color-default: var(--framer-color-text);--accordion-icon-color-disabled: var(--framer-color-text-tertiary);--accordion-icon-color-expanded: var(--framer-color-text);--accordion-icon-color-hover: var(--framer-color-text);--accordion-padding-bottom: var(--size-pos-xxxsmall);--accordion-padding-left: var(--size-null);--accordion-padding-right: var(--size-null);--accordion-padding-top: var(--size-pos-xxxsmall);--accordion-row-gap: var(--size-null);--accordion-row-height: var(--size-pos-xlarge);--accordion-row-padding-bottom: var(--size-null);--accordion-row-padding-left: var(--size-pos-xsmall);--accordion-row-padding-right: var(--size-pos-xsmall);--accordion-row-padding-top: var(--size-null);--accordion-text-color-default: var(--framer-color-text);--accordion-text-color-disabled: var(--framer-color-text-tertiary);--accordion-text-color-expanded: var(--framer-color-text);--accordion-text-color-hover: var(--framer-color-text)}.accordion{cursor:default;border-bottom:var(--accordion-border-width) solid var(--accordion-border-color);padding:var(--accordion-padding-top) var(--accordion-padding-right) var(--accordion-padding-bottom) var(--accordion-padding-left);-webkit-user-select:none;user-select:none}.accordion__row{display:flex;justify-content:space-between;align-items:center;gap:var(--accordion-row-gap);box-sizing:border-box;padding:var(--accordion-row-padding-top) var(--accordion-row-padding-right) var(--accordion-row-padding-bottom) var(--accordion-row-padding-left);height:var(--accordion-row-height);--section-title-text-color: var(--accordion-text-color-default);--text-color-primary: var(--accordion-text-color-default);--icon-picto-color: var(--accordion-icon-color-default);--icon-button-default-icon-color-default: var( --accordion-icon-color-default )}.accordion__row:hover,.accordion__row:focus-within{--section-title-text-color: var(--accordion-text-color-hover);--text-color-primary: var(--accordion-text-color-hover);--icon-picto-color: var(--accordion-icon-color-hover);--icon-button-default-icon-color-default: var( --accordion-icon-color-hover )}.accordion__row:focus-within{--section-title-text-color: var(--accordion-text-color-hover);--text-color-primary: var(--accordion-text-color-hover)}.accordion__row__left{display:flex;flex:1;align-items:baseline;min-width:0}.accordion__row__right{display:flex;align-items:center}.accordion--expanded .accordion__row{--section-title-text-color: var(--accordion-text-color-expanded);--text-color-primary: var(--accordion-text-color-expanded);--icon-picto-color: var(--accordion-icon-color-expanded);--icon-button-default-icon-color-default: var( --accordion-icon-color-expanded )}.accordion--blocked .accordion__row{--section-title-text-color: var(--accordion-text-color-disabled);--text-color-primary: var(--accordion-text-color-disabled);--icon-picto-color: var(--accordion-icon-color-disabled);--icon-button-default-icon-color-default: var( --accordion-icon-color-disabled )}

package/dist/assets/ActionsItem.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--actions-item-actions-gap: var(--size-pos-xxsmall);--actions-item-asset-height: var(--size-pos-xxxlarge);--actions-item-asset-min-width: var(--size-pos-xxxlarge);--actions-item-background-color-default: var(--penpot-color-background-primary);--actions-item-background-color-focus: var(--penpot-color-accent-primary-muted);--actions-item-background-color-hover: var(--penpot-color-background-quaternary);--actions-item-border-color: var(--penpot-color-background-quaternary);--actions-item-border-secondary-color-default: transparent;--actions-item-border-secondary-color-focus: var(--penpot-color-accent-primary);--actions-item-border-secondary-offset-default: var(--size-null);--actions-item-border-secondary-offset-focus: var(--size-neg-unit);--actions-item-border-secondary-width-default: var(--size-null);--actions-item-border-secondary-width-focus: var(--size-pos-unit);--actions-item-border-width: var(--size-pos-unit);--actions-item-content-gap: var(--size-pos-xxsmall);--actions-item-gap: var(--size-pos-xsmall);--actions-item-padding-bottom: var(--size-pos-xsmall);--actions-item-padding-left: var(--size-pos-small);--actions-item-padding-right: var(--size-pos-xsmall);--actions-item-padding-top: var(--size-pos-xsmall)}:root[data-theme=sketch]{--actions-item-actions-gap: var(--size-pos-xxsmall);--actions-item-asset-height: var(--size-pos-xxxlarge);--actions-item-asset-min-width: var(--size-pos-xxxlarge);--actions-item-background-color-default: var(--sketch-color-background-primary);--actions-item-background-color-focus: var(--sketch-color-accent-disabled);--actions-item-background-color-hover: var(--sketch-color-background-secondary);--actions-item-border-color: var(--sketch-color-border-primary);--actions-item-border-secondary-color-default: transparent;--actions-item-border-secondary-color-focus: var(--sketch-color-accent-primary);--actions-item-border-secondary-offset-default: var(--size-null);--actions-item-border-secondary-offset-focus: var(--size-neg-unit);--actions-item-border-secondary-width-default: var(--size-null);--actions-item-border-secondary-width-focus: var(--size-pos-unit);--actions-item-border-width: var(--size-pos-unit);--actions-item-content-gap: var(--size-pos-xxsmall);--actions-item-gap: var(--size-pos-xsmall);--actions-item-padding-bottom: var(--size-pos-xsmall);--actions-item-padding-left: var(--size-pos-small);--actions-item-padding-right: var(--size-pos-xsmall);--actions-item-padding-top: var(--size-pos-xsmall)}:root[data-theme=figma]{--actions-item-actions-gap: var(--size-pos-xxsmall);--actions-item-asset-height: var(--size-pos-xxxlarge);--actions-item-asset-min-width: var(--size-pos-xxxlarge);--actions-item-background-color-default: var(--figma-color-bg);--actions-item-background-color-focus: var(--figma-color-bg-selected);--actions-item-background-color-hover: var(--figma-color-bg-hover);--actions-item-border-color: var(--figma-color-border-disabled);--actions-item-border-secondary-color-default: transparent;--actions-item-border-secondary-color-focus: var(--figma-color-border-selected);--actions-item-border-secondary-offset-default: var(--size-null);--actions-item-border-secondary-offset-focus: var(--size-neg-unit);--actions-item-border-secondary-width-default: var(--size-null);--actions-item-border-secondary-width-focus: var(--size-pos-unit);--actions-item-border-width: var(--size-pos-unit);--actions-item-content-gap: var(--size-pos-xxsmall);--actions-item-gap: var(--size-pos-xsmall);--actions-item-padding-bottom: var(--size-pos-xsmall);--actions-item-padding-left: var(--size-pos-small);--actions-item-padding-right: var(--size-pos-xsmall);--actions-item-padding-top: var(--size-pos-xsmall)}:root[data-theme=framer]{--actions-item-actions-gap: var(--size-pos-xxsmall);--actions-item-asset-height: var(--size-pos-xxxlarge);--actions-item-asset-min-width: var(--size-pos-xxxlarge);--actions-item-background-color-default: var(--framer-color-bg);--actions-item-background-color-focus: var(--framer-color-tint-dimmed);--actions-item-background-color-hover: var(--framer-color-bg-secondary);--actions-item-border-color: var(--framer-color-divider);--actions-item-border-secondary-color-default: transparent;--actions-item-border-secondary-color-focus: var(--framer-color-tint);--actions-item-border-secondary-offset-default: var(--size-null);--actions-item-border-secondary-offset-focus: var(--size-neg-unit);--actions-item-border-secondary-width-default: var(--size-null);--actions-item-border-secondary-width-focus: var(--size-pos-unit);--actions-item-border-width: var(--size-pos-unit);--actions-item-content-gap: var(--size-pos-xxsmall);--actions-item-gap: var(--size-pos-xsmall);--actions-item-padding-bottom: var(--size-pos-xsmall);--actions-item-padding-left: var(--size-pos-small);--actions-item-padding-right: var(--size-pos-xsmall);--actions-item-padding-top: var(--size-pos-xsmall)}li.actions-item{display:flex;align-items:center;gap:var(--actions-item-gap);outline:var(--actions-item-border-secondary-width) solid var(--actions-item-border-secondary-color);outline-offset:var(--actions-item-border-secondary-offset);border-bottom:var(--actions-item-border-width) solid var(--actions-item-border-color);background-color:var(--actions-item-background-color);padding:var(--actions-item-padding-top) var(--actions-item-padding-right) var(--actions-item-padding-bottom) var(--actions-item-padding-left);-webkit-user-select:none;user-select:none}@media(max-width:460px){li.actions-item{flex-direction:column;align-items:stretch}}li.actions-item{--actions-item-background-color: var( --actions-item-background-color-default );--actions-item-border-secondary-width: var( --actions-item-border-secondary-width-default );--actions-item-border-secondary-offset: var( --actions-item-border-secondary-offset-default );--actions-item-border-secondary-color: var( --actions-item-border-secondary-color-default )}li.actions-item:last-child{border-bottom:none}li.actions-item--interactive:hover{--actions-item-background-color: var( --actions-item-background-color-hover )}li.actions-item--interactive:focus{--actions-item-background-color: var( --actions-item-background-color-focus );--actions-item-border-secondary-width: var( --actions-item-border-secondary-width-focus );--actions-item-border-secondary-offset: var( --actions-item-border-secondary-offset-focus );--actions-item-border-secondary-color: var( --actions-item-border-secondary-color-focus )}li.actions-item .actions-item__asset{width:100px;min-width:var(--actions-item-asset-min-width);height:var(--actions-item-asset-height)}li.actions-item .actions-item__content{display:flex;flex:1;flex-direction:column;gap:var(--actions-item-content-gap);overflow:hidden}li.actions-item .actions-item__actions{display:flex;flex-wrap:wrap;justify-content:end;align-items:center;gap:var(--actions-item-actions-gap)}

package/dist/assets/ActionsList.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--actions-list-background-color: var(--penpot-color-background-primary);--actions-list-border-color: var(--penpot-color-background-quaternary);--actions-list-border-offset: var(--size-neg-unit);--actions-list-border-width: var(--size-pos-unit);--actions-list-caret-color-default: var(--penpot-color-foreground-primary);--actions-list-caret-color-disabled: var(--penpot-color-foreground-disabled);--actions-list-caret-color-focus: var(--penpot-color-foreground-primary);--actions-list-caret-color-hover: var(--penpot-color-foreground-primary);--actions-list-caret-color-selected: var(--penpot-color-accent-primary);--actions-list-caret-color-selected-focus: var(--penpot-color-accent-primary);--actions-list-caret-color-selected-hover: var(--penpot-color-accent-primary);--actions-list-caret-height: var(--size-pos-xsmall);--actions-list-caret-width: var(--size-pos-xsmall);--actions-list-divider-background-color: var(--penpot-color-background-quaternary);--actions-list-divider-height: var(--size-pos-unit);--actions-list-divider-margin-bottom: var(--size-pos-xmsmall);--actions-list-divider-margin-left: var(--size-null);--actions-list-divider-margin-right: var(--size-null);--actions-list-divider-margin-top: 11px;--actions-list-item-background-color-default: transparent;--actions-list-item-background-color-disabled: var(--penpot-color-background-primary);--actions-list-item-background-color-focus: var(--penpot-color-background-quaternary);--actions-list-item-background-color-hover: var(--penpot-color-background-quaternary);--actions-list-item-background-color-selected: transparent;--actions-list-item-background-color-selected-focus: var(--penpot-color-background-quaternary);--actions-list-item-background-color-selected-hover: var(--penpot-color-background-quaternary);--actions-list-item-gap: var(--size-pos-xxsmall);--actions-list-item-height: var(--size-pos-medium);--actions-list-item-padding-default-bottom: var(--size-null);--actions-list-item-padding-default-left: var(--size-pos-medium);--actions-list-item-padding-default-right: var(--size-pos-xxsmall);--actions-list-item-padding-default-top: var(--size-null);--actions-list-item-padding-selected-bottom: var(--size-null);--actions-list-item-padding-selected-focus-bottom: var(--size-null);--actions-list-item-padding-selected-focus-left: var(--size-pos-xxsmall);--actions-list-item-padding-selected-focus-right: var(--size-pos-xxsmall);--actions-list-item-padding-selected-focus-top: var(--size-null);--actions-list-item-padding-selected-hover-bottom: var(--size-null);--actions-list-item-padding-selected-hover-left: var(--size-pos-xxsmall);--actions-list-item-padding-selected-hover-right: var(--size-pos-xxsmall);--actions-list-item-padding-selected-hover-top: var(--size-null);--actions-list-item-padding-selected-left: var(--size-pos-xxsmall);--actions-list-item-padding-selected-right: var(--size-pos-xxsmall);--actions-list-item-padding-selected-top: var(--size-null);--actions-list-item-radius: var(--border-radius-large);--actions-list-item-text-color-default: var(--penpot-color-foreground-primary);--actions-list-item-text-color-disabled: var(--penpot-color-foreground-disabled);--actions-list-item-text-color-focus: var(--penpot-color-foreground-primary);--actions-list-item-text-color-hover: var(--penpot-color-foreground-primary);--actions-list-item-text-color-selected: var(--penpot-color-accent-primary);--actions-list-item-text-color-selected-focus: var(--penpot-color-accent-primary);--actions-list-item-text-color-selected-hover: var(--penpot-color-accent-primary);--actions-list-item-text-font-family: var(--font-stack);--actions-list-item-text-font-size: var(--font-size-small);--actions-list-item-text-font-weight: var(--font-weight-normal);--actions-list-item-text-letter-spacing: var(--font-letter-spacing-pos-large);--actions-list-item-text-line-height: var(--font-line-height-default);--actions-list-min-width: 224px;--actions-list-padding-bottom: var(--size-pos-xxxsmall);--actions-list-padding-left: var(--size-pos-xxxsmall);--actions-list-padding-right: var(--size-pos-xxxsmall);--actions-list-padding-top: var(--size-pos-xxxsmall);--actions-list-patch-left: var(--size-neg-xxxsmall);--actions-list-patch-right: var(--size-neg-xxxsmall);--actions-list-patch-width: var(--size-pos-xxxsmall);--actions-list-radius: var(--border-radius-xlarge);--actions-list-spot-background-color: var(--penpot-color-background-primary);--actions-list-spot-border-color: transparent;--actions-list-spot-border-width: var(--size-null);--actions-list-spot-height: var(--size-pos-xsmall);--actions-list-spot-icon-color: var(--penpot-color-foreground-primary);--actions-list-spot-inset-bottom-bottom: var(--size-null);--actions-list-spot-inset-bottom-left: var(--size-pos-unit);--actions-list-spot-inset-bottom-right: var(--size-pos-unit);--actions-list-spot-inset-bottom-top: auto;--actions-list-spot-inset-top-bottom: auto;--actions-list-spot-inset-top-left: var(--size-pos-unit);--actions-list-spot-inset-top-right: var(--size-pos-unit);--actions-list-spot-inset-top-top: var(--size-null);--actions-list-spot-radius: var(--border-radius-xlarge);--actions-list-submenu-inset-left-bottom: auto;--actions-list-submenu-inset-left-left: var(--size-neg-xxxsmall);--actions-list-submenu-inset-left-right: auto;--actions-list-submenu-inset-left-top: var(--size-neg-xxxsmall);--actions-list-submenu-inset-right-bottom: auto;--actions-list-submenu-inset-right-left: auto;--actions-list-submenu-inset-right-right: var(--size-neg-xxxsmall);--actions-list-submenu-inset-right-top: var(--size-neg-xxxsmall);--actions-list-tick-color-default: var(--penpot-color-foreground-primary);--actions-list-tick-color-disabled: var(--penpot-color-foreground-disabled);--actions-list-tick-color-focus: var(--penpot-color-foreground-primary);--actions-list-tick-color-hover: var(--penpot-color-foreground-primary);--actions-list-tick-color-selected: var(--penpot-color-accent-primary);--actions-list-tick-color-selected-focus: var(--penpot-color-accent-primary);--actions-list-tick-color-selected-hover: var(--penpot-color-accent-primary);--actions-list-tick-height: var(--size-pos-xsmall);--actions-list-tick-width: var(--size-pos-xsmall);--actions-list-title-text-transform: none}:root[data-theme=sketch]{--actions-list-background-color: var(--sketch-color-background-primary);--actions-list-border-color: transparent;--actions-list-border-offset: var(--size-null);--actions-list-border-width: var(--size-null);--actions-list-caret-color-default: var(--sketch-color-foreground-primary);--actions-list-caret-color-disabled: var(--sketch-color-foreground-disabled);--actions-list-caret-color-focus: var(--sketch-color-foreground-primary);--actions-list-caret-color-hover: var(--sketch-color-foreground-primary);--actions-list-caret-color-selected: var(--sketch-color-accent-primary);--actions-list-caret-color-selected-focus: var(--sketch-color-accent-primary);--actions-list-caret-color-selected-hover: var(--sketch-color-accent-primary);--actions-list-caret-height: var(--size-pos-xsmall);--actions-list-caret-width: var(--size-pos-xsmall);--actions-list-divider-background-color: var(--sketch-color-border-primary);--actions-list-divider-height: var(--size-pos-unit);--actions-list-divider-margin-bottom: var(--size-pos-xmsmall);--actions-list-divider-margin-left: var(--size-null);--actions-list-divider-margin-right: var(--size-null);--actions-list-divider-margin-top: 11px;--actions-list-item-background-color-default: transparent;--actions-list-item-background-color-disabled: var(--sketch-color-background-primary);--actions-list-item-background-color-focus: var(--sketch-color-background-secondary);--actions-list-item-background-color-hover: var(--sketch-color-background-secondary);--actions-list-item-background-color-selected: var(--sketch-color-background-primary);--actions-list-item-background-color-selected-focus: var(--sketch-color-background-disabled);--actions-list-item-background-color-selected-hover: var(--sketch-color-background-disabled);--actions-list-item-gap: var(--size-pos-xxsmall);--actions-list-item-height: var(--size-pos-medium);--actions-list-item-padding-default-bottom: var(--size-null);--actions-list-item-padding-default-left: var(--size-pos-medium);--actions-list-item-padding-default-right: var(--size-pos-xxsmall);--actions-list-item-padding-default-top: var(--size-null);--actions-list-item-padding-selected-bottom: var(--size-null);--actions-list-item-padding-selected-focus-bottom: var(--size-null);--actions-list-item-padding-selected-focus-left: var(--size-pos-xxsmall);--actions-list-item-padding-selected-focus-right: var(--size-pos-xxsmall);--actions-list-item-padding-selected-focus-top: var(--size-null);--actions-list-item-padding-selected-hover-bottom: var(--size-null);--actions-list-item-padding-selected-hover-left: var(--size-pos-xxsmall);--actions-list-item-padding-selected-hover-right: var(--size-pos-xxsmall);--actions-list-item-padding-selected-hover-top: var(--size-null);--actions-list-item-padding-selected-left: var(--size-pos-xxsmall);--actions-list-item-padding-selected-right: var(--size-pos-xxsmall);--actions-list-item-padding-selected-top: var(--size-null);--actions-list-item-radius: var(--border-radius-large);--actions-list-item-text-color-default: var(--sketch-color-foreground-primary);--actions-list-item-text-color-disabled: var(--sketch-color-foreground-disabled);--actions-list-item-text-color-focus: var(--sketch-color-foreground-primary);--actions-list-item-text-color-hover: var(--sketch-color-foreground-primary);--actions-list-item-text-color-selected: var(--sketch-color-accent-primary);--actions-list-item-text-color-selected-focus: var(--sketch-color-accent-primary);--actions-list-item-text-color-selected-hover: var(--sketch-color-accent-primary);--actions-list-item-text-font-family: var(--font-stack);--actions-list-item-text-font-size: var(--font-size-medium);--actions-list-item-text-font-weight: var(--font-weight-medium);--actions-list-item-text-letter-spacing: var(--font-letter-spacing-pos-medium);--actions-list-item-text-line-height: var(--font-line-height-default);--actions-list-min-width: 224px;--actions-list-padding-bottom: var(--size-pos-xxsmall);--actions-list-padding-left: var(--size-pos-xxsmall);--actions-list-padding-right: var(--size-pos-xxsmall);--actions-list-padding-top: var(--size-pos-xxsmall);--actions-list-patch-left: var(--size-neg-xxsmall);--actions-list-patch-right: var(--size-neg-xxsmall);--actions-list-patch-width: var(--size-pos-xxsmall);--actions-list-radius: var(--border-radius-xxlarge);--actions-list-shadow: var(--elevation-300-tooltip);--actions-list-spot-background-color: var(--sketch-color-background-primary);--actions-list-spot-border-color: transparent;--actions-list-spot-border-width: var(--size-null);--actions-list-spot-height: var(--size-pos-xsmall);--actions-list-spot-icon-color: var(--sketch-color-foreground-primary);--actions-list-spot-inset-bottom-bottom: var(--size-null);--actions-list-spot-inset-bottom-left: var(--size-pos-unit);--actions-list-spot-inset-bottom-right: var(--size-pos-unit);--actions-list-spot-inset-bottom-top: auto;--actions-list-spot-inset-top-bottom: auto;--actions-list-spot-inset-top-left: var(--size-pos-unit);--actions-list-spot-inset-top-right: var(--size-pos-unit);--actions-list-spot-inset-top-top: var(--size-null);--actions-list-spot-radius: var(--border-radius-xlarge);--actions-list-submenu-inset-left-bottom: auto;--actions-list-submenu-inset-left-left: var(--size-neg-xxsmall);--actions-list-submenu-inset-left-right: auto;--actions-list-submenu-inset-left-top: var(--size-neg-xxsmall);--actions-list-submenu-inset-right-bottom: auto;--actions-list-submenu-inset-right-left: auto;--actions-list-submenu-inset-right-right: var(--size-neg-xxsmall);--actions-list-submenu-inset-right-top: var(--size-neg-xxsmall);--actions-list-tick-color-default: var(--sketch-color-foreground-primary);--actions-list-tick-color-disabled: var(--sketch-color-foreground-disabled);--actions-list-tick-color-focus: var(--sketch-color-foreground-primary);--actions-list-tick-color-hover: var(--sketch-color-foreground-primary);--actions-list-tick-color-selected: var(--sketch-color-accent-primary);--actions-list-tick-color-selected-focus: var(--sketch-color-accent-primary);--actions-list-tick-color-selected-hover: var(--sketch-color-accent-primary);--actions-list-tick-height: var(--size-pos-xsmall);--actions-list-tick-width: var(--size-pos-xsmall);--actions-list-title-text-transform: uppercase}:root[data-theme=figma]{--actions-list-background-color: var(--grey-1000);--actions-list-border-color: transparent;--actions-list-border-offset: var(--size-null);--actions-list-border-width: var(--size-null);--actions-list-caret-color-default: var(--grey-0);--actions-list-caret-color-disabled: var(--grey-600);--actions-list-caret-color-focus: var(--grey-0);--actions-list-caret-color-hover: var(--grey-0);--actions-list-caret-color-selected: var(--grey-0);--actions-list-caret-color-selected-focus: var(--grey-0);--actions-list-caret-color-selected-hover: var(--grey-0);--actions-list-caret-height: var(--size-pos-xsmall);--actions-list-caret-width: var(--size-pos-xsmall);--actions-list-divider-background-color: var(--grey-900);--actions-list-divider-height: var(--size-pos-unit);--actions-list-divider-margin-bottom: var(--size-pos-xmsmall);--actions-list-divider-margin-left: var(--size-null);--actions-list-divider-margin-right: var(--size-null);--actions-list-divider-margin-top: 11px;--actions-list-item-background-color-default: transparent;--actions-list-item-background-color-disabled: var(--grey-1000);--actions-list-item-background-color-focus: var(--figma-color-bg-selected-strong);--actions-list-item-background-color-hover: var(--figma-color-bg-selected-strong);--actions-list-item-background-color-selected: transparent;--actions-list-item-background-color-selected-focus: var(--figma-color-bg-selected-strong);--actions-list-item-background-color-selected-hover: var(--figma-color-bg-selected-strong);--actions-list-item-gap: var(--size-pos-xxsmall);--actions-list-item-height: var(--size-pos-small);--actions-list-item-padding-default-bottom: var(--size-null);--actions-list-item-padding-default-left: var(--size-pos-medium);--actions-list-item-padding-default-right: var(--size-pos-xxsmall);--actions-list-item-padding-default-top: var(--size-null);--actions-list-item-padding-selected-bottom: var(--size-null);--actions-list-item-padding-selected-focus-bottom: var(--size-null);--actions-list-item-padding-selected-focus-left: var(--size-pos-xxsmall);--actions-list-item-padding-selected-focus-right: var(--size-pos-xxsmall);--actions-list-item-padding-selected-focus-top: var(--size-null);--actions-list-item-padding-selected-hover-bottom: var(--size-null);--actions-list-item-padding-selected-hover-left: var(--size-pos-xxsmall);--actions-list-item-padding-selected-hover-right: var(--size-pos-xxsmall);--actions-list-item-padding-selected-hover-top: var(--size-null);--actions-list-item-padding-selected-left: var(--size-pos-xxsmall);--actions-list-item-padding-selected-right: var(--size-pos-xxsmall);--actions-list-item-padding-selected-top: var(--size-null);--actions-list-item-radius: var(--border-radius-large);--actions-list-item-text-color-default: var(--grey-0);--actions-list-item-text-color-disabled: var(--grey-600);--actions-list-item-text-color-focus: var(--grey-0);--actions-list-item-text-color-hover: var(--grey-0);--actions-list-item-text-color-selected: var(--grey-0);--actions-list-item-text-color-selected-focus: var(--grey-0);--actions-list-item-text-color-selected-hover: var(--grey-0);--actions-list-item-text-font-family: var(--font-stack);--actions-list-item-text-font-size: var(--font-size-small);--actions-list-item-text-font-weight: var(--font-weight-normal);--actions-list-item-text-letter-spacing: var(--font-letter-spacing-pos-large);--actions-list-item-text-line-height: var(--font-line-height-default);--actions-list-min-width: 224px;--actions-list-padding-bottom: var(--size-pos-xxsmall);--actions-list-padding-left: var(--size-pos-xxsmall);--actions-list-padding-right: var(--size-pos-xxsmall);--actions-list-padding-top: var(--size-pos-xxsmall);--actions-list-patch-left: var(--size-neg-xxsmall);--actions-list-patch-right: var(--size-neg-xxsmall);--actions-list-patch-width: var(--size-pos-xxsmall);--actions-list-radius: var(--border-radius-xlarge);--actions-list-shadow: var(--elevation-400-menu-panel);--actions-list-spot-background-color: var(--grey-1000);--actions-list-spot-border-color: transparent;--actions-list-spot-border-width: var(--size-null);--actions-list-spot-height: var(--size-pos-xsmall);--actions-list-spot-icon-color: var(--grey-0);--actions-list-spot-inset-bottom-bottom: var(--size-null);--actions-list-spot-inset-bottom-left: var(--size-pos-unit);--actions-list-spot-inset-bottom-right: var(--size-pos-unit);--actions-list-spot-inset-bottom-top: auto;--actions-list-spot-inset-top-bottom: auto;--actions-list-spot-inset-top-left: var(--size-pos-unit);--actions-list-spot-inset-top-right: var(--size-pos-unit);--actions-list-spot-inset-top-top: var(--size-null);--actions-list-spot-radius: var(--border-radius-xlarge);--actions-list-submenu-inset-left-bottom: auto;--actions-list-submenu-inset-left-left: var(--size-neg-xxsmall);--actions-list-submenu-inset-left-right: auto;--actions-list-submenu-inset-left-top: var(--size-neg-xxsmall);--actions-list-submenu-inset-right-bottom: auto;--actions-list-submenu-inset-right-left: auto;--actions-list-submenu-inset-right-right: var(--size-neg-xxsmall);--actions-list-submenu-inset-right-top: var(--size-neg-xxsmall);--actions-list-tick-color-default: var(--grey-0);--actions-list-tick-color-disabled: var(--grey-600);--actions-list-tick-color-focus: var(--grey-0);--actions-list-tick-color-hover: var(--grey-0);--actions-list-tick-color-selected: var(--grey-0);--actions-list-tick-color-selected-focus: var(--grey-0);--actions-list-tick-color-selected-hover: var(--grey-0);--actions-list-tick-height: var(--size-pos-xsmall);--actions-list-tick-width: var(--size-pos-xsmall);--actions-list-title-text-transform: none}:root[data-theme=framer]{--actions-list-background-color: var(--framer-color-bg);--actions-list-border-color: transparent;--actions-list-border-offset: var(--size-null);--actions-list-border-width: var(--size-null);--actions-list-caret-color-default: var(--framer-color-text-tertiary);--actions-list-caret-color-disabled: var(--framer-color-text-tertiary);--actions-list-caret-color-focus: var(--framer-color-text-reversed);--actions-list-caret-color-hover: var(--framer-color-text-reversed);--actions-list-caret-color-selected: var(--framer-color-text-tertiary);--actions-list-caret-color-selected-focus: var(--framer-color-text-reversed);--actions-list-caret-color-selected-hover: var(--framer-color-text-reversed);--actions-list-caret-height: var(--size-pos-xsmall);--actions-list-caret-width: var(--size-pos-xsmall);--actions-list-divider-background-color: var(--framer-color-divider);--actions-list-divider-height: var(--size-pos-unit);--actions-list-divider-margin-bottom: var(--size-pos-xmsmall);--actions-list-divider-margin-left: var(--size-null);--actions-list-divider-margin-right: var(--size-null);--actions-list-divider-margin-top: 11px;--actions-list-item-background-color-default: transparent;--actions-list-item-background-color-disabled: transparent;--actions-list-item-background-color-focus: var(--framer-color-tint);--actions-list-item-background-color-hover: var(--framer-color-tint);--actions-list-item-background-color-selected: transparent;--actions-list-item-background-color-selected-focus: var(--framer-color-tint);--actions-list-item-background-color-selected-hover: var(--framer-color-tint);--actions-list-item-gap: var(--size-pos-xxsmall);--actions-list-item-height: var(--size-pos-medium);--actions-list-item-padding-default-bottom: var(--size-null);--actions-list-item-padding-default-left: var(--size-pos-medium);--actions-list-item-padding-default-right: var(--size-pos-xxxsmall);--actions-list-item-padding-default-top: var(--size-null);--actions-list-item-padding-selected-bottom: var(--size-null);--actions-list-item-padding-selected-focus-bottom: var(--size-null);--actions-list-item-padding-selected-focus-left: var(--size-pos-xxsmall);--actions-list-item-padding-selected-focus-right: var(--size-pos-xxxsmall);--actions-list-item-padding-selected-focus-top: var(--size-null);--actions-list-item-padding-selected-hover-bottom: var(--size-null);--actions-list-item-padding-selected-hover-left: var(--size-pos-xxsmall);--actions-list-item-padding-selected-hover-right: var(--size-pos-xxxsmall);--actions-list-item-padding-selected-hover-top: var(--size-null);--actions-list-item-padding-selected-left: var(--size-pos-xxsmall);--actions-list-item-padding-selected-right: var(--size-pos-xxxsmall);--actions-list-item-padding-selected-top: var(--size-null);--actions-list-item-radius: var(--border-radius-large);--actions-list-item-text-color-default: var(--framer-color-text);--actions-list-item-text-color-disabled: var(--framer-color-text-tertiary);--actions-list-item-text-color-focus: var(--framer-color-text-reversed);--actions-list-item-text-color-hover: var(--framer-color-text-reversed);--actions-list-item-text-color-selected: var(--framer-color-text);--actions-list-item-text-color-selected-focus: var(--framer-color-text-reversed);--actions-list-item-text-color-selected-hover: var(--framer-color-text-reversed);--actions-list-item-text-font-family: var(--font-stack);--actions-list-item-text-font-size: var(--font-size-small);--actions-list-item-text-font-weight: var(--font-weight-normal);--actions-list-item-text-letter-spacing: var(--font-letter-spacing-pos-large);--actions-list-item-text-line-height: var(--font-line-height-default);--actions-list-min-width: 224px;--actions-list-padding-bottom: var(--size-pos-xxxsmall);--actions-list-padding-left: var(--size-pos-xxxsmall);--actions-list-padding-right: var(--size-pos-xxxsmall);--actions-list-padding-top: var(--size-pos-xxxsmall);--actions-list-patch-left: var(--size-neg-xxxsmall);--actions-list-patch-right: var(--size-neg-xxxsmall);--actions-list-patch-width: var(--size-pos-xxxsmall);--actions-list-radius: var(--border-radius-xlarge);--actions-list-shadow: var(--elevation-400-menu-panel);--actions-list-spot-background-color: var(--framer-color-bg);--actions-list-spot-border-color: transparent;--actions-list-spot-border-width: var(--size-null);--actions-list-spot-height: var(--size-pos-xsmall);--actions-list-spot-icon-color: var(--framer-color-text);--actions-list-spot-inset-bottom-bottom: var(--size-null);--actions-list-spot-inset-bottom-left: var(--size-pos-unit);--actions-list-spot-inset-bottom-right: var(--size-pos-unit);--actions-list-spot-inset-bottom-top: auto;--actions-list-spot-inset-top-bottom: auto;--actions-list-spot-inset-top-left: var(--size-pos-unit);--actions-list-spot-inset-top-right: var(--size-pos-unit);--actions-list-spot-inset-top-top: var(--size-null);--actions-list-spot-radius: var(--border-radius-xlarge);--actions-list-submenu-inset-left-bottom: auto;--actions-list-submenu-inset-left-left: var(--size-neg-xxxsmall);--actions-list-submenu-inset-left-right: auto;--actions-list-submenu-inset-left-top: var(--size-neg-xxxsmall);--actions-list-submenu-inset-right-bottom: auto;--actions-list-submenu-inset-right-left: auto;--actions-list-submenu-inset-right-right: var(--size-neg-xxxsmall);--actions-list-submenu-inset-right-top: var(--size-neg-xxxsmall);--actions-list-tick-color-default: var(--framer-color-text);--actions-list-tick-color-disabled: var(--framer-color-text-tertiary);--actions-list-tick-color-focus: var(--framer-color-text-reversed);--actions-list-tick-color-hover: var(--framer-color-text-reversed);--actions-list-tick-color-selected: var(--framer-color-text);--actions-list-tick-color-selected-focus: var(--framer-color-text-reversed);--actions-list-tick-color-selected-hover: var(--framer-color-text-reversed);--actions-list-tick-height: var(--size-pos-xsmall);--actions-list-tick-width: var(--size-pos-xsmall);--actions-list-title-text-transform: none}.select-menu{position:relative;border-radius:var(--actions-list-radius)}.select-menu .select-menu__spot{display:flex;position:absolute;justify-content:center;align-items:center;z-index:2;border-radius:var(--actions-list-spot-radius);background-color:var(--actions-list-spot-background-color);height:var(--actions-list-spot-height);--icon-picto-color: var(--actions-list-spot-icon-color)}.select-menu .select-menu__spot--top{inset:var(--actions-list-spot-inset-top-top) var(--actions-list-spot-inset-top-right) var(--actions-list-spot-inset-top-bottom) var(--actions-list-spot-inset-top-left);border-top:var(--actions-list-spot-border-width) solid var(--actions-list-spot-border-color)}.select-menu .select-menu__spot--bottom{inset:var(--actions-list-spot-inset-bottom-top) var(--actions-list-spot-inset-bottom-right) var(--actions-list-spot-inset-bottom-bottom) var(--actions-list-spot-inset-bottom-left);border-bottom:var(--actions-list-spot-border-width) solid var(--actions-list-spot-border-color)}.select-menu__menu{position:relative;z-index:0;cursor:default;box-sizing:border-box;margin:0;outline:var(--actions-list-border-width) solid var(--actions-list-border-color);outline-offset:var(--actions-list-border-offset);box-shadow:var(--actions-list-shadow);border-radius:var(--actions-list-radius);background-color:var(--actions-list-background-color);padding:var(--actions-list-padding-top) var(--actions-list-padding-right) var(--actions-list-padding-bottom) var(--actions-list-padding-left);width:100%;min-width:var(--actions-list-min-width);overflow:visible;-webkit-user-select:none;user-select:none}.select-menu__menu--scrolling{z-index:1;height:100%;overflow:hidden auto}.select-menu__menu--left .select-menu__submenu{transform:translate(-100%);inset:var(--actions-list-submenu-inset-left-top) var(--actions-list-submenu-inset-left-right) var(--actions-list-submenu-inset-left-bottom) var(--actions-list-submenu-inset-left-left)}.select-menu__menu--right .select-menu__submenu{transform:translate(100%);inset:var(--actions-list-submenu-inset-right-top) var(--actions-list-submenu-inset-right-right) var(--actions-list-submenu-inset-right-bottom) var(--actions-list-submenu-inset-right-left)}.select-menu__item{display:flex;position:relative;align-items:center;gap:var(--actions-list-item-gap);cursor:default;outline:none;border-radius:var(--actions-list-item-radius);background-color:var(--actions-list-item-background-color);padding:var(--actions-list-item-padding);height:var(--actions-list-item-height);-webkit-user-select:none;user-select:none;--text-color-primary: var(--actions-list-item-text-color)}.select-menu__item[data-role=TITLE]{text-transform:var(--actions-list-title-text-transform)}.select-menu__item:before{position:absolute;inset:0 auto 0 var(--actions-list-patch-left);background-color:transparent;width:var(--actions-list-patch-width);content:""}.select-menu__item:after{position:absolute;inset:0 var(--actions-list-patch-right) 0 auto;background-color:transparent;width:var(--actions-list-patch-width);content:""}.select-menu__item__tick{display:flex;justify-content:center;align-items:center;width:var(--actions-list-caret-width);height:var(--actions-list-caret-height);pointer-events:none;--icon-picto-color: var(--actions-list-tick-color)}.select-menu__item__label{flex:1;pointer-events:none;font-weight:var(--actions-list-item-text-font-weight);font-size:var(--actions-list-item-text-font-size);line-height:var(--actions-list-item-text-line-height);font-family:var(--actions-list-item-text-font-family);letter-spacing:var(--actions-list-item-text-letter-spacing);white-space:nowrap}.select-menu__item__caret{display:flex;justify-content:center;align-items:center;width:var(--actions-list-caret-width);height:var(--actions-list-caret-height);pointer-events:none;--icon-picto-color: var(--actions-list-caret-color)}.select-menu__item{--actions-list-item-padding: var(--actions-list-item-padding-default-top) var(--actions-list-item-padding-default-right) var(--actions-list-item-padding-default-bottom) var(--actions-list-item-padding-default-left);--actions-list-item-background-color: var( --actions-list-item-background-color-default );--actions-list-item-text-color: var( --actions-list-item-text-color-default );--actions-list-tick-color: var(--actions-list-tick-color-default);--actions-list-caret-color: var(--actions-list-caret-color-default)}.select-menu__item:hover{--actions-list-item-background-color: var( --actions-list-item-background-color-hover );--actions-list-item-text-color: var(--actions-list-item-text-color-hover);--actions-list-tick-color: var(--actions-list-tick-color-hover);--actions-list-caret-color: var(--actions-list-caret-color-hover)}.select-menu__item:hover .select-menu__submenu{--actions-list-item-background-color: var( --actions-list-item-background-color-default )}.select-menu__item:focus{--actions-list-item-background-color: var( --actions-list-item-background-color-focus );--actions-list-item-text-color: var(--actions-list-item-text-color-focus);--actions-list-tick-color: var(--actions-list-tick-color-focus);--actions-list-caret-color: var(--actions-list-caret-color-focus)}.select-menu__item:focus .select-menu__submenu{--actions-list-item-background-color: var( --actions-list-item-background-color-default )}.select-menu__item--selected{--actions-list-item-padding: var(--actions-list-item-padding-selected-top) var(--actions-list-item-padding-selected-right) var(--actions-list-item-padding-selected-bottom) var(--actions-list-item-padding-selected-left);--actions-list-item-background-color: var( --actions-list-item-background-color-selected );--actions-list-item-text-color: var( --actions-list-item-text-color-selected );--actions-list-tick-color: var(--actions-list-tick-color-selected);--actions-list-caret-color: var(--actions-list-caret-color-selected)}.select-menu__item--selected:hover{--actions-list-item-padding: var( --actions-list-item-padding-selected-hover-top ) var(--actions-list-item-padding-selected-hover-right) var(--actions-list-item-padding-selected-hover-bottom) var(--actions-list-item-padding-selected-hover-left);--actions-list-item-background-color: var( --actions-list-item-background-color-selected-hover );--actions-list-item-text-color: var( --actions-list-item-text-color-selected-hover );--actions-list-tick-color: var( --actions-list-tick-color-selected-hover );--actions-list-caret-color: var( --actions-list-caret-color-selected-hover )}.select-menu__item--selected:focus{--actions-list-item-padding: var( --actions-list-item-padding-selected-focus-top ) var(--actions-list-item-padding-selected-focus-right) var(--actions-list-item-padding-selected-focus-bottom) var(--actions-list-item-padding-selected-focus-left);--actions-list-item-background-color: var( --actions-list-item-background-color-selected-focus );--actions-list-item-text-color: var( --actions-list-item-text-color-selected-focus );--actions-list-tick-color: var( --actions-list-tick-color-selected-focus );--actions-list-caret-color: var( --actions-list-caret-color-selected-focus )}.select-menu__item--blocked,.select-menu__item--disabled{pointer-events:none;--actions-list-item-background-color: var( --actions-list-item-background-color-disabled );--actions-list-item-text-color: var( --actions-list-item-text-color-disabled );--actions-list-tick-color: var(--actions-list-tick-color-disabled);--actions-list-caret-color: var(--actions-list-caret-color-disabled)}.select-menu__item--blocked .select-menu__submenu,.select-menu__item--disabled .select-menu__submenu{--actions-list-item-background-color: var( --actions-list-item-background-color );--actions-list-item-text-color: var(--actions-list-item-text-color);--actions-list-tick-color: var(--actions-list-tick-color);--actions-list-caret-color: var(--actions-list-caret-color)}.select-menu hr{margin:var(--actions-list-divider-margin-top) var(--actions-list-divider-margin-right) var(--actions-list-divider-margin-bottom) var(--actions-list-divider-margin-left);border:none;background-color:var(--actions-list-divider-background-color);height:var(--actions-list-divider-height)}.select-menu li[data-role=SEPARATOR]{display:block}.select-menu__submenu{position:absolute}

package/dist/assets/Avatar.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--avatar-height: var(--size-pos-small);--avatar-radius: var(--border-radius-xxlarge);--avatar-width: var(--size-pos-small)}:root[data-theme=sketch]{--avatar-height: var(--size-pos-small);--avatar-radius: var(--border-radius-xxlarge);--avatar-width: var(--size-pos-small)}:root[data-theme=figma]{--avatar-height: var(--size-pos-small);--avatar-radius: var(--border-radius-xxlarge);--avatar-width: var(--size-pos-small)}:root[data-theme=framer]{--avatar-height: var(--size-pos-medium);--avatar-radius: var(--border-radius-xlarge);--avatar-width: var(--size-pos-medium)}.user{display:flex;align-items:center;gap:var(--size-pos-xxsmall)}.user--inverted{flex-direction:row-reverse}.user .user__avatar{flex:none;border-radius:var(--avatar-radius);width:var(--avatar-width);height:var(--avatar-height);overflow:hidden}.user .user__avatar img{width:100%;height:100%}.user .user__name{text-wrap:nowrap;white-space:nowrap}

package/dist/assets/Bar.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--bar-background-color: transparent;--bar-border-color: transparent;--bar-border-width: var(--size-null);--bar-gap: var(--size-pos-xxsmall);--bar-height-compact: var(--size-pos-medium);--bar-min-height: var(--size-pos-large);--bar-padding-default-bottom: var(--size-null);--bar-padding-default-left: var(--size-pos-xsmall);--bar-padding-default-right: var(--size-pos-xsmall);--bar-padding-default-top: var(--size-null);--bar-padding-mobile-bottom: var(--size-pos-xxxsmall);--bar-padding-mobile-left: var(--size-pos-xsmall);--bar-padding-mobile-right: var(--size-pos-xsmall);--bar-padding-mobile-top: var(--size-pos-xxxsmall)}:root[data-theme=sketch]{--bar-background-color: transparent;--bar-border-color: var(--sketch-color-border-primary);--bar-border-width: var(--size-pos-unit);--bar-gap: var(--size-pos-xxsmall);--bar-height-compact: var(--size-pos-medium);--bar-min-height: var(--size-pos-large);--bar-padding-default-bottom: var(--size-null);--bar-padding-default-left: var(--size-pos-xsmall);--bar-padding-default-right: var(--size-pos-xsmall);--bar-padding-default-top: var(--size-null);--bar-padding-mobile-bottom: var(--size-pos-xxxsmall);--bar-padding-mobile-left: var(--size-pos-xsmall);--bar-padding-mobile-right: var(--size-pos-xsmall);--bar-padding-mobile-top: var(--size-pos-xxxsmall)}:root[data-theme=figma]{--bar-background-color: transparent;--bar-border-color: var(--figma-color-border);--bar-border-width: var(--size-pos-unit);--bar-gap: var(--size-pos-xxsmall);--bar-height-compact: var(--size-pos-medium);--bar-min-height: var(--size-pos-large);--bar-padding-default-bottom: var(--size-null);--bar-padding-default-left: var(--size-pos-xsmall);--bar-padding-default-right: var(--size-pos-xsmall);--bar-padding-default-top: var(--size-null);--bar-padding-mobile-bottom: var(--size-pos-xxxsmall);--bar-padding-mobile-left: var(--size-pos-xsmall);--bar-padding-mobile-right: var(--size-pos-xsmall);--bar-padding-mobile-top: var(--size-pos-xxxsmall)}:root[data-theme=framer]{--bar-background-color: transparent;--bar-border-color: var(--framer-color-divider);--bar-border-width: var(--size-pos-unit);--bar-gap: var(--size-pos-xxsmall);--bar-height-compact: var(--size-pos-medium);--bar-min-height: var(--size-pos-xlarge);--bar-padding-default-bottom: var(--size-null);--bar-padding-default-left: var(--size-pos-xsmall);--bar-padding-default-right: var(--size-pos-xsmall);--bar-padding-default-top: var(--size-null);--bar-padding-mobile-bottom: var(--size-pos-xxxsmall);--bar-padding-mobile-left: var(--size-pos-xsmall);--bar-padding-mobile-right: var(--size-pos-xsmall);--bar-padding-mobile-top: var(--size-pos-xxxsmall)}.bar{display:flex;position:relative;justify-content:space-between;align-items:center;gap:var(--bar-gap);box-sizing:border-box;background-color:var(--bar-background-color);padding:var(--bar-padding);min-height:var(--bar-min-height)}.bar{--bar-padding: var(--bar-padding-default-top) var(--bar-padding-default-right) var(--bar-padding-default-bottom) var(--bar-padding-default-left)}.bar.bar--compact{height:var(--bar-height-compact)}.bar.bar--text-only{align-items:baseline}.bar.bar--centered .bar__left,.bar.bar--centered .bar__solo,.bar.bar--centered.bar--inverted .bar__right,.bar.bar--centered.bar--inverted .bar__solo{display:flex;justify-content:center}.bar__left{flex:1}.bar__right{flex:none}.bar__solo{flex:1}.bar.bar--inverted .bar__left{flex:none}.bar.bar--inverted .bar__right{flex:1}.bar.bar--clip-left .bar__left,.bar.bar--clip-right .bar__right,.bar.bar--clip-solo .bar__solo{overflow:hidden}@media(max-width:460px){.bar--reflow{flex-direction:column;--bar-padding: var(--bar-padding-mobile-top) var(--bar-padding-mobile-right) var(--bar-padding-mobile-bottom) var(--bar-padding-mobile-left)}}

package/dist/assets/Button.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--button-alternative-background-color-default: var(--penpot-color-accent-primary-muted);--button-alternative-background-color-disabled: var(--penpot-color-background-quaternary);--button-alternative-background-color-focus: var(--penpot-color-background-tertiary);--button-alternative-background-color-hover: var(--penpot-color-accent-tertiary);--button-alternative-background-color-pressed: var(--penpot-color-background-secondary);--button-alternative-border-color-default: transparent;--button-alternative-border-color-disabled: transparent;--button-alternative-border-color-focus: var(--penpot-color-accent-tertiary);--button-alternative-border-color-hover: transparent;--button-alternative-border-color-pressed: transparent;--button-alternative-border-offset-default: var(--size-null);--button-alternative-border-offset-disabled: var(--size-null);--button-alternative-border-offset-focus: var(--size-neg-unit);--button-alternative-border-offset-hover: var(--size-null);--button-alternative-border-offset-pressed: var(--size-null);--button-alternative-border-width-default: var(--size-null);--button-alternative-border-width-disabled: var(--size-null);--button-alternative-border-width-focus: var(--size-pos-unit);--button-alternative-border-width-hover: var(--size-null);--button-alternative-border-width-pressed: var(--size-null);--button-alternative-icon-color-default: var(--penpot-color-accent-primary);--button-alternative-icon-color-disabled: var(--penpot-color-foreground-disabled);--button-alternative-icon-color-focus: var(--penpot-color-accent-tertiary);--button-alternative-icon-color-hover: var(--penpot-color-foreground-primary);--button-alternative-icon-color-pressed: var(--penpot-color-accent-tertiary);--button-alternative-text-color-default: var(--penpot-color-accent-primary);--button-alternative-text-color-disabled: var(--penpot-color-foreground-disabled);--button-alternative-text-color-focus: var(--penpot-color-accent-tertiary);--button-alternative-text-color-hover: var(--penpot-color-foreground-primary);--button-alternative-text-color-pressed: var(--penpot-color-accent-tertiary);--button-alternative-text-decoration-default: none;--button-alternative-text-decoration-disabled: none;--button-alternative-text-decoration-focus: none;--button-alternative-text-decoration-hover: none;--button-alternative-text-decoration-pressed: none;--button-base-background-color: transparent;--button-base-border-color: transparent;--button-base-border-offset: var(--size-null);--button-base-border-width: var(--size-null);--button-base-caret-height: var(--size-pos-small);--button-base-caret-width: var(--size-pos-xsmall);--button-base-gap: var(--size-pos-xxxsmall);--button-base-height: var(--size-pos-medium);--button-base-icon-color: var(--penpot-color-background-secondary);--button-base-icon-height: var(--size-pos-small);--button-base-icon-width: var(--size-pos-small);--button-base-padding-bottom: var(--size-null);--button-base-padding-left: var(--size-pos-xxsmall);--button-base-padding-right: var(--size-pos-xxsmall);--button-base-padding-top: var(--size-null);--button-base-radius: var(--border-radius-xlarge);--button-base-text-color: var(--penpot-color-background-secondary);--button-base-text-decoration: none;--button-base-text-font-family: var(--font-stack);--button-base-text-font-size: var(--font-size-small);--button-base-text-font-weight: var(--font-weight-medium);--button-base-text-letter-spacing: var(--font-letter-spacing-pos-small);--button-base-text-line-height: var(--font-line-height-default);--button-base-text-transform: uppercase;--button-destructive-background-color-default: var(--penpot-color-accent-error);--button-destructive-background-color-disabled: var(--penpot-color-background-error);--button-destructive-background-color-focus: var(--penpot-color-background-tertiary);--button-destructive-background-color-hover: var(--penpot-color-foreground-error);--button-destructive-background-color-pressed: var(--penpot-color-background-secondary);--button-destructive-border-color-default: transparent;--button-destructive-border-color-disabled: transparent;--button-destructive-border-color-focus: var(--penpot-color-accent-error);--button-destructive-border-color-hover: transparent;--button-destructive-border-color-pressed: transparent;--button-destructive-border-offset-default: var(--size-null);--button-destructive-border-offset-disabled: var(--size-null);--button-destructive-border-offset-focus: var(--size-neg-unit);--button-destructive-border-offset-hover: var(--size-null);--button-destructive-border-offset-pressed: var(--size-null);--button-destructive-border-width-default: var(--size-null);--button-destructive-border-width-disabled: var(--size-null);--button-destructive-border-width-focus: var(--size-pos-unit);--button-destructive-border-width-hover: var(--size-null);--button-destructive-border-width-pressed: var(--size-null);--button-destructive-icon-color-default: var(--penpot-color-foreground-primary);--button-destructive-icon-color-disabled: var(--penpot-color-foreground-disabled);--button-destructive-icon-color-focus: var(--penpot-color-foreground-secondary);--button-destructive-icon-color-hover: var(--penpot-color-foreground-primary);--button-destructive-icon-color-pressed: var(--penpot-color-accent-error);--button-destructive-text-color-default: var(--penpot-color-foreground-primary);--button-destructive-text-color-disabled: var(--penpot-color-foreground-disabled);--button-destructive-text-color-focus: var(--penpot-color-foreground-secondary);--button-destructive-text-color-hover: var(--penpot-color-foreground-primary);--button-destructive-text-color-pressed: var(--penpot-color-accent-error);--button-destructive-text-decoration-default: none;--button-destructive-text-decoration-disabled: none;--button-destructive-text-decoration-focus: none;--button-destructive-text-decoration-hover: none;--button-destructive-text-decoration-pressed: none;--button-large-height: var(--size-pos-large);--button-large-padding-bottom: var(--size-null);--button-large-padding-left: var(--size-pos-medium);--button-large-padding-right: var(--size-pos-medium);--button-large-padding-top: var(--size-null);--button-primary-background-color-default: var(--penpot-color-accent-primary);--button-primary-background-color-disabled: var(--penpot-color-background-quaternary);--button-primary-background-color-focus: var(--penpot-color-background-tertiary);--button-primary-background-color-hover: var(--penpot-color-accent-tertiary);--button-primary-background-color-pressed: var(--penpot-color-background-secondary);--button-primary-border-color-default: transparent;--button-primary-border-color-disabled: none;--button-primary-border-color-focus: var(--penpot-color-accent-primary);--button-primary-border-color-hover: transparent;--button-primary-border-color-pressed: transparent;--button-primary-border-offset-default: var(--size-null);--button-primary-border-offset-disabled: var(--size-null);--button-primary-border-offset-focus: var(--size-neg-unit);--button-primary-border-offset-hover: var(--size-null);--button-primary-border-offset-pressed: var(--size-null);--button-primary-border-width-default: var(--size-null);--button-primary-border-width-disabled: var(--size-null);--button-primary-border-width-focus: var(--size-pos-unit);--button-primary-border-width-hover: var(--size-null);--button-primary-border-width-pressed: var(--size-null);--button-primary-icon-color-default: var(--penpot-color-background-secondary);--button-primary-icon-color-disabled: var(--penpot-color-foreground-disabled);--button-primary-icon-color-focus: var(--penpot-color-foreground-secondary);--button-primary-icon-color-hover: var(--penpot-color-background-secondary);--button-primary-icon-color-pressed: var(--penpot-color-accent-primary);--button-primary-text-color-default: var(--penpot-color-background-secondary);--button-primary-text-color-disabled: var(--penpot-color-foreground-disabled);--button-primary-text-color-focus: var(--penpot-color-foreground-secondary);--button-primary-text-color-hover: var(--penpot-color-background-secondary);--button-primary-text-color-pressed: var(--penpot-color-accent-primary);--button-primary-text-decoration-default: none;--button-primary-text-decoration-disabled: none;--button-primary-text-decoration-focus: none;--button-primary-text-decoration-hover: none;--button-primary-text-decoration-pressed: none;--button-secondary-background-color-default: var(--penpot-color-background-tertiary);--button-secondary-background-color-disabled: var(--penpot-color-background-quaternary);--button-secondary-background-color-focus: var(--penpot-color-background-tertiary);--button-secondary-background-color-hover: var(--penpot-color-background-quaternary);--button-secondary-background-color-pressed: var(--penpot-color-background-secondary);--button-secondary-border-color-default: color(srgb 0 0 0 / 0);--button-secondary-border-color-disabled: color(srgb 0 0 0 / 0);--button-secondary-border-color-focus: var(--penpot-color-accent-primary);--button-secondary-border-color-hover: color(srgb 0 0 0 / 0);--button-secondary-border-color-pressed: var(--penpot-color-background-quaternary);--button-secondary-border-offset-default: var(--size-null);--button-secondary-border-offset-disabled: var(--size-null);--button-secondary-border-offset-focus: var(--size-neg-unit);--button-secondary-border-offset-hover: var(--size-null);--button-secondary-border-offset-pressed: var(--size-neg-unit);--button-secondary-border-width-default: var(--size-null);--button-secondary-border-width-disabled: var(--size-null);--button-secondary-border-width-focus: var(--size-pos-unit);--button-secondary-border-width-hover: var(--size-null);--button-secondary-border-width-pressed: var(--size-pos-unit);--button-secondary-icon-color-default: var(--penpot-color-foreground-primary);--button-secondary-icon-color-disabled: var(--penpot-color-foreground-disabled);--button-secondary-icon-color-focus: var(--penpot-color-foreground-secondary);--button-secondary-icon-color-hover: var(--penpot-color-accent-primary);--button-secondary-icon-color-pressed: var(--penpot-color-accent-primary);--button-secondary-text-color-default: var(--penpot-color-foreground-primary);--button-secondary-text-color-disabled: var(--penpot-color-foreground-disabled);--button-secondary-text-color-focus: var(--penpot-color-foreground-secondary);--button-secondary-text-color-hover: var(--penpot-color-accent-primary);--button-secondary-text-color-pressed: var(--penpot-color-accent-primary);--button-secondary-text-decoration-default: none;--button-secondary-text-decoration-disabled: none;--button-secondary-text-decoration-focus: none;--button-secondary-text-decoration-hover: none;--button-secondary-text-decoration-pressed: none;--button-small-height: var(--size-pos-small);--button-small-padding-bottom: var(--size-null);--button-small-padding-left: var(--size-pos-xxsmall);--button-small-padding-right: var(--size-pos-xxsmall);--button-small-padding-top: var(--size-null);--button-status-gap: var(--size-pos-xxsmall);--button-status-height: var(--size-pos-small);--button-tertiary-background-color-default: var(--penpot-color-background-primary);--button-tertiary-background-color-disabled: var(--penpot-color-background-primary);--button-tertiary-background-color-focus: var(--penpot-color-background-primary);--button-tertiary-background-color-hover: var(--penpot-color-background-primary);--button-tertiary-background-color-pressed: var(--penpot-color-background-primary);--button-tertiary-border-color-default: transparent;--button-tertiary-border-color-disabled: transparent;--button-tertiary-border-color-focus: transparent;--button-tertiary-border-color-hover: transparent;--button-tertiary-border-color-pressed: transparent;--button-tertiary-border-offset-default: var(--size-null);--button-tertiary-border-offset-disabled: var(--size-null);--button-tertiary-border-offset-focus: var(--size-null);--button-tertiary-border-offset-hover: var(--size-null);--button-tertiary-border-offset-pressed: var(--size-null);--button-tertiary-border-width-default: var(--size-null);--button-tertiary-border-width-disabled: var(--size-null);--button-tertiary-border-width-focus: var(--size-null);--button-tertiary-border-width-hover: var(--size-null);--button-tertiary-border-width-pressed: var(--size-null);--button-tertiary-icon-color-default: var(--penpot-color-accent-primary);--button-tertiary-icon-color-disabled: var(--penpot-color-foreground-disabled);--button-tertiary-icon-color-focus: var(--penpot-color-accent-primary);--button-tertiary-icon-color-hover: var(--penpot-color-accent-primary);--button-tertiary-icon-color-pressed: var(--penpot-color-accent-primary);--button-tertiary-padding-bottom: var(--size-null);--button-tertiary-padding-left: var(--size-null);--button-tertiary-padding-right: var(--size-null);--button-tertiary-padding-top: var(--size-null);--button-tertiary-text-color-default: var(--penpot-color-accent-primary);--button-tertiary-text-color-disabled: var(--penpot-color-foreground-disabled);--button-tertiary-text-color-focus: var(--penpot-color-accent-primary);--button-tertiary-text-color-hover: var(--penpot-color-accent-primary);--button-tertiary-text-color-pressed: var(--penpot-color-accent-primary);--button-tertiary-text-decoration-default: none;--button-tertiary-text-decoration-disabled: none;--button-tertiary-text-decoration-focus: underline;--button-tertiary-text-decoration-hover: none;--button-tertiary-text-decoration-pressed: none;--button-tertiary-text-font-size: var(--font-size-small);--icon-button-base-background-color: transparent;--icon-button-base-border-color: transparent;--icon-button-base-border-offset: var(--size-null);--icon-button-base-border-width: var(--size-null);--icon-button-base-height: var(--size-pos-medium);--icon-button-base-icon-color: var(--penpot-color-background-secondary);--icon-button-base-icon-height: var(--size-pos-small);--icon-button-base-icon-width: var(--size-pos-small);--icon-button-base-notification-border-offset: var(--size-null);--icon-button-base-notification-border-width: var(--size-pos-xunit);--icon-button-base-notification-height: var(--size-pos-xxsmall);--icon-button-base-notification-radius: var(--border-radius-full);--icon-button-base-notification-right: var(--size-pos-xxxsmall);--icon-button-base-notification-top: var(--size-pos-xxxsmall);--icon-button-base-notification-width: var(--size-pos-xxsmall);--icon-button-base-padding-bottom: var(--size-null);--icon-button-base-padding-left: var(--size-null);--icon-button-base-padding-right: var(--size-null);--icon-button-base-padding-top: var(--size-null);--icon-button-base-radius: var(--border-radius-xlarge);--icon-button-base-text-color: var(--penpot-color-background-secondary);--icon-button-base-width: var(--size-pos-medium);--icon-button-default-background-color-default: var(--penpot-color-background-primary);--icon-button-default-background-color-disabled: var(--penpot-color-background-quaternary);--icon-button-default-background-color-focus: var(--penpot-color-background-tertiary);--icon-button-default-background-color-hover: var(--penpot-color-background-tertiary);--icon-button-default-background-color-onselected: var(--penpot-color-accent-primary-muted);--icon-button-default-background-color-onselected-disabled: var(--penpot-color-accent-primary-muted);--icon-button-default-background-color-onselected-hover: var(--penpot-color-accent-primary-muted);--icon-button-default-background-color-pressed: var(--penpot-color-background-secondary);--icon-button-default-border-color-default: transparent;--icon-button-default-border-color-disabled: transparent;--icon-button-default-border-color-focus: var(--penpot-color-accent-primary);--icon-button-default-border-color-hover: transparent;--icon-button-default-border-color-pressed: transparent;--icon-button-default-border-offset-default: var(--size-null);--icon-button-default-border-offset-disabled: var(--size-null);--icon-button-default-border-offset-focus: var(--size-neg-unit);--icon-button-default-border-offset-hover: var(--size-null);--icon-button-default-border-offset-pressed: var(--size-null);--icon-button-default-border-width-default: var(--size-null);--icon-button-default-border-width-disabled: var(--size-null);--icon-button-default-border-width-focus: var(--size-pos-unit);--icon-button-default-border-width-hover: var(--size-null);--icon-button-default-border-width-pressed: var(--size-null);--icon-button-default-icon-color-default: var(--penpot-color-icon-default);--icon-button-default-icon-color-disabled: var(--penpot-color-foreground-disabled);--icon-button-default-icon-color-focus: var(--penpot-color-foreground-primary);--icon-button-default-icon-color-hover: var(--penpot-color-accent-primary);--icon-button-default-icon-color-pressed: var(--penpot-color-accent-primary);--icon-button-default-notification-background-color-default: var(--penpot-color-accent-primary);--icon-button-default-notification-background-color-disabled: var(--penpot-color-accent-primary-muted);--icon-button-default-notification-background-color-focus: var(--penpot-color-accent-primary);--icon-button-default-notification-background-color-hover: var(--penpot-color-accent-primary);--icon-button-default-notification-background-color-pressed: var(--penpot-color-accent-primary);--icon-button-default-notification-border-color-default: var(--penpot-color-background-primary);--icon-button-default-notification-border-color-disabled: var(--penpot-color-background-quaternary);--icon-button-default-notification-border-color-focus: var(--penpot-color-background-tertiary);--icon-button-default-notification-border-color-hover: var(--penpot-color-background-tertiary);--icon-button-default-notification-border-color-pressed: var(--penpot-color-background-secondary);--icon-button-large-height: var(--size-pos-medium);--icon-button-large-width: var(--size-pos-medium);--icon-button-selected-background-color-default: var(--penpot-color-background-tertiary);--icon-button-selected-background-color-disabled: var(--penpot-color-background-tertiary);--icon-button-selected-background-color-focus: var(--penpot-color-background-tertiary);--icon-button-selected-background-color-hover: var(--penpot-color-background-tertiary);--icon-button-selected-background-color-pressed: var(--penpot-color-background-tertiary);--icon-button-selected-border-color-default: transparent;--icon-button-selected-border-color-disabled: transparent;--icon-button-selected-border-color-focus: var(--penpot-color-accent-primary);--icon-button-selected-border-color-hover: transparent;--icon-button-selected-border-color-pressed: transparent;--icon-button-selected-border-offset-default: var(--size-null);--icon-button-selected-border-offset-disabled: var(--size-null);--icon-button-selected-border-offset-focus: var(--size-neg-unit);--icon-button-selected-border-offset-hover: var(--size-null);--icon-button-selected-border-offset-pressed: var(--size-null);--icon-button-selected-border-width-default: var(--size-null);--icon-button-selected-border-width-disabled: var(--size-null);--icon-button-selected-border-width-focus: var(--size-pos-unit);--icon-button-selected-border-width-hover: var(--size-null);--icon-button-selected-border-width-pressed: var(--size-null);--icon-button-selected-icon-color-default: var(--penpot-color-accent-primary);--icon-button-selected-icon-color-disabled: var(--penpot-color-accent-primary-muted);--icon-button-selected-icon-color-focus: var(--penpot-color-accent-primary);--icon-button-selected-icon-color-hover: var(--penpot-color-accent-primary);--icon-button-selected-icon-color-pressed: var(--penpot-color-accent-primary);--icon-button-selected-notification-background-color-default: var(--penpot-color-accent-primary);--icon-button-selected-notification-background-color-disabled: var(--penpot-color-accent-primary-muted);--icon-button-selected-notification-background-color-focus: var(--penpot-color-accent-primary);--icon-button-selected-notification-background-color-hover: var(--penpot-color-accent-primary);--icon-button-selected-notification-background-color-pressed: var(--penpot-color-accent-primary);--icon-button-selected-notification-border-color-default: var(--penpot-color-background-tertiary);--icon-button-selected-notification-border-color-disabled: var(--penpot-color-background-tertiary);--icon-button-selected-notification-border-color-focus: var(--penpot-color-background-tertiary);--icon-button-selected-notification-border-color-hover: var(--penpot-color-background-tertiary);--icon-button-selected-notification-border-color-pressed: var(--penpot-color-background-tertiary);--icon-button-small-height: var(--size-pos-msmall);--icon-button-small-width: var(--size-pos-msmall)}:root[data-theme=sketch]{--button-alternative-background-color-default: var(--sketch-color-accent-disabled);--button-alternative-background-color-disabled: var(--sketch-color-accent-disabled);--button-alternative-background-color-focus: var(--sketch-color-accent-disabled);--button-alternative-background-color-hover: var(--sketch-color-accent-tertiary);--button-alternative-background-color-pressed: var(--sketch-color-accent-tertiary);--button-alternative-border-color-default: transparent;--button-alternative-border-color-disabled: transparent;--button-alternative-border-color-focus: var(--sketch-color-accent-primary);--button-alternative-border-color-hover: transparent;--button-alternative-border-color-pressed: transparent;--button-alternative-border-offset-default: var(--size-null);--button-alternative-border-offset-disabled: var(--size-null);--button-alternative-border-offset-focus: var(--size-neg-unit);--button-alternative-border-offset-hover: var(--size-null);--button-alternative-border-offset-pressed: var(--size-null);--button-alternative-border-width-default: var(--size-null);--button-alternative-border-width-disabled: var(--size-null);--button-alternative-border-width-focus: var(--size-pos-unit);--button-alternative-border-width-hover: var(--size-null);--button-alternative-border-width-pressed: var(--size-null);--button-alternative-icon-color-default: var(--sketch-color-accent-primary);--button-alternative-icon-color-disabled: var(--sketch-color-accent-tertiary);--button-alternative-icon-color-focus: var(--sketch-color-accent-primary);--button-alternative-icon-color-hover: var(--sketch-color-accent-primary);--button-alternative-icon-color-pressed: var(--sketch-color-accent-primary);--button-alternative-text-color-default: var(--sketch-color-accent-primary);--button-alternative-text-color-disabled: var(--sketch-color-accent-tertiary);--button-alternative-text-color-focus: var(--sketch-color-accent-primary);--button-alternative-text-color-hover: var(--sketch-color-accent-primary);--button-alternative-text-color-pressed: var(--sketch-color-accent-primary);--button-alternative-text-decoration-default: none;--button-alternative-text-decoration-disabled: none;--button-alternative-text-decoration-focus: none;--button-alternative-text-decoration-hover: none;--button-alternative-text-decoration-pressed: none;--button-base-background-color: transparent;--button-base-border-color: transparent;--button-base-border-offset: var(--size-null);--button-base-border-width: var(--size-null);--button-base-caret-height: var(--size-pos-small);--button-base-caret-width: var(--size-pos-xsmall);--button-base-gap: var(--size-pos-xxxsmall);--button-base-height: var(--size-pos-medium);--button-base-icon-color: var(--sketch-color-foreground-primary);--button-base-icon-height: var(--size-pos-small);--button-base-icon-width: var(--size-pos-small);--button-base-padding-bottom: var(--size-null);--button-base-padding-left: var(--size-pos-xmsmall);--button-base-padding-right: var(--size-pos-xmsmall);--button-base-padding-top: var(--size-null);--button-base-radius: var(--border-radius-large);--button-base-text-color: var(--sketch-color-foreground-primary);--button-base-text-decoration: none;--button-base-text-font-family: var(--font-stack);--button-base-text-font-size: var(--font-size-medium);--button-base-text-font-weight: var(--font-weight-bold);--button-base-text-letter-spacing: var(--font-letter-spacing-pos-small);--button-base-text-line-height: var(--font-line-height-default);--button-base-text-transform: none;--button-destructive-background-color-default: var(--sketch-color-accent-error);--button-destructive-background-color-disabled: var(--sketch-color-background-error);--button-destructive-background-color-focus: var(--sketch-color-accent-error);--button-destructive-background-color-hover: var(--sketch-color-foreground-error);--button-destructive-background-color-pressed: var(--sketch-color-foreground-error);--button-destructive-border-color-default: transparent;--button-destructive-border-color-disabled: transparent;--button-destructive-border-color-focus: var(--sketch-color-border-tertiary);--button-destructive-border-color-hover: transparent;--button-destructive-border-color-pressed: transparent;--button-destructive-border-offset-default: var(--size-null);--button-destructive-border-offset-disabled: var(--size-null);--button-destructive-border-offset-focus: var(--size-neg-unit);--button-destructive-border-offset-hover: var(--size-null);--button-destructive-border-offset-pressed: var(--size-null);--button-destructive-border-width-default: var(--size-null);--button-destructive-border-width-disabled: var(--size-null);--button-destructive-border-width-focus: var(--size-pos-unit);--button-destructive-border-width-hover: var(--size-null);--button-destructive-border-width-pressed: var(--size-null);--button-destructive-icon-color-default: var(--sketch-color-foreground-onaccent);--button-destructive-icon-color-disabled: var(--sketch-color-foreground-onaccent-disabled);--button-destructive-icon-color-focus: var(--sketch-color-foreground-onaccent);--button-destructive-icon-color-hover: var(--sketch-color-foreground-onaccent);--button-destructive-icon-color-pressed: var(--sketch-color-foreground-onaccent);--button-destructive-text-color-default: var(--sketch-color-foreground-onaccent);--button-destructive-text-color-disabled: var(--sketch-color-foreground-onaccent-disabled);--button-destructive-text-color-focus: var(--sketch-color-foreground-onaccent);--button-destructive-text-color-hover: var(--sketch-color-foreground-onaccent);--button-destructive-text-color-pressed: var(--sketch-color-foreground-onaccent);--button-destructive-text-decoration-default: none;--button-destructive-text-decoration-disabled: none;--button-destructive-text-decoration-focus: none;--button-destructive-text-decoration-hover: none;--button-destructive-text-decoration-pressed: none;--button-large-height: var(--size-pos-large);--button-large-padding-bottom: var(--size-null);--button-large-padding-left: var(--size-pos-small);--button-large-padding-right: var(--size-pos-small);--button-large-padding-top: var(--size-null);--button-primary-background-color-default: var(--sketch-color-accent-secondary);--button-primary-background-color-disabled: var(--sketch-color-accent-tertiary);--button-primary-background-color-focus: var(--sketch-color-accent-secondary);--button-primary-background-color-hover: var(--sketch-color-accent-primary);--button-primary-background-color-pressed: var(--sketch-color-accent-primary);--button-primary-border-color-default: transparent;--button-primary-border-color-disabled: none;--button-primary-border-color-focus: var(--sketch-color-accent-tertiary);--button-primary-border-color-hover: transparent;--button-primary-border-color-pressed: transparent;--button-primary-border-offset-default: var(--size-null);--button-primary-border-offset-disabled: var(--size-null);--button-primary-border-offset-focus: var(--size-neg-unit);--button-primary-border-offset-hover: var(--size-null);--button-primary-border-offset-pressed: var(--size-null);--button-primary-border-width-default: var(--size-null);--button-primary-border-width-disabled: var(--size-null);--button-primary-border-width-focus: var(--size-pos-unit);--button-primary-border-width-hover: var(--size-null);--button-primary-border-width-pressed: var(--size-null);--button-primary-icon-color-default: var(--sketch-color-foreground-onaccent);--button-primary-icon-color-disabled: var(--sketch-color-foreground-onaccent-disabled);--button-primary-icon-color-focus: var(--sketch-color-foreground-onaccent);--button-primary-icon-color-hover: var(--sketch-color-foreground-onaccent);--button-primary-icon-color-pressed: var(--sketch-color-foreground-onaccent);--button-primary-text-color-default: var(--sketch-color-foreground-onaccent);--button-primary-text-color-disabled: var(--sketch-color-foreground-onaccent-disabled);--button-primary-text-color-focus: var(--sketch-color-foreground-onaccent);--button-primary-text-color-hover: var(--sketch-color-foreground-onaccent);--button-primary-text-color-pressed: var(--sketch-color-foreground-onaccent);--button-primary-text-decoration-default: none;--button-primary-text-decoration-disabled: none;--button-primary-text-decoration-focus: none;--button-primary-text-decoration-hover: none;--button-primary-text-decoration-pressed: none;--button-secondary-background-color-default: var(--sketch-color-background-primary);--button-secondary-background-color-disabled: var(--sketch-color-background-secondary);--button-secondary-background-color-focus: var(--sketch-color-background-primary);--button-secondary-background-color-hover: var(--sketch-color-background-secondary);--button-secondary-background-color-pressed: var(--sketch-color-background-secondary);--button-secondary-border-color-default: var(--sketch-color-border-primary);--button-secondary-border-color-disabled: var(--sketch-color-border-disabled);--button-secondary-border-color-focus: var(--sketch-color-accent-primary);--button-secondary-border-color-hover: var(--sketch-color-border-primary);--button-secondary-border-color-pressed: var(--sketch-color-border-primary);--button-secondary-border-offset-default: var(--size-neg-unit);--button-secondary-border-offset-disabled: var(--size-neg-unit);--button-secondary-border-offset-focus: var(--size-neg-unit);--button-secondary-border-offset-hover: var(--size-neg-unit);--button-secondary-border-offset-pressed: var(--size-neg-unit);--button-secondary-border-width-default: var(--size-pos-unit);--button-secondary-border-width-disabled: var(--size-pos-unit);--button-secondary-border-width-focus: var(--size-pos-unit);--button-secondary-border-width-hover: var(--size-pos-unit);--button-secondary-border-width-pressed: var(--size-pos-unit);--button-secondary-icon-color-default: var(--sketch-color-foreground-tertiary);--button-secondary-icon-color-disabled: var(--sketch-color-foreground-disabled);--button-secondary-icon-color-focus: var(--sketch-color-foreground-tertiary);--button-secondary-icon-color-hover: var(--sketch-color-foreground-tertiary);--button-secondary-icon-color-pressed: var(--sketch-color-foreground-tertiary);--button-secondary-text-color-default: var(--sketch-color-foreground-primary);--button-secondary-text-color-disabled: var(--sketch-color-foreground-disabled);--button-secondary-text-color-focus: var(--sketch-color-foreground-primary);--button-secondary-text-color-hover: var(--sketch-color-foreground-primary);--button-secondary-text-color-pressed: var(--sketch-color-foreground-primary);--button-secondary-text-decoration-default: none;--button-secondary-text-decoration-disabled: none;--button-secondary-text-decoration-focus: none;--button-secondary-text-decoration-hover: none;--button-secondary-text-decoration-pressed: none;--button-small-height: var(--size-pos-small);--button-small-padding-bottom: var(--size-null);--button-small-padding-left: var(--size-pos-xxsmall);--button-small-padding-right: var(--size-pos-xxsmall);--button-small-padding-top: var(--size-null);--button-status-gap: var(--size-pos-xxsmall);--button-status-height: var(--size-pos-small);--button-tertiary-background-color-default: var(--sketch-color-background-primary);--button-tertiary-background-color-disabled: var(--sketch-color-background-primary);--button-tertiary-background-color-focus: var(--sketch-color-background-primary);--button-tertiary-background-color-hover: var(--sketch-color-background-primary);--button-tertiary-background-color-pressed: var(--sketch-color-background-primary);--button-tertiary-border-color-default: transparent;--button-tertiary-border-color-disabled: transparent;--button-tertiary-border-color-focus: transparent;--button-tertiary-border-color-hover: transparent;--button-tertiary-border-color-pressed: transparent;--button-tertiary-border-offset-default: var(--size-null);--button-tertiary-border-offset-disabled: var(--size-null);--button-tertiary-border-offset-focus: var(--size-null);--button-tertiary-border-offset-hover: var(--size-null);--button-tertiary-border-offset-pressed: var(--size-null);--button-tertiary-border-width-default: var(--size-null);--button-tertiary-border-width-disabled: var(--size-null);--button-tertiary-border-width-focus: var(--size-null);--button-tertiary-border-width-hover: var(--size-null);--button-tertiary-border-width-pressed: var(--size-null);--button-tertiary-icon-color-default: var(--sketch-color-accent-primary);--button-tertiary-icon-color-disabled: var(--sketch-color-accent-disabled);--button-tertiary-icon-color-focus: var(--sketch-color-accent-primary);--button-tertiary-icon-color-hover: var(--sketch-color-accent-primary);--button-tertiary-icon-color-pressed: var(--sketch-color-accent-primary);--button-tertiary-padding-bottom: var(--size-null);--button-tertiary-padding-left: var(--size-null);--button-tertiary-padding-right: var(--size-null);--button-tertiary-padding-top: var(--size-null);--button-tertiary-text-color-default: var(--sketch-color-accent-primary);--button-tertiary-text-color-disabled: var(--sketch-color-accent-tertiary);--button-tertiary-text-color-focus: var(--sketch-color-accent-primary);--button-tertiary-text-color-hover: var(--sketch-color-accent-primary);--button-tertiary-text-color-pressed: var(--sketch-color-accent-primary);--button-tertiary-text-decoration-default: none;--button-tertiary-text-decoration-disabled: none;--button-tertiary-text-decoration-focus: underline;--button-tertiary-text-decoration-hover: none;--button-tertiary-text-decoration-pressed: none;--button-tertiary-text-font-size: var(--font-size-medium);--icon-button-base-background-color: transparent;--icon-button-base-border-color: transparent;--icon-button-base-border-offset: var(--size-null);--icon-button-base-border-width: var(--size-null);--icon-button-base-height: var(--size-pos-medium);--icon-button-base-icon-color: var(--sketch-color-background-secondary);--icon-button-base-icon-height: var(--size-pos-small);--icon-button-base-icon-width: var(--size-pos-small);--icon-button-base-notification-border-offset: var(--size-null);--icon-button-base-notification-border-width: var(--size-pos-xunit);--icon-button-base-notification-height: var(--size-pos-xxxsmall);--icon-button-base-notification-radius: var(--border-radius-full);--icon-button-base-notification-right: var(--size-pos-xxxsmall);--icon-button-base-notification-top: var(--size-pos-xxxsmall);--icon-button-base-notification-width: var(--size-pos-xxxsmall);--icon-button-base-padding-bottom: var(--size-null);--icon-button-base-padding-left: var(--size-null);--icon-button-base-padding-right: var(--size-null);--icon-button-base-padding-top: var(--size-null);--icon-button-base-radius: var(--border-radius-large);--icon-button-base-text-color: var(--sketch-color-background-secondary);--icon-button-base-width: var(--size-pos-large);--icon-button-default-background-color-default: var(--sketch-color-background-primary);--icon-button-default-background-color-disabled: var(--sketch-color-background-primary);--icon-button-default-background-color-focus: var(--sketch-color-background-primary);--icon-button-default-background-color-hover: var(--sketch-color-background-secondary);--icon-button-default-background-color-onselected: var(--sketch-color-accent-tertiary);--icon-button-default-background-color-onselected-disabled: var(--sketch-color-accent-disabled);--icon-button-default-background-color-onselected-hover: var(--sketch-color-accent-tertiary);--icon-button-default-background-color-pressed: var(--sketch-color-background-secondary);--icon-button-default-border-color-default: transparent;--icon-button-default-border-color-disabled: transparent;--icon-button-default-border-color-focus: var(--sketch-color-accent-primary);--icon-button-default-border-color-hover: transparent;--icon-button-default-border-color-pressed: transparent;--icon-button-default-border-offset-default: var(--size-null);--icon-button-default-border-offset-disabled: var(--size-null);--icon-button-default-border-offset-focus: var(--size-neg-unit);--icon-button-default-border-offset-hover: var(--size-null);--icon-button-default-border-offset-pressed: var(--size-null);--icon-button-default-border-width-default: var(--size-null);--icon-button-default-border-width-disabled: var(--size-null);--icon-button-default-border-width-focus: var(--size-pos-unit);--icon-button-default-border-width-hover: var(--size-null);--icon-button-default-border-width-pressed: var(--size-null);--icon-button-default-icon-color-default: var(--sketch-color-foreground-tertiary);--icon-button-default-icon-color-disabled: var(--sketch-color-foreground-disabled);--icon-button-default-icon-color-focus: var(--sketch-color-foreground-primary);--icon-button-default-icon-color-hover: var(--sketch-color-foreground-primary);--icon-button-default-icon-color-pressed: var(--sketch-color-foreground-primary);--icon-button-default-notification-background-color-default: var(--sketch-color-accent-primary);--icon-button-default-notification-background-color-disabled: var(--sketch-color-accent-tertiary);--icon-button-default-notification-background-color-focus: var(--sketch-color-accent-primary);--icon-button-default-notification-background-color-hover: var(--sketch-color-accent-primary);--icon-button-default-notification-background-color-pressed: var(--sketch-color-accent-primary);--icon-button-default-notification-border-color-default: var(--sketch-color-background-primary);--icon-button-default-notification-border-color-disabled: var(--sketch-color-background-secondary);--icon-button-default-notification-border-color-focus: var(--sketch-color-background-primary);--icon-button-default-notification-border-color-hover: var(--sketch-color-background-tertiary);--icon-button-default-notification-border-color-pressed: var(--sketch-color-background-tertiary);--icon-button-large-height: var(--size-pos-large);--icon-button-large-width: var(--size-pos-xlarge);--icon-button-selected-background-color-default: var(--sketch-color-accent-disabled);--icon-button-selected-background-color-disabled: var(--sketch-color-accent-disabled);--icon-button-selected-background-color-focus: var(--sketch-color-accent-disabled);--icon-button-selected-background-color-hover: var(--sketch-color-accent-tertiary);--icon-button-selected-background-color-pressed: var(--sketch-color-accent-tertiary);--icon-button-selected-border-color-default: transparent;--icon-button-selected-border-color-disabled: transparent;--icon-button-selected-border-color-focus: var(--sketch-color-accent-primary);--icon-button-selected-border-color-hover: transparent;--icon-button-selected-border-color-pressed: transparent;--icon-button-selected-border-offset-default: var(--size-null);--icon-button-selected-border-offset-disabled: var(--size-null);--icon-button-selected-border-offset-focus: var(--size-neg-unit);--icon-button-selected-border-offset-hover: var(--size-null);--icon-button-selected-border-offset-pressed: var(--size-null);--icon-button-selected-border-width-default: var(--size-null);--icon-button-selected-border-width-disabled: var(--size-null);--icon-button-selected-border-width-focus: var(--size-pos-unit);--icon-button-selected-border-width-hover: var(--size-null);--icon-button-selected-border-width-pressed: var(--size-null);--icon-button-selected-icon-color-default: var(--sketch-color-accent-primary);--icon-button-selected-icon-color-disabled: var(--sketch-color-accent-tertiary);--icon-button-selected-icon-color-focus: var(--sketch-color-accent-primary);--icon-button-selected-icon-color-hover: var(--sketch-color-accent-primary);--icon-button-selected-icon-color-pressed: var(--sketch-color-accent-primary);--icon-button-selected-notification-background-color-default: var(--sketch-color-accent-primary);--icon-button-selected-notification-background-color-disabled: var(--sketch-color-accent-tertiary);--icon-button-selected-notification-background-color-focus: var(--sketch-color-accent-primary);--icon-button-selected-notification-background-color-hover: var(--sketch-color-accent-primary);--icon-button-selected-notification-background-color-pressed: var(--sketch-color-accent-primary);--icon-button-selected-notification-border-color-default: var(--sketch-color-accent-disabled);--icon-button-selected-notification-border-color-disabled: var(--sketch-color-accent-disabled);--icon-button-selected-notification-border-color-focus: var(--sketch-color-accent-disabled);--icon-button-selected-notification-border-color-hover: var(--sketch-color-accent-tertiary);--icon-button-selected-notification-border-color-pressed: var(--sketch-color-accent-tertiary);--icon-button-small-height: var(--size-pos-small);--icon-button-small-width: var(--size-pos-medium)}:root[data-theme=figma]{--button-alternative-background-color-default: var(--figma-color-bg-component);--button-alternative-background-color-disabled: var(--figma-color-bg-disabled);--button-alternative-background-color-focus: var(--figma-color-bg-component);--button-alternative-background-color-hover: var(--figma-color-bg-component);--button-alternative-background-color-pressed: var(--figma-color-bg-component-pressed);--button-alternative-border-color-default: transparent;--button-alternative-border-color-disabled: transparent;--button-alternative-border-color-focus: var(--figma-color-border-oncomponent-strong);--button-alternative-border-color-hover: transparent;--button-alternative-border-color-pressed: transparent;--button-alternative-border-offset-default: var(--size-null);--button-alternative-border-offset-disabled: var(--size-null);--button-alternative-border-offset-focus: var(--size-neg-unit);--button-alternative-border-offset-hover: var(--size-null);--button-alternative-border-offset-pressed: var(--size-null);--button-alternative-border-width-default: var(--size-null);--button-alternative-border-width-disabled: var(--size-null);--button-alternative-border-width-focus: var(--size-pos-unit);--button-alternative-border-width-hover: var(--size-null);--button-alternative-border-width-pressed: var(--size-null);--button-alternative-icon-color-default: var(--figma-color-icon-oncomponent);--button-alternative-icon-color-disabled: var(--figma-color-icon-ondisabled);--button-alternative-icon-color-focus: var(--figma-color-icon-oncomponent);--button-alternative-icon-color-hover: var(--figma-color-icon-oncomponent);--button-alternative-icon-color-pressed: var(--figma-color-icon-oncomponent);--button-alternative-text-color-default: var(--figma-color-text-oncomponent);--button-alternative-text-color-disabled: var(--figma-color-text-ondisabled);--button-alternative-text-color-focus: var(--figma-color-text-oncomponent);--button-alternative-text-color-hover: var(--figma-color-text-oncomponent);--button-alternative-text-color-pressed: var(--figma-color-text-oncomponent);--button-alternative-text-decoration-default: none;--button-alternative-text-decoration-disabled: none;--button-alternative-text-decoration-focus: none;--button-alternative-text-decoration-hover: none;--button-alternative-text-decoration-pressed: none;--button-base-background-color: transparent;--button-base-border-color: transparent;--button-base-border-offset: var(--size-null);--button-base-border-width: var(--size-null);--button-base-caret-height: var(--size-pos-small);--button-base-caret-width: var(--size-pos-xsmall);--button-base-gap: var(--size-pos-xxxsmall);--button-base-height: var(--size-pos-small);--button-base-icon-color: var(--figma-color-icon);--button-base-icon-height: var(--size-pos-small);--button-base-icon-width: var(--size-pos-small);--button-base-padding-bottom: var(--size-null);--button-base-padding-left: var(--size-pos-xxsmall);--button-base-padding-right: var(--size-pos-xxsmall);--button-base-padding-top: var(--size-null);--button-base-radius: var(--border-radius-medium);--button-base-text-color: var(--figma-color-text);--button-base-text-decoration: none;--button-base-text-font-family: var(--font-stack);--button-base-text-font-size: var(--font-size-xsmall);--button-base-text-font-weight: var(--font-weight-accent);--button-base-text-letter-spacing: var(--font-letter-spacing-pos-small);--button-base-text-line-height: var(--font-line-height-default);--button-base-text-transform: none;--button-destructive-background-color-default: var(--figma-color-bg-danger);--button-destructive-background-color-disabled: var(--figma-color-bg-disabled);--button-destructive-background-color-focus: var(--figma-color-bg-danger);--button-destructive-background-color-hover: var(--figma-color-bg-danger);--button-destructive-background-color-pressed: var(--figma-color-bg-danger-pressed);--button-destructive-border-color-default: transparent;--button-destructive-border-color-disabled: transparent;--button-destructive-border-color-focus: var(--figma-color-border-ondanger-strong);--button-destructive-border-color-hover: transparent;--button-destructive-border-color-pressed: transparent;--button-destructive-border-offset-default: var(--size-null);--button-destructive-border-offset-disabled: var(--size-null);--button-destructive-border-offset-focus: var(--size-neg-unit);--button-destructive-border-offset-hover: var(--size-null);--button-destructive-border-offset-pressed: var(--size-null);--button-destructive-border-width-default: var(--size-null);--button-destructive-border-width-disabled: var(--size-null);--button-destructive-border-width-focus: var(--size-pos-unit);--button-destructive-border-width-hover: var(--size-null);--button-destructive-border-width-pressed: var(--size-null);--button-destructive-icon-color-default: var(--figma-color-icon-ondanger);--button-destructive-icon-color-disabled: var(--figma-color-icon-ondisabled);--button-destructive-icon-color-focus: var(--figma-color-icon-ondanger);--button-destructive-icon-color-hover: var(--figma-color-icon-ondanger);--button-destructive-icon-color-pressed: var(--figma-color-icon-ondanger);--button-destructive-text-color-default: var(--figma-color-text-ondanger);--button-destructive-text-color-disabled: var(--figma-color-text-ondisabled);--button-destructive-text-color-focus: var(--figma-color-text-ondanger);--button-destructive-text-color-hover: var(--figma-color-text-ondanger);--button-destructive-text-color-pressed: var(--figma-color-text-ondanger);--button-destructive-text-decoration-default: none;--button-destructive-text-decoration-disabled: none;--button-destructive-text-decoration-focus: none;--button-destructive-text-decoration-hover: none;--button-destructive-text-decoration-pressed: none;--button-large-height: var(--size-pos-large);--button-large-padding-bottom: var(--size-null);--button-large-padding-left: var(--size-pos-medium);--button-large-padding-right: var(--size-pos-medium);--button-large-padding-top: var(--size-null);--button-primary-background-color-default: var(--figma-color-bg-brand);--button-primary-background-color-disabled: var(--figma-color-bg-disabled);--button-primary-background-color-focus: var(--figma-color-bg-brand);--button-primary-background-color-hover: var(--figma-color-bg-brand);--button-primary-background-color-pressed: var(--figma-color-bg-brand-pressed);--button-primary-border-color-default: transparent;--button-primary-border-color-disabled: none;--button-primary-border-color-focus: var(--figma-color-border-onbrand-strong);--button-primary-border-color-hover: transparent;--button-primary-border-color-pressed: transparent;--button-primary-border-offset-default: var(--size-null);--button-primary-border-offset-disabled: var(--size-null);--button-primary-border-offset-focus: var(--size-neg-unit);--button-primary-border-offset-hover: var(--size-null);--button-primary-border-offset-pressed: var(--size-null);--button-primary-border-width-default: var(--size-null);--button-primary-border-width-disabled: var(--size-null);--button-primary-border-width-focus: var(--size-pos-unit);--button-primary-border-width-hover: var(--size-null);--button-primary-border-width-pressed: var(--size-null);--button-primary-icon-color-default: var(--figma-color-icon-onbrand);--button-primary-icon-color-disabled: var(--figma-color-icon-ondisabled);--button-primary-icon-color-focus: var(--figma-color-icon-onbrand);--button-primary-icon-color-hover: var(--figma-color-icon-onbrand);--button-primary-icon-color-pressed: var(--figma-color-icon-onbrand);--button-primary-text-color-default: var(--figma-color-text-onbrand);--button-primary-text-color-disabled: var(--figma-color-text-ondisabled);--button-primary-text-color-focus: var(--figma-color-text-onbrand);--button-primary-text-color-hover: var(--figma-color-text-onbrand);--button-primary-text-color-pressed: var(--figma-color-text-onbrand);--button-primary-text-decoration-default: none;--button-primary-text-decoration-disabled: none;--button-primary-text-decoration-focus: none;--button-primary-text-decoration-hover: none;--button-primary-text-decoration-pressed: none;--button-secondary-background-color-default: var(--figma-color-bg);--button-secondary-background-color-disabled: var(--figma-color-bg);--button-secondary-background-color-focus: var(--figma-color-bg);--button-secondary-background-color-hover: var(--figma-color-bg);--button-secondary-background-color-pressed: var(--figma-color-bg-pressed);--button-secondary-border-color-default: var(--figma-color-border-disabled);--button-secondary-border-color-disabled: var(--figma-color-border-disabled);--button-secondary-border-color-focus: var(--figma-color-border-selected);--button-secondary-border-color-hover: var(--figma-color-border-disabled);--button-secondary-border-color-pressed: var(--figma-color-border-disabled);--button-secondary-border-offset-default: var(--size-neg-unit);--button-secondary-border-offset-disabled: var(--size-neg-unit);--button-secondary-border-offset-focus: var(--size-neg-unit);--button-secondary-border-offset-hover: var(--size-neg-unit);--button-secondary-border-offset-pressed: var(--size-neg-unit);--button-secondary-border-width-default: var(--size-pos-unit);--button-secondary-border-width-disabled: var(--size-pos-unit);--button-secondary-border-width-focus: var(--size-pos-unit);--button-secondary-border-width-hover: var(--size-pos-unit);--button-secondary-border-width-pressed: var(--size-pos-unit);--button-secondary-icon-color-default: var(--figma-color-icon);--button-secondary-icon-color-disabled: var(--figma-color-icon-disabled);--button-secondary-icon-color-focus: var(--figma-color-icon);--button-secondary-icon-color-hover: var(--figma-color-icon);--button-secondary-icon-color-pressed: var(--figma-color-icon);--button-secondary-text-color-default: var(--figma-color-text);--button-secondary-text-color-disabled: var(--figma-color-text-disabled);--button-secondary-text-color-focus: var(--figma-color-text);--button-secondary-text-color-hover: var(--figma-color-text);--button-secondary-text-color-pressed: var(--figma-color-text);--button-secondary-text-decoration-default: none;--button-secondary-text-decoration-disabled: none;--button-secondary-text-decoration-focus: none;--button-secondary-text-decoration-hover: none;--button-secondary-text-decoration-pressed: none;--button-small-height: var(--size-pos-small);--button-small-padding-bottom: var(--size-null);--button-small-padding-left: var(--size-pos-xxsmall);--button-small-padding-right: var(--size-pos-xxsmall);--button-small-padding-top: var(--size-null);--button-status-gap: var(--size-pos-xxsmall);--button-status-height: var(--size-pos-small);--button-tertiary-background-color-default: var(--figma-color-bg);--button-tertiary-background-color-disabled: var(--figma-color-bg);--button-tertiary-background-color-focus: var(--figma-color-bg);--button-tertiary-background-color-hover: var(--figma-color-bg);--button-tertiary-background-color-pressed: var(--figma-color-bg);--button-tertiary-border-color-default: transparent;--button-tertiary-border-color-disabled: transparent;--button-tertiary-border-color-focus: transparent;--button-tertiary-border-color-hover: transparent;--button-tertiary-border-color-pressed: transparent;--button-tertiary-border-offset-default: var(--size-null);--button-tertiary-border-offset-disabled: var(--size-null);--button-tertiary-border-offset-focus: var(--size-null);--button-tertiary-border-offset-hover: var(--size-null);--button-tertiary-border-offset-pressed: var(--size-null);--button-tertiary-border-width-default: var(--size-null);--button-tertiary-border-width-disabled: var(--size-null);--button-tertiary-border-width-focus: var(--size-null);--button-tertiary-border-width-hover: var(--size-null);--button-tertiary-border-width-pressed: var(--size-null);--button-tertiary-icon-color-default: var(--figma-color-icon-brand);--button-tertiary-icon-color-disabled: var(--figma-color-icon-disabled);--button-tertiary-icon-color-focus: var(--figma-color-icon-brand);--button-tertiary-icon-color-hover: var(--figma-color-icon-brand);--button-tertiary-icon-color-pressed: var(--figma-color-icon-brand);--button-tertiary-padding-bottom: var(--size-null);--button-tertiary-padding-left: var(--size-null);--button-tertiary-padding-right: var(--size-null);--button-tertiary-padding-top: var(--size-null);--button-tertiary-text-color-default: var(--figma-color-text-brand);--button-tertiary-text-color-disabled: var(--figma-color-text-disabled);--button-tertiary-text-color-focus: var(--figma-color-text-brand);--button-tertiary-text-color-hover: var(--figma-color-text-brand);--button-tertiary-text-color-pressed: var(--figma-color-text-brand);--button-tertiary-text-decoration-default: none;--button-tertiary-text-decoration-disabled: none;--button-tertiary-text-decoration-focus: underline;--button-tertiary-text-decoration-hover: none;--button-tertiary-text-decoration-pressed: none;--button-tertiary-text-font-size: var(--font-size-xsmall);--icon-button-base-background-color: transparent;--icon-button-base-border-color: transparent;--icon-button-base-border-offset: var(--size-null);--icon-button-base-border-width: var(--size-null);--icon-button-base-height: var(--size-pos-small);--icon-button-base-icon-color: var(--figma-color-icon);--icon-button-base-icon-height: var(--size-pos-small);--icon-button-base-icon-width: var(--size-pos-small);--icon-button-base-notification-border-offset: var(--size-null);--icon-button-base-notification-border-width: var(--size-pos-xunit);--icon-button-base-notification-height: var(--size-pos-xxsmall);--icon-button-base-notification-radius: var(--border-radius-full);--icon-button-base-notification-right: var(--size-pos-xunit);--icon-button-base-notification-top: var(--size-pos-xunit);--icon-button-base-notification-width: var(--size-pos-xxsmall);--icon-button-base-padding-bottom: var(--size-null);--icon-button-base-padding-left: var(--size-null);--icon-button-base-padding-right: var(--size-null);--icon-button-base-padding-top: var(--size-null);--icon-button-base-radius: var(--border-radius-medium);--icon-button-base-text-color: var(--figma-color-text);--icon-button-base-width: var(--size-pos-small);--icon-button-default-background-color-default: var(--figma-color-bg);--icon-button-default-background-color-disabled: var(--figma-color-bg);--icon-button-default-background-color-focus: var(--figma-color-bg);--icon-button-default-background-color-hover: var(--figma-color-bg-hover);--icon-button-default-background-color-onselected: var(--figma-color-bg-selected);--icon-button-default-background-color-onselected-disabled: var(--figma-color-bg-brand-tertiary);--icon-button-default-background-color-onselected-hover: var(--figma-color-bg-selected-hover);--icon-button-default-background-color-pressed: var(--figma-color-bg-pressed);--icon-button-default-border-color-default: transparent;--icon-button-default-border-color-disabled: transparent;--icon-button-default-border-color-focus: var(--figma-color-border-selected);--icon-button-default-border-color-hover: transparent;--icon-button-default-border-color-pressed: transparent;--icon-button-default-border-offset-default: var(--size-null);--icon-button-default-border-offset-disabled: var(--size-null);--icon-button-default-border-offset-focus: var(--size-neg-unit);--icon-button-default-border-offset-hover: var(--size-null);--icon-button-default-border-offset-pressed: var(--size-null);--icon-button-default-border-width-default: var(--size-null);--icon-button-default-border-width-disabled: var(--size-null);--icon-button-default-border-width-focus: var(--size-pos-unit);--icon-button-default-border-width-hover: var(--size-null);--icon-button-default-border-width-pressed: var(--size-null);--icon-button-default-icon-color-default: var(--figma-color-icon);--icon-button-default-icon-color-disabled: var(--figma-color-icon-disabled);--icon-button-default-icon-color-focus: var(--figma-color-icon);--icon-button-default-icon-color-hover: var(--figma-color-icon);--icon-button-default-icon-color-pressed: var(--figma-color-icon);--icon-button-default-notification-background-color-default: var(--figma-color-bg-brand);--icon-button-default-notification-background-color-disabled: var(--figma-color-bg-brand-secondary);--icon-button-default-notification-background-color-focus: var(--figma-color-bg-brand);--icon-button-default-notification-background-color-hover: var(--figma-color-bg-brand);--icon-button-default-notification-background-color-pressed: var(--figma-color-bg-brand);--icon-button-default-notification-border-color-default: var(--figma-color-bg);--icon-button-default-notification-border-color-disabled: var(--figma-color-bg);--icon-button-default-notification-border-color-focus: var(--figma-color-bg);--icon-button-default-notification-border-color-hover: var(--figma-color-bg-hover);--icon-button-default-notification-border-color-pressed: var(--figma-color-bg-pressed);--icon-button-large-height: var(--size-pos-medium);--icon-button-large-width: var(--size-pos-medium);--icon-button-selected-background-color-default: var(--figma-color-bg-selected);--icon-button-selected-background-color-disabled: var(--figma-color-bg-brand-tertiary);--icon-button-selected-background-color-focus: var(--figma-color-bg-selected);--icon-button-selected-background-color-hover: var(--figma-color-bg-selected-hover);--icon-button-selected-background-color-pressed: var(--figma-color-bg-selected-pressed);--icon-button-selected-border-color-default: transparent;--icon-button-selected-border-color-disabled: transparent;--icon-button-selected-border-color-focus: var(--figma-color-border-selected);--icon-button-selected-border-color-hover: transparent;--icon-button-selected-border-color-pressed: transparent;--icon-button-selected-border-offset-default: var(--size-null);--icon-button-selected-border-offset-disabled: var(--size-null);--icon-button-selected-border-offset-focus: var(--size-neg-unit);--icon-button-selected-border-offset-hover: var(--size-null);--icon-button-selected-border-offset-pressed: var(--size-null);--icon-button-selected-border-width-default: var(--size-null);--icon-button-selected-border-width-disabled: var(--size-null);--icon-button-selected-border-width-focus: var(--size-pos-unit);--icon-button-selected-border-width-hover: var(--size-null);--icon-button-selected-border-width-pressed: var(--size-null);--icon-button-selected-icon-color-default: var(--figma-color-icon-brand);--icon-button-selected-icon-color-disabled: var(--figma-color-icon-brand-secondary);--icon-button-selected-icon-color-focus: var(--figma-color-icon-brand);--icon-button-selected-icon-color-hover: var(--figma-color-icon-brand);--icon-button-selected-icon-color-pressed: var(--figma-color-icon-brand);--icon-button-selected-notification-background-color-default: var(--figma-color-bg-brand);--icon-button-selected-notification-background-color-disabled: var(--figma-color-bg-brand-secondary);--icon-button-selected-notification-background-color-focus: var(--figma-color-bg-brand);--icon-button-selected-notification-background-color-hover: var(--figma-color-bg-brand);--icon-button-selected-notification-background-color-pressed: var(--figma-color-bg-brand);--icon-button-selected-notification-border-color-default: var(--figma-color-bg-selected);--icon-button-selected-notification-border-color-disabled: var(--figma-color-bg-selected);--icon-button-selected-notification-border-color-focus: var(--figma-color-bg-selected);--icon-button-selected-notification-border-color-hover: var(--figma-color-bg-tertiary);--icon-button-selected-notification-border-color-pressed: var(--figma-color-bg-brand-tertiary);--icon-button-small-height: var(--size-pos-msmall);--icon-button-small-width: var(--size-pos-msmall)}:root[data-theme=framer]{--button-alternative-background-color-default: var(--framer-color-tint-dimmed);--button-alternative-background-color-disabled: var(--framer-color-bg-tertiary);--button-alternative-background-color-focus: var(--framer-color-tint-dimmed);--button-alternative-background-color-hover: var(--framer-color-tint);--button-alternative-background-color-pressed: var(--framer-color-tint-dimmed);--button-alternative-border-color-default: transparent;--button-alternative-border-color-disabled: transparent;--button-alternative-border-color-focus: var(--framer-color-tint);--button-alternative-border-color-hover: transparent;--button-alternative-border-color-pressed: transparent;--button-alternative-border-offset-default: var(--size-null);--button-alternative-border-offset-disabled: var(--size-null);--button-alternative-border-offset-focus: var(--size-neg-unit);--button-alternative-border-offset-hover: var(--size-null);--button-alternative-border-offset-pressed: var(--size-null);--button-alternative-border-width-default: var(--size-null);--button-alternative-border-width-disabled: var(--size-null);--button-alternative-border-width-focus: var(--size-pos-unit);--button-alternative-border-width-hover: var(--size-null);--button-alternative-border-width-pressed: var(--size-null);--button-alternative-icon-color-default: var(--framer-color-tint);--button-alternative-icon-color-disabled: var(--framer-color-text-tertiary);--button-alternative-icon-color-focus: var(--framer-color-tint);--button-alternative-icon-color-hover: var(--framer-color-text-reversed);--button-alternative-icon-color-pressed: var(--framer-color-tint);--button-alternative-text-color-default: var(--framer-color-tint);--button-alternative-text-color-disabled: var(--framer-color-text-tertiary);--button-alternative-text-color-focus: var(--framer-color-tint);--button-alternative-text-color-hover: var(--framer-color-text-reversed);--button-alternative-text-color-pressed: var(--framer-color-tint);--button-alternative-text-decoration-default: none;--button-alternative-text-decoration-disabled: none;--button-alternative-text-decoration-focus: none;--button-alternative-text-decoration-hover: none;--button-alternative-text-decoration-pressed: none;--button-base-background-color: transparent;--button-base-border-color: transparent;--button-base-border-offset: var(--size-null);--button-base-border-width: var(--size-null);--button-base-caret-height: var(--size-pos-small);--button-base-caret-width: var(--size-pos-xsmall);--button-base-gap: var(--size-pos-xxxsmall);--button-base-height: var(--size-pos-medium);--button-base-icon-color: var(--framer-color-text);--button-base-icon-height: var(--size-pos-small);--button-base-icon-width: var(--size-pos-small);--button-base-padding-bottom: var(--size-null);--button-base-padding-left: var(--size-pos-xmsmall);--button-base-padding-right: var(--size-pos-xmsmall);--button-base-padding-top: var(--size-null);--button-base-radius: var(--border-radius-xlarge);--button-base-text-color: var(--framer-color-text);--button-base-text-decoration: none;--button-base-text-font-family: var(--font-stack);--button-base-text-font-size: var(--font-size-small);--button-base-text-font-weight: var(--font-weight-bold);--button-base-text-letter-spacing: var(--font-letter-spacing-pos-small);--button-base-text-line-height: var(--font-line-height-default);--button-base-text-transform: none;--button-destructive-background-color-default: var(--framer-color-destructive);--button-destructive-background-color-disabled: var(--framer-color-bg-tertiary);--button-destructive-background-color-focus: var(--framer-color-destructive-dark);--button-destructive-background-color-hover: var(--framer-color-destructive-dark);--button-destructive-background-color-pressed: var(--framer-color-destructive);--button-destructive-border-color-default: transparent;--button-destructive-border-color-disabled: transparent;--button-destructive-border-color-focus: var(--framer-color-destructive-extra-dark);--button-destructive-border-color-hover: transparent;--button-destructive-border-color-pressed: transparent;--button-destructive-border-offset-default: var(--size-null);--button-destructive-border-offset-disabled: var(--size-null);--button-destructive-border-offset-focus: var(--size-neg-unit);--button-destructive-border-offset-hover: var(--size-null);--button-destructive-border-offset-pressed: var(--size-null);--button-destructive-border-width-default: var(--size-null);--button-destructive-border-width-disabled: var(--size-null);--button-destructive-border-width-focus: var(--size-pos-unit);--button-destructive-border-width-hover: var(--size-null);--button-destructive-border-width-pressed: var(--size-null);--button-destructive-icon-color-default: var(--framer-color-text-reversed);--button-destructive-icon-color-disabled: var(--framer-color-text-tertiary);--button-destructive-icon-color-focus: var(--framer-color-text-reversed);--button-destructive-icon-color-hover: var(--framer-color-text-reversed);--button-destructive-icon-color-pressed: var(--framer-color-text-reversed);--button-destructive-text-color-default: var(--framer-color-text-reversed);--button-destructive-text-color-disabled: var(--framer-color-text-tertiary);--button-destructive-text-color-focus: var(--framer-color-text-reversed);--button-destructive-text-color-hover: var(--framer-color-text-reversed);--button-destructive-text-color-pressed: var(--framer-color-text-reversed);--button-destructive-text-decoration-default: none;--button-destructive-text-decoration-disabled: none;--button-destructive-text-decoration-focus: none;--button-destructive-text-decoration-hover: none;--button-destructive-text-decoration-pressed: none;--button-large-height: var(--size-pos-large);--button-large-padding-bottom: var(--size-null);--button-large-padding-left: var(--size-pos-medium);--button-large-padding-right: var(--size-pos-medium);--button-large-padding-top: var(--size-null);--button-primary-background-color-default: var(--framer-color-tint);--button-primary-background-color-disabled: var(--framer-color-bg-tertiary);--button-primary-background-color-focus: var(--framer-color-tint-dark);--button-primary-background-color-hover: var(--framer-color-tint-dark);--button-primary-background-color-pressed: var(--framer-color-tint);--button-primary-border-color-default: transparent;--button-primary-border-color-disabled: none;--button-primary-border-color-focus: var(--framer-color-tint-extra-dark);--button-primary-border-color-hover: transparent;--button-primary-border-color-pressed: transparent;--button-primary-border-offset-default: var(--size-null);--button-primary-border-offset-disabled: var(--size-null);--button-primary-border-offset-focus: var(--size-neg-unit);--button-primary-border-offset-hover: var(--size-null);--button-primary-border-offset-pressed: var(--size-null);--button-primary-border-width-default: var(--size-null);--button-primary-border-width-disabled: var(--size-null);--button-primary-border-width-focus: var(--size-pos-unit);--button-primary-border-width-hover: var(--size-null);--button-primary-border-width-pressed: var(--size-null);--button-primary-icon-color-default: var(--framer-color-text-reversed);--button-primary-icon-color-disabled: var(--framer-color-text-tertiary);--button-primary-icon-color-focus: var(--framer-color-text-reversed);--button-primary-icon-color-hover: var(--framer-color-text-reversed);--button-primary-icon-color-pressed: var(--framer-color-text-reversed);--button-primary-text-color-default: var(--framer-color-text-reversed);--button-primary-text-color-disabled: var(--framer-color-text-tertiary);--button-primary-text-color-focus: var(--framer-color-text-reversed);--button-primary-text-color-hover: var(--framer-color-text-reversed);--button-primary-text-color-pressed: var(--framer-color-text-reversed);--button-primary-text-decoration-default: none;--button-primary-text-decoration-disabled: none;--button-primary-text-decoration-focus: none;--button-primary-text-decoration-hover: none;--button-primary-text-decoration-pressed: none;--button-secondary-background-color-default: var(--framer-color-bg-secondary);--button-secondary-background-color-disabled: var(--framer-color-bg-tertiary);--button-secondary-background-color-focus: var(--framer-color-bg-tertiary);--button-secondary-background-color-hover: var(--framer-color-bg-tertiary);--button-secondary-background-color-pressed: var(--framer-color-bg-secondary);--button-secondary-border-color-default: transparent;--button-secondary-border-color-disabled: transparent;--button-secondary-border-color-focus: var(--framer-color-tint);--button-secondary-border-color-hover: transparent;--button-secondary-border-color-pressed: transparent;--button-secondary-border-offset-default: var(--size-null);--button-secondary-border-offset-disabled: var(--size-null);--button-secondary-border-offset-focus: var(--size-neg-unit);--button-secondary-border-offset-hover: var(--size-null);--button-secondary-border-offset-pressed: var(--size-null);--button-secondary-border-width-default: var(--size-null);--button-secondary-border-width-disabled: var(--size-null);--button-secondary-border-width-focus: var(--size-pos-unit);--button-secondary-border-width-hover: var(--size-null);--button-secondary-border-width-pressed: var(--size-null);--button-secondary-icon-color-default: var(--framer-color-text);--button-secondary-icon-color-disabled: var(--framer-color-text-tertiary);--button-secondary-icon-color-focus: var(--framer-color-text);--button-secondary-icon-color-hover: var(--framer-color-text);--button-secondary-icon-color-pressed: var(--framer-color-text);--button-secondary-text-color-default: var(--framer-color-text);--button-secondary-text-color-disabled: var(--framer-color-text-tertiary);--button-secondary-text-color-focus: var(--framer-color-text);--button-secondary-text-color-hover: var(--framer-color-text);--button-secondary-text-color-pressed: var(--framer-color-text);--button-secondary-text-decoration-default: none;--button-secondary-text-decoration-disabled: none;--button-secondary-text-decoration-focus: none;--button-secondary-text-decoration-hover: none;--button-secondary-text-decoration-pressed: none;--button-small-height: var(--size-pos-small);--button-small-padding-bottom: var(--size-null);--button-small-padding-left: var(--size-pos-xxsmall);--button-small-padding-right: var(--size-pos-xxsmall);--button-small-padding-top: var(--size-null);--button-status-gap: var(--size-pos-xxsmall);--button-status-height: var(--size-pos-medium);--button-tertiary-background-color-default: var(--framer-color-bg);--button-tertiary-background-color-disabled: var(--framer-color-bg);--button-tertiary-background-color-focus: var(--framer-color-bg);--button-tertiary-background-color-hover: var(--framer-color-bg);--button-tertiary-background-color-pressed: var(--framer-color-bg);--button-tertiary-border-color-default: transparent;--button-tertiary-border-color-disabled: transparent;--button-tertiary-border-color-focus: transparent;--button-tertiary-border-color-hover: transparent;--button-tertiary-border-color-pressed: transparent;--button-tertiary-border-offset-default: var(--size-null);--button-tertiary-border-offset-disabled: var(--size-null);--button-tertiary-border-offset-focus: var(--size-null);--button-tertiary-border-offset-hover: var(--size-null);--button-tertiary-border-offset-pressed: var(--size-null);--button-tertiary-border-width-default: var(--size-null);--button-tertiary-border-width-disabled: var(--size-null);--button-tertiary-border-width-focus: var(--size-null);--button-tertiary-border-width-hover: var(--size-null);--button-tertiary-border-width-pressed: var(--size-null);--button-tertiary-icon-color-default: var(--framer-color-tint);--button-tertiary-icon-color-disabled: var(--framer-color-text-tertiary);--button-tertiary-icon-color-focus: var(--framer-color-tint);--button-tertiary-icon-color-hover: var(--framer-color-tint);--button-tertiary-icon-color-pressed: var(--framer-color-tint);--button-tertiary-padding-bottom: var(--size-null);--button-tertiary-padding-left: var(--size-null);--button-tertiary-padding-right: var(--size-null);--button-tertiary-padding-top: var(--size-null);--button-tertiary-text-color-default: var(--framer-color-tint);--button-tertiary-text-color-disabled: var(--framer-color-text-tertiary);--button-tertiary-text-color-focus: var(--framer-color-tint);--button-tertiary-text-color-hover: var(--framer-color-tint);--button-tertiary-text-color-pressed: var(--framer-color-tint);--button-tertiary-text-decoration-default: none;--button-tertiary-text-decoration-disabled: none;--button-tertiary-text-decoration-focus: underline;--button-tertiary-text-decoration-hover: none;--button-tertiary-text-decoration-pressed: none;--button-tertiary-text-font-size: var(--font-size-small);--icon-button-base-background-color: transparent;--icon-button-base-border-color: transparent;--icon-button-base-border-offset: var(--size-null);--icon-button-base-border-width: var(--size-null);--icon-button-base-height: var(--size-pos-medium);--icon-button-base-icon-color: var(--framer-color-text);--icon-button-base-icon-height: var(--size-pos-small);--icon-button-base-icon-width: var(--size-pos-small);--icon-button-base-notification-border-offset: var(--size-null);--icon-button-base-notification-border-width: var(--size-pos-xunit);--icon-button-base-notification-height: var(--size-pos-xxsmall);--icon-button-base-notification-radius: var(--border-radius-full);--icon-button-base-notification-right: var(--size-pos-xxxsmall);--icon-button-base-notification-top: var(--size-pos-xxxsmall);--icon-button-base-notification-width: var(--size-pos-xxsmall);--icon-button-base-padding-bottom: var(--size-null);--icon-button-base-padding-left: var(--size-null);--icon-button-base-padding-right: var(--size-null);--icon-button-base-padding-top: var(--size-null);--icon-button-base-radius: var(--border-radius-xlarge);--icon-button-base-text-color: var(--framer-color-text);--icon-button-base-width: var(--size-pos-medium);--icon-button-default-background-color-default: var(--framer-color-bg);--icon-button-default-background-color-disabled: var(--framer-color-bg);--icon-button-default-background-color-focus: var(--framer-color-bg-secondary);--icon-button-default-background-color-hover: var(--framer-color-bg-secondary);--icon-button-default-background-color-onselected: var(--framer-color-tint-dimmed);--icon-button-default-background-color-onselected-disabled: var(--framer-color-tint-dimmed);--icon-button-default-background-color-onselected-hover: var(--framer-color-tint);--icon-button-default-background-color-pressed: var(--framer-color-bg);--icon-button-default-border-color-default: transparent;--icon-button-default-border-color-disabled: transparent;--icon-button-default-border-color-focus: var(--framer-color-tint);--icon-button-default-border-color-hover: transparent;--icon-button-default-border-color-pressed: transparent;--icon-button-default-border-offset-default: var(--size-null);--icon-button-default-border-offset-disabled: var(--size-null);--icon-button-default-border-offset-focus: var(--size-neg-unit);--icon-button-default-border-offset-hover: var(--size-null);--icon-button-default-border-offset-pressed: var(--size-null);--icon-button-default-border-width-default: var(--size-null);--icon-button-default-border-width-disabled: var(--size-null);--icon-button-default-border-width-focus: var(--size-pos-unit);--icon-button-default-border-width-hover: var(--size-null);--icon-button-default-border-width-pressed: var(--size-null);--icon-button-default-icon-color-default: var(--framer-color-text);--icon-button-default-icon-color-disabled: var(--framer-color-text-tertiary);--icon-button-default-icon-color-focus: var(--framer-color-text);--icon-button-default-icon-color-hover: var(--framer-color-text);--icon-button-default-icon-color-pressed: var(--framer-color-text);--icon-button-default-notification-background-color-default: var(--framer-color-tint);--icon-button-default-notification-background-color-disabled: var(--framer-color-bg-tertiary);--icon-button-default-notification-background-color-focus: var(--framer-color-tint);--icon-button-default-notification-background-color-hover: var(--framer-color-tint);--icon-button-default-notification-background-color-pressed: var(--framer-color-tint);--icon-button-default-notification-border-color-default: var(--framer-color-bg);--icon-button-default-notification-border-color-disabled: var(--framer-color-bg);--icon-button-default-notification-border-color-focus: var(--framer-color-bg-secondary);--icon-button-default-notification-border-color-hover: var(--framer-color-bg-secondary);--icon-button-default-notification-border-color-pressed: var(--framer-color-bg);--icon-button-large-height: var(--size-pos-large);--icon-button-large-width: var(--size-pos-large);--icon-button-selected-background-color-default: var(--framer-color-text);--icon-button-selected-background-color-disabled: var(--framer-color-text-tertiary);--icon-button-selected-background-color-focus: var(--framer-color-text);--icon-button-selected-background-color-hover: var(--framer-color-text);--icon-button-selected-background-color-pressed: var(--framer-color-text);--icon-button-selected-border-color-default: transparent;--icon-button-selected-border-color-disabled: transparent;--icon-button-selected-border-color-focus: var(--framer-color-tint);--icon-button-selected-border-color-hover: transparent;--icon-button-selected-border-color-pressed: transparent;--icon-button-selected-border-offset-default: var(--size-null);--icon-button-selected-border-offset-disabled: var(--size-null);--icon-button-selected-border-offset-focus: var(--size-neg-unit);--icon-button-selected-border-offset-hover: var(--size-null);--icon-button-selected-border-offset-pressed: var(--size-null);--icon-button-selected-border-width-default: var(--size-null);--icon-button-selected-border-width-disabled: var(--size-null);--icon-button-selected-border-width-focus: var(--size-pos-unit);--icon-button-selected-border-width-hover: var(--size-null);--icon-button-selected-border-width-pressed: var(--size-null);--icon-button-selected-icon-color-default: var(--framer-color-bg);--icon-button-selected-icon-color-disabled: var(--framer-color-bg);--icon-button-selected-icon-color-focus: var(--framer-color-bg);--icon-button-selected-icon-color-hover: var(--framer-color-bg);--icon-button-selected-icon-color-pressed: var(--framer-color-bg);--icon-button-selected-notification-background-color-default: var(--framer-color-tint);--icon-button-selected-notification-background-color-disabled: var(--framer-color-bg-tertiary);--icon-button-selected-notification-background-color-focus: var(--framer-color-tint);--icon-button-selected-notification-background-color-hover: var(--framer-color-tint);--icon-button-selected-notification-background-color-pressed: var(--framer-color-tint);--icon-button-selected-notification-border-color-default: var(--framer-color-text);--icon-button-selected-notification-border-color-disabled: var(--framer-color-text-tertiary);--icon-button-selected-notification-border-color-focus: var(--framer-color-text);--icon-button-selected-notification-border-color-hover: var(--framer-color-text);--icon-button-selected-notification-border-color-pressed: var(--framer-color-text);--icon-button-small-height: var(--size-pos-small);--icon-button-small-width: var(--size-pos-small)}.button__status{display:flex;align-items:center;gap:var(--button-status-gap);height:var(--button-status-height)}.button,.icon-button{display:flex;position:relative;justify-content:center;align-items:center;cursor:default;border:none;-webkit-user-select:none;user-select:none}.button:disabled,.icon-button:disabled{pointer-events:none}.button .button__icon,.icon-button .button__icon{display:flex;justify-content:center;align-items:center;width:var(--button-base-icon-width);height:var(--button-base-icon-height);--icon-picto-color: var(--button-base-icon-color)}.button .button__label,.icon-button .button__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button .button__caret,.icon-button .button__caret{display:flex;justify-content:center;align-items:center;width:var(--button-base-caret-width);height:var(--button-base-caret-height);--icon-picto-color: var(--button-base-icon-color)}.button .button__loader,.icon-button .button__loader{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);z-index:2;--icon-picto-color: var(--button-base-icon-color)}.button.button--loading,.icon-button.button--loading{pointer-events:none}.button.button--loading>.button__label,.button.button--loading>.button__caret,.button.button--loading>.button__icon,.icon-button.button--loading>.button__label,.icon-button.button--loading>.button__caret,.icon-button.button--loading>.button__icon{opacity:0}.button{gap:var(--button-base-gap);outline:var(--button-base-border-width) solid var(--button-base-border-color);outline-offset:var(--button-base-border-offset);border-radius:var(--button-base-radius);background-color:var(--button-base-background-color);padding:var(--button-base-padding);height:var(--button-base-height);color:var(--button-base-text-color);font-weight:var(--button-base-text-font-weight);font-size:var(--button-base-text-font-size);line-height:var(--button-base-text-line-height);font-family:var(--button-base-text-font-family);letter-spacing:var(--button-base-text-letter-spacing);text-decoration:var(--button-base-text-decoration);text-transform:var(--button-base-text-transform)}.button a{color:var(--button-base-text-color);text-decoration:var(--button-base-text-decoration)}.button{--button-base-padding: var(--button-base-padding-top) var(--button-base-padding-right) var(--button-base-padding-bottom) var(--button-base-padding-left)}.button--small{--button-base-padding: var(--button-small-padding-top) var(--button-small-padding-right) var(--button-small-padding-bottom) var(--button-small-padding-left);--button-base-height: var(--button-small-height)}.button--large{--button-base-padding: var(--button-large-padding-top) var(--button-large-padding-right) var(--button-large-padding-bottom) var(--button-large-padding-left);--button-base-height: var(--button-large-height)}.button .icon-chip{pointer-events:auto}.button--primary{--button-base-background-color: var( --button-primary-background-color-default );--button-base-border-color: var(--button-primary-border-color-default);--button-base-border-width: var(--button-primary-border-width-default);--button-base-border-offset: var(--button-primary-border-offset-default);--button-base-text-color: var(--button-primary-text-color-default);--button-base-icon-color: var(--button-primary-icon-color-default);--button-base-text-decoration: var( --button-primary-text-decoration-default );--icon-picto-color: var(--button-primary-icon-color-default)}.button--primary:enabled:hover{--button-base-background-color: var( --button-primary-background-color-hover );--button-base-border-color: var(--button-primary-border-color-hover);--button-base-border-width: var(--button-primary-border-width-hover);--button-base-border-offset: var(--button-primary-border-offset-hover);--button-base-text-color: var(--button-primary-text-color-hover);--button-base-icon-color: var(--button-primary-icon-color-hover);--button-base-text-decoration: var( --button-primary-text-decoration-hover );--icon-picto-color: var(--button-primary-icon-color-hover)}.button--primary:enabled:focus{--button-base-background-color: var( --button-primary-background-color-focus );--button-base-border-color: var(--button-primary-border-color-focus);--button-base-border-width: var(--button-primary-border-width-focus);--button-base-border-offset: var(--button-primary-border-offset-focus);--button-base-text-color: var(--button-primary-text-color-focus);--button-base-icon-color: var(--button-primary-icon-color-focus);--button-base-text-decoration: var( --button-primary-text-decoration-focus );--icon-picto-color: var(--button-primary-icon-color-focus)}.button--primary:enabled:active{--button-base-background-color: var( --button-primary-background-color-pressed );--button-base-border-color: var(--button-primary-border-color-pressed);--button-base-border-width: var(--button-primary-border-width-pressed);--button-base-border-offset: var(--button-primary-border-offset-pressed);--button-base-text-color: var(--button-primary-text-color-pressed);--button-base-icon-color: var(--button-primary-icon-color-pressed);--button-base-text-decoration: var( --button-primary-text-decoration-pressed );--icon-picto-color: var(--button-primary-icon-color-pressed)}.button--primary:disabled{--button-base-background-color: var( --button-primary-background-color-disabled );--button-base-border-color: var(--button-primary-border-color-disabled);--button-base-border-width: var(--button-primary-border-width-disabled);--button-base-border-offset: var(--button-primary-border-offset-disabled);--button-base-text-color: var(--button-primary-text-color-disabled);--button-base-icon-color: var(--button-primary-icon-color-disabled);--button-base-text-decoration: var( --button-primary-text-decoration-disabled );--icon-picto-color: var(--button-primary-icon-color-disabled)}.button--secondary{--button-base-background-color: var( --button-secondary-background-color-default );--button-base-border-color: var(--button-secondary-border-color-default);--button-base-border-width: var(--button-secondary-border-width-default);--button-base-border-offset: var(--button-secondary-border-offset-default);--button-base-text-color: var(--button-secondary-text-color-default);--button-base-icon-color: var(--button-secondary-icon-color-default);--button-base-text-decoration: var( --button-secondary-text-decoration-default );--icon-picto-color: var(--button-secondary-icon-color-default)}.button--secondary:enabled:hover{--button-base-background-color: var( --button-secondary-background-color-hover );--button-base-border-color: var(--button-secondary-border-color-hover);--button-base-border-width: var(--button-secondary-border-width-hover);--button-base-border-offset: var(--button-secondary-border-offset-hover);--button-base-text-color: var(--button-secondary-text-color-hover);--button-base-icon-color: var(--button-secondary-icon-color-hover);--button-base-text-decoration: var( --button-secondary-text-decoration-hover );--icon-picto-color: var(--button-secondary-icon-color-hover)}.button--secondary:enabled:focus{--button-base-background-color: var( --button-secondary-background-color-focus );--button-base-border-color: var(--button-secondary-border-color-focus);--button-base-border-width: var(--button-secondary-border-width-focus);--button-base-border-offset: var(--button-secondary-border-offset-focus);--button-base-text-color: var(--button-secondary-text-color-focus);--button-base-icon-color: var(--button-secondary-icon-color-focus);--button-base-text-decoration: var( --button-secondary-text-decoration-focus );--icon-picto-color: var(--button-secondary-icon-color-focus)}.button--secondary:enabled:active{--button-base-background-color: var( --button-secondary-background-color-pressed );--button-base-border-color: var(--button-secondary-border-color-pressed);--button-base-border-width: var(--button-secondary-border-width-pressed);--button-base-border-offset: var( --button-secondary-border-offset-pressed );--button-base-text-color: var(--button-secondary-text-color-pressed);--button-base-icon-color: var(--button-secondary-icon-color-pressed);--button-base-text-decoration: var( --button-secondary-text-decoration-pressed );--icon-picto-color: var(--button-secondary-icon-color-pressed)}.button--secondary:disabled{--button-base-background-color: var( --button-secondary-background-color-disabled );--button-base-border-color: var(--button-secondary-border-color-disabled);--button-base-border-width: var(--button-secondary-border-width-disabled);--button-base-border-offset: var( --button-secondary-border-offset-disabled );--button-base-text-color: var(--button-secondary-text-color-disabled);--button-base-icon-color: var(--button-secondary-icon-color-disabled);--button-base-text-decoration: var( --button-secondary-text-decoration-disabled );--icon-picto-color: var(--button-secondary-icon-color-disabled)}.button--tertiary{--button-base-text-font-size: var(--button-tertiary-text-font-size);--button-base-padding: var(--button-tertiary-padding-top) var(--button-tertiary-padding-right) var(--button-tertiary-padding-bottom) var(--button-tertiary-padding-left);--button-base-background-color: var( --button-tertiary-background-color-default );--button-base-border-color: var(--button-tertiary-border-color-default);--button-base-border-width: var(--button-tertiary-border-width-default);--button-base-border-offset: var(--button-tertiary-border-offset-default);--button-base-text-color: var(--button-tertiary-text-color-default);--button-base-icon-color: var(--button-tertiary-icon-color-default);--button-base-text-decoration: var( --button-tertiary-text-decoration-default );--icon-picto-color: var(--button-tertiary-icon-color-default)}.button--tertiary:enabled:hover{--button-base-background-color: var( --button-tertiary-background-color-hover );--button-base-border-color: var(--button-tertiary-border-color-hover);--button-base-border-width: var(--button-tertiary-border-width-hover);--button-base-border-offset: var(--button-tertiary-border-offset-hover);--button-base-text-color: var(--button-tertiary-text-color-hover);--button-base-icon-color: var(--button-tertiary-icon-color-hover);--button-base-text-decoration: var( --button-tertiary-text-decoration-hover );--icon-picto-color: var(--button-tertiary-icon-color-hover)}.button--tertiary:enabled:focus{--button-base-background-color: var( --button-tertiary-background-color-focus );--button-base-border-color: var(--button-tertiary-border-color-focus);--button-base-border-width: var(--button-tertiary-border-width-focus);--button-base-border-offset: var(--button-tertiary-border-offset-focus);--button-base-text-color: var(--button-tertiary-text-color-focus);--button-base-icon-color: var(--button-tertiary-icon-color-focus);--button-base-text-decoration: var( --button-tertiary-text-decoration-focus );--icon-picto-color: var(--button-tertiary-icon-color-focus)}.button--tertiary:enabled:active{--button-base-background-color: var( --button-tertiary-background-color-pressed );--button-base-border-color: var(--button-tertiary-border-color-pressed);--button-base-border-width: var(--button-tertiary-border-width-pressed);--button-base-border-offset: var(--button-tertiary-border-offset-pressed);--button-base-text-color: var(--button-tertiary-text-color-pressed);--button-base-icon-color: var(--button-tertiary-icon-color-pressed);--button-base-text-decoration: var( --button-tertiary-text-decoration-pressed );--icon-picto-color: var(--button-tertiary-icon-color-pressed)}.button--tertiary:disabled{--button-base-background-color: var( --button-tertiary-background-color-disabled );--button-base-border-color: var(--button-tertiary-border-color-disabled);--button-base-border-width: var(--button-tertiary-border-width-disabled);--button-base-border-offset: var( --button-tertiary-border-offset-disabled );--button-base-text-color: var(--button-tertiary-text-color-disabled);--button-base-icon-color: var(--button-tertiary-icon-color-disabled);--button-base-text-decoration: var( --button-tertiary-text-decoration-disabled );--icon-picto-color: var(--button-tertiary-icon-color-disabled)}.button--destructive{--button-base-background-color: var( --button-destructive-background-color-default );--button-base-border-color: var(--button-destructive-border-color-default);--button-base-border-width: var(--button-destructive-border-width-default);--button-base-border-offset: var( --button-destructive-border-offset-default );--button-base-text-color: var(--button-destructive-text-color-default);--button-base-icon-color: var(--button-destructive-icon-color-default);--button-base-text-decoration: var( --button-destructive-text-decoration-default );--icon-picto-color: var(--button-destructive-icon-color-default)}.button--destructive:enabled:hover{--button-base-background-color: var( --button-destructive-background-color-hover );--button-base-border-color: var(--button-destructive-border-color-hover);--button-base-border-width: var(--button-destructive-border-width-hover);--button-base-border-offset: var( --button-destructive-border-offset-hover );--button-base-text-color: var(--button-destructive-text-color-hover);--button-base-icon-color: var(--button-destructive-icon-color-hover);--button-base-text-decoration: var( --button-destructive-text-decoration-hover );--icon-picto-color: var(--button-destructive-icon-color-hover)}.button--destructive:enabled:focus{--button-base-background-color: var( --button-destructive-background-color-focus );--button-base-border-color: var(--button-destructive-border-color-focus);--button-base-border-width: var(--button-destructive-border-width-focus);--button-base-border-offset: var( --button-destructive-border-offset-focus );--button-base-text-color: var(--button-destructive-text-color-focus);--button-base-icon-color: var(--button-destructive-icon-color-focus);--button-base-text-decoration: var( --button-destructive-text-decoration-focus );--icon-picto-color: var(--button-destructive-icon-color-focus)}.button--destructive:enabled:active{--button-base-background-color: var( --button-destructive-background-color-pressed );--button-base-border-color: var( --button-destructive-border-color-pressed );--button-base-border-width: var( --button-destructive-border-width-pressed );--button-base-border-offset: var( --button-destructive-border-offset-pressed );--button-base-text-color: var(--button-destructive-text-color-pressed);--button-base-icon-color: var(--button-destructive-icon-color-pressed);--button-base-text-decoration: var( --button-destructive-text-decoration-pressed );--icon-picto-color: var(--button-destructive-icon-color-pressed)}.button--destructive:disabled{--button-base-background-color: var( --button-destructive-background-color-disabled );--button-base-border-color: var( --button-destructive-border-color-disabled );--button-base-border-width: var( --button-destructive-border-width-disabled );--button-base-border-offset: var( --button-destructive-border-offset-disabled );--button-base-text-color: var(--button-destructive-text-color-disabled);--button-base-icon-color: var(--button-destructive-icon-color-disabled);--button-base-text-decoration: var( --button-destructive-text-decoration-disabled );--icon-picto-color: var(--button-destructive-icon-color-disabled)}.button--alternative{--button-base-background-color: var( --button-alternative-background-color-default );--button-base-border-color: var(--button-alternative-border-color-default);--button-base-border-width: var(--button-alternative-border-width-default);--button-base-border-offset: var( --button-alternative-border-offset-default );--button-base-text-color: var(--button-alternative-text-color-default);--button-base-icon-color: var(--button-alternative-icon-color-default);--button-base-text-decoration: var( --button-alternative-text-decoration-default );--icon-picto-color: var(--button-alternative-icon-color-default)}.button--alternative:enabled:hover{--button-base-background-color: var( --button-alternative-background-color-hover );--button-base-border-color: var(--button-alternative-border-color-hover);--button-base-border-width: var(--button-alternative-border-width-hover);--button-base-border-offset: var( --button-alternative-border-offset-hover );--button-base-text-color: var(--button-alternative-text-color-hover);--button-base-icon-color: var(--button-alternative-icon-color-hover);--button-base-text-decoration: var( --button-alternative-text-decoration-hover );--icon-picto-color: var(--button-alternative-icon-color-hover)}.button--alternative:enabled:focus{--button-base-background-color: var( --button-alternative-background-color-focus );--button-base-border-color: var(--button-alternative-border-color-focus);--button-base-border-width: var(--button-alternative-border-width-focus);--button-base-border-offset: var( --button-alternative-border-offset-focus );--button-base-text-color: var(--button-alternative-text-color-focus);--button-base-icon-color: var(--button-alternative-icon-color-focus);--button-base-text-decoration: var( --button-alternative-text-decoration-focus );--icon-picto-color: var(--button-alternative-icon-color-focus)}.button--alternative:enabled:active{--button-base-background-color: var( --button-alternative-background-color-pressed );--button-base-border-color: var( --button-alternative-border-color-pressed );--button-base-border-width: var( --button-alternative-border-width-pressed );--button-base-border-offset: var( --button-alternative-border-offset-pressed );--button-base-text-color: var(--button-alternative-text-color-pressed);--button-base-icon-color: var(--button-alternative-icon-color-pressed);--button-base-text-decoration: var( --button-alternative-text-decoration-pressed );--icon-picto-color: var(--button-alternative-icon-color-pressed)}.button--alternative:disabled{--button-base-background-color: var( --button-alternative-background-color-disabled );--button-base-border-color: var( --button-alternative-border-color-disabled );--button-base-border-width: var( --button-alternative-border-width-disabled );--button-base-border-offset: var( --button-alternative-border-offset-disabled );--button-base-text-color: var(--button-alternative-text-color-disabled);--button-base-icon-color: var(--button-alternative-icon-color-disabled);--button-base-text-decoration: var( --button-alternative-text-decoration-disabled );--icon-picto-color: var(--button-alternative-icon-color-disabled)}.icon-button{outline:var(--icon-button-base-border-width) solid var(--icon-button-base-border-color);outline-offset:var(--icon-button-base-border-offset);border:none;border-radius:var(--icon-button-base-radius);background-color:var(--icon-button-base-background-color);padding:var(--icon-button-base-padding-top) var(--icon-button-base-padding-right) var(--icon-button-base-padding-bottom) var(--icon-button-base-padding-left);width:var(--icon-button-base-width);height:var(--icon-button-base-height)}.icon-button .icon-box{background-color:var(--icon-button-base-icon-color);width:var(--icon-button-base-icon-width);height:var(--icon-button-base-icon-height)}.icon-button--small{width:var(--icon-button-small-width);height:var(--icon-button-small-height)}.icon-button--large{width:var(--icon-button-large-width);height:var(--icon-button-large-height)}.icon-button--new:after{position:absolute;top:var(--icon-button-base-notification-top);right:var(--icon-button-base-notification-right);outline:var(--icon-button-base-notification-border-width) solid var(--icon-button-base-notification-border-color);outline-offset:var(--icon-button-base-notification-border-offset);border-radius:var(--icon-button-base-notification-radius);background-color:var(--icon-button-base-notification-background-color);width:var(--icon-button-base-notification-width);height:var(--icon-button-base-notification-height);content:""}.icon-button *{filter:none}.icon-button{--icon-button-base-background-color: var( --icon-button-default-background-color-default );--icon-button-base-border-color: var( --icon-button-default-border-color-default );--icon-button-base-border-width: var( --icon-button-default-border-width-default );--icon-button-base-border-offset: var( --icon-button-default-border-offset-default );--icon-button-base-icon-color: var( --icon-button-default-icon-color-default );--icon-button-base-notification-background-color: var( --icon-button-default-notification-background-color-default );--icon-button-base-notification-border-color: var( --icon-button-default-notification-border-color-default )}.icon-button:enabled:hover{--icon-button-base-background-color: var( --icon-button-default-background-color-hover );--icon-button-base-border-color: var( --icon-button-default-border-color-hover );--icon-button-base-border-width: var( --icon-button-default-border-width-hover );--icon-button-base-border-offset: var( --icon-button-default-border-offset-hover );--icon-button-base-icon-color: var(--icon-button-default-icon-color-hover);--icon-button-base-notification-background-color: var( --icon-button-default-notification-background-color-hover );--icon-button-base-notification-border-color: var( --icon-button-default-notification-border-color-hover )}.icon-button:enabled:focus{--icon-button-base-background-color: var( --icon-button-default-background-color-focus );--icon-button-base-border-color: var( --icon-button-default-border-color-focus );--icon-button-base-border-width: var( --icon-button-default-border-width-focus );--icon-button-base-border-offset: var( --icon-button-default-border-offset-focus );--icon-button-base-icon-color: var(--icon-button-default-icon-color-focus);--icon-button-base-notification-background-color: var( --icon-button-default-notification-background-color-focus );--icon-button-base-notification-border-color: var( --icon-button-default-notification-border-color-focus )}.icon-button:enabled:active{--icon-button-base-background-color: var( --icon-button-default-background-color-pressed );--icon-button-base-border-color: var( --icon-button-default-border-color-pressed );--icon-button-base-border-width: var( --icon-button-default-border-width-pressed );--icon-button-base-border-offset: var( --icon-button-default-border-offset-pressed );--icon-button-base-icon-color: var( --icon-button-default-icon-color-pressed );--icon-button-base-notification-background-color: var( --icon-button-default-notification-background-color-pressed );--icon-button-base-notification-border-color: var( --icon-button-default-notification-border-color-pressed )}.icon-button:disabled{--icon-button-base-background-color: var( --icon-button-background-color-disabled );--icon-button-base-border-color: var( --icon-button-default-border-color-disabled );--icon-button-base-border-width: var( --icon-button-default-border-width-disabled );--icon-button-base-border-offset: var( --icon-button-default-border-offset-disabled );--icon-button-base-icon-color: var( --icon-button-default-icon-color-disabled );--icon-button-base-notification-background-color: var( --icon-button-default-notification-background-color-disabled );--icon-button-base-notification-border-color: var( --icon-button-default-notification-border-color-disabled )}.icon-button--selected{--icon-button-base-background-color: var( --icon-button-selected-background-color-default );--icon-button-base-border-color: var( --icon-button-selected-border-color-default );--icon-button-base-border-width: var( --icon-button-selected-border-width-default );--icon-button-base-border-offset: var( --icon-button-selected-border-offset-default );--icon-button-base-icon-color: var( --icon-button-selected-icon-color-default );--icon-button-base-notification-background-color: var( --icon-button-selected-notification-background-color-default );--icon-button-base-notification-border-color: var( --icon-button-selected-notification-border-color-default )}.icon-button--selected:enabled:hover{--icon-button-base-background-color: var( --icon-button-selected-background-color-hover );--icon-button-base-border-color: var( --icon-button-selected-border-color-hover );--icon-button-base-border-width: var( --icon-button-selected-border-width-hover );--icon-button-base-border-offset: var( --icon-button-selected-border-offset-hover );--icon-button-base-icon-color: var( --icon-button-selected-icon-color-hover );--icon-button-base-notification-background-color: var( --icon-button-selected-notification-background-color-hover );--icon-button-base-notification-border-color: var( --icon-button-selected-notification-border-color-hover )}.icon-button--selected:enabled:focus{--icon-button-base-background-color: var( --icon-button-selected-background-color-focus );--icon-button-base-border-color: var( --icon-button-selected-border-color-focus );--icon-button-base-border-width: var( --icon-button-selected-border-width-focus );--icon-button-base-border-offset: var( --icon-button-selected-border-offset-focus );--icon-button-base-icon-color: var( --icon-button-selected-icon-color-focus );--icon-button-base-notification-background-color: var( --icon-button-selected-notification-background-color-focus );--icon-button-base-notification-border-color: var( --icon-button-selected-notification-border-color-focus )}.icon-button--selected:enabled:active{--icon-button-base-background-color: var( --icon-button-selected-background-color-pressed );--icon-button-base-border-color: var( --icon-button-selected-border-color-pressed );--icon-button-base-border-width: var( --icon-button-selected-border-width-pressed );--icon-button-base-border-offset: var( --icon-button-selected-border-offset-pressed );--icon-button-base-icon-color: var( --icon-button-selected-icon-color-pressed );--icon-button-base-notification-background-color: var( --icon-button-selected-notification-background-color-pressed );--icon-button-base-notification-border-color: var( --icon-button-selected-notification-border-color-pressed )}.icon-button--selected:disabled{--icon-button-base-background-color: var( --icon-button-selected-background-color-disabled );--icon-button-base-border-color: var( --icon-button-selected-border-color-disabled );--icon-button-base-border-width: var( --icon-button-selected-border-width-disabled );--icon-button-base-border-offset: var( --icon-button-selected-border-offset-disabled );--icon-button-base-icon-color: var( --icon-button-selected-icon-color-disabled );--icon-button-base-notification-background-color: var( --icon-button-selected-notification-background-color-disabled );--icon-button-base-notification-border-color: var( --icon-button-selected-notification-border-color-disabled )}

package/dist/assets/Card.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--card-actions-gap: var(--size-pos-xxsmall);--card-actions-padding-bottom: var(--size-pos-xxsmall);--card-actions-padding-left: var(--size-pos-xxsmall);--card-actions-padding-right: var(--size-pos-xxsmall);--card-actions-padding-top: var(--size-pos-xxsmall);--card-background-color-default: var(--penpot-color-background-primary);--card-background-color-focus: var(--penpot-color-accent-primary-muted);--card-background-color-hover: var(--penpot-color-background-secondary);--card-border-color-default: transparent;--card-border-color-focus: var(--penpot-color-accent-primary);--card-border-color-hover: transparent;--card-border-offset-default: var(--size-null);--card-border-offset-focus: var(--size-neg-unit);--card-border-offset-hover: var(--size-null);--card-border-width-default: var(--size-null);--card-border-width-focus: var(--size-pos-unit);--card-border-width-hover: var(--size-null);--card-content-gap: var(--size-pos-xxxsmall);--card-gap: var(--size-pos-xxsmall);--card-padding-bottom: var(--size-pos-xxsmall);--card-padding-left: var(--size-pos-xxsmall);--card-padding-right: var(--size-pos-xxsmall);--card-padding-top: var(--size-pos-xxsmall);--card-radius: var(--border-radius-xlarge);--card-ratio: 2 / 1;--card-width: 200px}:root[data-theme=sketch]{--card-actions-gap: var(--size-pos-xxsmall);--card-actions-padding-bottom: var(--size-pos-xxsmall);--card-actions-padding-left: var(--size-pos-xxsmall);--card-actions-padding-right: var(--size-pos-xxsmall);--card-actions-padding-top: var(--size-pos-xxsmall);--card-background-color-default: var(--sketch-color-background-primary);--card-background-color-focus: var(--sketch-color-accent-disabled);--card-background-color-hover: var(--sketch-color-background-secondary);--card-border-color-default: transparent;--card-border-color-focus: var(--sketch-color-accent-primary);--card-border-color-hover: transparent;--card-border-offset-default: var(--size-null);--card-border-offset-focus: var(--size-neg-unit);--card-border-offset-hover: var(--size-null);--card-border-width-default: var(--size-null);--card-border-width-focus: var(--size-pos-unit);--card-border-width-hover: var(--size-null);--card-content-gap: var(--size-pos-xxxsmall);--card-gap: var(--size-pos-xxsmall);--card-padding-bottom: var(--size-pos-xxsmall);--card-padding-left: var(--size-pos-xxsmall);--card-padding-right: var(--size-pos-xxsmall);--card-padding-top: var(--size-pos-xxsmall);--card-radius: var(--size-pos-xsmall);--card-ratio: 2 / 1;--card-width: 200px}:root[data-theme=figma]{--card-actions-gap: var(--size-pos-xxsmall);--card-actions-padding-bottom: var(--size-pos-xxsmall);--card-actions-padding-left: var(--size-pos-xxsmall);--card-actions-padding-right: var(--size-pos-xxsmall);--card-actions-padding-top: var(--size-pos-xxsmall);--card-background-color-default: var(--figma-color-bg);--card-background-color-focus: var(--figma-color-bg-selected);--card-background-color-hover: var(--figma-color-bg-hover);--card-border-color-default: transparent;--card-border-color-focus: var(--figma-color-border-selected);--card-border-color-hover: transparent;--card-border-offset-default: var(--size-null);--card-border-offset-focus: var(--size-neg-unit);--card-border-offset-hover: var(--size-null);--card-border-width-default: var(--size-null);--card-border-width-focus: var(--size-pos-unit);--card-border-width-hover: var(--size-null);--card-content-gap: var(--size-pos-xxxsmall);--card-gap: var(--size-pos-xxsmall);--card-padding-bottom: var(--size-pos-xxsmall);--card-padding-left: var(--size-pos-xxsmall);--card-padding-right: var(--size-pos-xxsmall);--card-padding-top: var(--size-pos-xxsmall);--card-radius: var(--border-radius-xlarge);--card-ratio: 2 / 1;--card-width: 200px}:root[data-theme=framer]{--card-actions-gap: var(--size-pos-xxsmall);--card-actions-padding-bottom: var(--size-pos-xxsmall);--card-actions-padding-left: var(--size-pos-xxsmall);--card-actions-padding-right: var(--size-pos-xxsmall);--card-actions-padding-top: var(--size-pos-xxsmall);--card-background-color-default: var(--framer-color-bg);--card-background-color-focus: var(--framer-color-tint-dimmed);--card-background-color-hover: var(--framer-color-bg-secondary);--card-border-color-default: transparent;--card-border-color-focus: var(--framer-color-tint);--card-border-color-hover: transparent;--card-border-offset-default: var(--size-null);--card-border-offset-focus: var(--size-neg-unit);--card-border-offset-hover: var(--size-null);--card-border-width-default: var(--size-null);--card-border-width-focus: var(--size-pos-unit);--card-border-width-hover: var(--size-null);--card-content-gap: var(--size-pos-xxxsmall);--card-gap: var(--size-pos-xxsmall);--card-padding-bottom: var(--size-pos-xxsmall);--card-padding-left: var(--size-pos-xxsmall);--card-padding-right: var(--size-pos-xxsmall);--card-padding-top: var(--size-pos-xxsmall);--card-radius: var(--border-radius-xlarge);--card-ratio: 2 / 1;--card-width: 200px}.card{display:flex;flex-direction:column;gap:var(--card-gap);box-sizing:border-box;outline:var(--card-border-width) solid var(--card-border-color);box-shadow:var(--card-border-offset);border-radius:var(--card-radius);background-color:var(--card-background-color);padding:var(--card-padding-top) var(--card-padding-right) var(--card-padding-bottom) var(--card-padding-left);width:var(--card-width);position:relative}.card--fill{width:100%}.card{--card-background-color: var(--card-background-color-default);--card-border-width: var(--card-border-width-default);--card-border-color: var(--card-border-color-default);--card-border-offset: var(--card-border-offset-default)}.card:hover{--card-background-color: var(--card-background-color-hover);--card-border-width: var(--card-border-width-hover);--card-border-color: var(--card-border-color-hover);--card-border-offset: var(--card-border-offset-hover)}.card:hover .card__actions{visibility:visible}.card:focus{--card-background-color: var(--card-background-color-focus);--card-border-width: var(--card-border-width-focus);--card-border-color: var(--card-border-color-focus);--card-border-offset: var(--card-border-offset-focus)}.card:focus .card__actions{visibility:visible}.card__tags{position:absolute;inset:calc(var(--card-padding-top) / 2) calc(var(--card-padding-right) / 2) auto auto;z-index:2;display:flex;justify-content:end}.card__asset{position:relative;aspect-ratio:var(--card-ratio)}.card__actions{display:flex;position:absolute;flex-wrap:wrap;place-content:center center;align-items:center;gap:var(--card-actions-gap);visibility:hidden;inset:0;padding:var(--card-actions-padding-top) var(--card-actions-padding-right) var(--card-actions-padding-bottom) var(--card-actions-padding-left)}.card__text{display:flex;flex-direction:column;gap:var(--card-content-gap)}

package/dist/assets/Chip.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--chip-background-color-default: var(--penpot-color-accent-primary-muted);--chip-background-color-hover: var(--penpot-color-accent-tertiary);--chip-background-color-inactive: var(--penpot-color-background-tertiary);--chip-background-color-on-background: color(srgb 1 1 1 / .4);--chip-border-color-default: transparent;--chip-border-color-hover: var(--penpot-color-accent-tertiary);--chip-border-color-inactive: transparent;--chip-border-color-on-background: transparent;--chip-border-offset-default: var(--size-null);--chip-border-offset-hover: var(--size-neg-unit);--chip-border-offset-inactive: var(--size-null);--chip-border-offset-on-background: var(--size-null);--chip-border-width-default: var(--size-null);--chip-border-width-hover: var(--size-pos-unit);--chip-border-width-inactive: var(--size-null);--chip-border-width-on-background: var(--size-null);--chip-gap: var(--size-pos-xxxsmall);--chip-height: var(--size-pos-xsmall);--chip-margin-bottom: var(--size-null);--chip-margin-left: var(--size-pos-xxsmall);--chip-margin-right: var(--size-null);--chip-margin-top: var(--size-null);--chip-padding-bottom: var(--size-null);--chip-padding-left: var(--size-pos-xxxsmall);--chip-padding-right: var(--size-pos-xxxsmall);--chip-padding-top: var(--size-null);--chip-radius: var(--border-radius-large);--chip-text-color-default: var(--penpot-color-accent-primary);--chip-text-color-hover: var(--penpot-color-foreground-primary);--chip-text-color-inactive: var(--penpot-color-foreground-secondary);--chip-text-color-on-background: var(--grey-1000);--chip-text-letter-spacing: var(--font-letter-spacing-pos-xlarge);--chip-text-size: var(--font-size-xsmall);--chip-text-transform: uppercase;--chip-text-weight-default: var(--font-weight-accent);--chip-text-weight-on-background: var(--font-weight-normal)}:root[data-theme=sketch]{--chip-background-color-default: var(--sketch-color-accent-primary);--chip-background-color-hover: var(--sketch-color-accent-secondary);--chip-background-color-inactive: var(--sketch-color-background-tertiary);--chip-background-color-on-background: color(srgb 1 1 1 / .4);--chip-border-color-default: transparent;--chip-border-color-hover: transparent;--chip-border-color-inactive: transparent;--chip-border-color-on-background: transparent;--chip-border-offset-default: var(--size-null);--chip-border-offset-hover: var(--size-null);--chip-border-offset-inactive: var(--size-null);--chip-border-offset-on-background: var(--size-null);--chip-border-width-default: var(--size-null);--chip-border-width-hover: var(--size-null);--chip-border-width-inactive: var(--size-null);--chip-border-width-on-background: var(--size-null);--chip-gap: var(--size-pos-xxxsmall);--chip-height: var(--size-pos-xsmall);--chip-margin-bottom: var(--size-null);--chip-margin-left: var(--size-pos-xxxsmall);--chip-margin-right: var(--size-null);--chip-margin-top: var(--size-null);--chip-padding-bottom: var(--size-null);--chip-padding-left: var(--size-pos-xxsmall);--chip-padding-right: var(--size-pos-xxsmall);--chip-padding-top: var(--size-null);--chip-radius: var(--border-radius-xlarge);--chip-text-color-default: var(--sketch-color-foreground-inverted);--chip-text-color-hover: var(--sketch-color-foreground-inverted);--chip-text-color-inactive: var(--sketch-color-foreground-secondary);--chip-text-color-on-background: var(--grey-1000);--chip-text-letter-spacing: var(--font-letter-spacing-pos-xlarge);--chip-text-size: var(--font-size-xsmall);--chip-text-transform: none;--chip-text-weight-default: var(--font-weight-medium);--chip-text-weight-on-background: var(--font-weight-normal)}:root[data-theme=figma]{--chip-background-color-default: var(--figma-color-bg-selected-secondary);--chip-background-color-hover: var(--figma-color-bg-selected);--chip-background-color-inactive: var(--figma-color-bg-tertiary);--chip-background-color-on-background: color(srgb 1 1 1 / .4);--chip-border-color-default: transparent;--chip-border-color-hover: transparent;--chip-border-color-inactive: transparent;--chip-border-color-on-background: transparent;--chip-border-offset-default: var(--size-null);--chip-border-offset-hover: var(--size-null);--chip-border-offset-inactive: var(--size-null);--chip-border-offset-on-background: var(--size-null);--chip-border-width-default: var(--size-null);--chip-border-width-hover: var(--size-null);--chip-border-width-inactive: var(--size-null);--chip-border-width-on-background: var(--size-null);--chip-gap: var(--size-pos-xxxsmall);--chip-height: var(--size-pos-xsmall);--chip-margin-bottom: var(--size-null);--chip-margin-left: var(--size-pos-xxsmall);--chip-margin-right: var(--size-null);--chip-margin-top: var(--size-null);--chip-padding-bottom: var(--size-null);--chip-padding-left: var(--size-pos-xxxsmall);--chip-padding-right: var(--size-pos-xxxsmall);--chip-padding-top: var(--size-null);--chip-radius: var(--border-radius-small);--chip-text-color-default: var(--figma-color-text-brand);--chip-text-color-hover: var(--figma-color-text-brand);--chip-text-color-inactive: var(--figma-color-text);--chip-text-color-on-background: var(--grey-1000);--chip-text-letter-spacing: var(--font-letter-spacing-pos-xlarge);--chip-text-size: var(--font-size-xxsmall);--chip-text-transform: none;--chip-text-weight-default: var(--font-weight-accent);--chip-text-weight-on-background: var(--font-weight-normal)}:root[data-theme=framer]{--chip-background-color-default: var(--framer-color-tint-dimmed);--chip-background-color-hover: var(--framer-color-tint);--chip-background-color-inactive: var(--framer-color-bg-secondary);--chip-background-color-on-background: color(srgb 1 1 1 / .4);--chip-border-color-default: transparent;--chip-border-color-hover: transparent;--chip-border-color-inactive: transparent;--chip-border-color-on-background: transparent;--chip-border-offset-default: var(--size-null);--chip-border-offset-hover: var(--size-null);--chip-border-offset-inactive: var(--size-null);--chip-border-offset-on-background: var(--size-null);--chip-border-width-default: var(--size-null);--chip-border-width-hover: var(--size-null);--chip-border-width-inactive: var(--size-null);--chip-border-width-on-background: var(--size-null);--chip-gap: var(--size-pos-xxxsmall);--chip-height: var(--size-pos-xsmall);--chip-margin-bottom: var(--size-null);--chip-margin-left: var(--size-pos-xxsmall);--chip-margin-right: var(--size-null);--chip-margin-top: var(--size-null);--chip-padding-bottom: var(--size-null);--chip-padding-left: var(--size-pos-xxxsmall);--chip-padding-right: var(--size-pos-xxxsmall);--chip-padding-top: var(--size-null);--chip-radius: var(--border-radius-medium);--chip-text-color-default: var(--framer-color-tint);--chip-text-color-hover: var(--framer-color-text-reversed);--chip-text-color-inactive: var(--framer-color-text-tertiary);--chip-text-color-on-background: var(--grey-1000);--chip-text-letter-spacing: var(--font-letter-spacing-pos-xlarge);--chip-text-size: var(--font-size-xxsmall);--chip-text-transform: uppercase;--chip-text-weight-default: var(--font-weight-bold);--chip-text-weight-on-background: var(--font-weight-accent)}.chip{display:inline-flex;position:relative;align-items:center;gap:var(--chip-gap);cursor:default;box-sizing:border-box;margin:var(--chip-margin-top) var(--chip-margin-right) var(--chip-margin-bottom) var(--chip-margin-left);outline:var(--chip-border-width) solid var(--chip-border-color);outline-offset:var(--chip-border-offset);border-radius:var(--chip-radius);background-color:var(--chip-background-color);padding:var(--chip-padding-top) var(--chip-padding-right) var(--chip-padding-bottom) var(--chip-padding-left);max-width:100%;height:var(--chip-height);-webkit-user-select:none;user-select:none}.chip--interactive{pointer-events:auto}.chip--interactive{--chip-background-color: var(--chip-background-color-default);--chip-border-color: var(--chip-border-color-default);--chip-border-offset: var(--chip-border-offset-default);--chip-border-width: var(--chip-border-width-default);--chip-text-color: var(--chip-text-color-default)}.chip--interactive:hover,.chip--interactive:focus{--chip-background-color: var(--chip-background-color-hover);--chip-border-color: var(--chip-border-color-hover);--chip-border-offset: var(--chip-border-offset-hover);--chip-border-width: var(--chip-border-width-hover);--chip-text-color: var(--chip-text-color-hover)}.chip .chip__text{color:var(--chip-text-color);font-weight:var(--chip-text-weight);font-size:var(--chip-text-size);letter-spacing:var(--chip-text-letter-spacing);text-transform:var(--chip-text-transform);text-wrap:nowrap}.chip .chip__left-slot,.chip .chip__right-slot{display:flex}.chip{--chip-background-color: var(--chip-background-color-default);--chip-border-color: var(--chip-border-color-default);--chip-border-width: var(--chip-border-width-default);--chip-border-offset: var(--chip-border-offset-default);--chip-text-color: var(--chip-text-color-default);--chip-text-weight: var(--chip-text-weight-default)}.chip--inactive{--chip-background-color: var(--chip-background-color-inactive);--chip-border-color: var(--chip-border-color-inactive);--chip-border-width: var(--chip-border-width-inactive);--chip-border-offset: var(--chip-border-offset-inactive);--chip-text-color: var(--chip-text-color-inactive)}.chip--solo{margin:0}.chip--on-background{margin:0;--chip-background-color: var(--chip-background-color-on-background);--chip-border-color: var(--chip-border-color-on-background);--chip-border-width: var(--chip-border-width-on-background);--chip-border-offset: var(--chip-border-offset-on-background);--chip-text-color: var(--chip-text-color-on-background);--chip-text-weight: var(--chip-text-weight-on-background)}

package/dist/assets/ColorChip.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--color-chip-border-color: color(srgb 0 0 0 / .1);--color-chip-border-offset: var(--size-neg-unit);--color-chip-border-width: var(--size-pos-unit);--color-chip-radius: var(--border-radius-small)}:root[data-theme=sketch]{--color-chip-border-color: color(srgb 0 0 0 / .1);--color-chip-border-offset: var(--size-neg-unit);--color-chip-border-width: var(--size-pos-unit);--color-chip-radius: var(--border-radius-small)}:root[data-theme=figma]{--color-chip-border-color: color(srgb 0 0 0 / .1);--color-chip-border-offset: var(--size-neg-unit);--color-chip-border-width: var(--size-pos-unit);--color-chip-radius: var(--border-radius-small)}:root[data-theme=framer]{--color-chip-border-color: color(srgb 0 0 0 / .1);--color-chip-border-offset: var(--size-neg-unit);--color-chip-border-width: var(--size-pos-unit);--color-chip-radius: var(--border-radius-small)}.color-chip{position:relative;flex:none;cursor:default;outline:var(--color-chip-border-width) solid var(--color-chip-border-color);outline-offset:var(--color-chip-border-offset);border-radius:var(--color-chip-radius);-webkit-user-select:none;user-select:none}.color-chip--rounded{--color-chip-radius: var(--border-radius-full)}

package/dist/assets/ColorItem.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--color-item-gap: var(--size-pos-xxsmall);--color-item-height: var(--size-pos-medium);--color-item-padding-bottom: var(--size-null);--color-item-padding-left: var(--size-pos-small);--color-item-padding-right: var(--size-pos-xsmall);--color-item-padding-top: var(--size-null)}:root[data-theme=sketch]{--color-item-gap: var(--size-pos-xxsmall);--color-item-height: var(--size-pos-medium);--color-item-padding-bottom: var(--size-null);--color-item-padding-left: var(--size-pos-small);--color-item-padding-right: var(--size-pos-xsmall);--color-item-padding-top: var(--size-null)}:root[data-theme=figma]{--color-item-gap: var(--size-pos-xxsmall);--color-item-height: var(--size-pos-medium);--color-item-padding-bottom: var(--size-null);--color-item-padding-left: var(--size-pos-small);--color-item-padding-right: var(--size-pos-xsmall);--color-item-padding-top: var(--size-null)}:root[data-theme=framer]{--color-item-gap: var(--size-pos-xxsmall);--color-item-height: var(--size-pos-medium);--color-item-padding-bottom: var(--size-null);--color-item-padding-left: var(--size-pos-small);--color-item-padding-right: var(--size-pos-xsmall);--color-item-padding-top: var(--size-null)}.color-item{display:flex;justify-content:space-between;align-items:center;gap:var(--color-item-gap);cursor:default;padding:var(--color-item-padding-top) var(--color-item-padding-right) var(--color-item-padding-bottom) var(--color-item-padding-left);height:var(--color-item-height);-webkit-user-select:none;user-select:none}.color-item .color-item__left{flex:1;overflow:hidden}.color-item .color-item__info{display:flex;align-items:center;gap:var(--color-item-gap);max-width:100%;white-space:nowrap}

package/dist/assets/Consent.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--consent-background-color: var(--penpot-color-overlay-default);--consent-banner-background-color: var(--penpot-color-background-primary);--consent-banner-border-color: var(--penpot-color-background-quaternary);--consent-banner-border-style: solid;--consent-banner-border-width: var(--size-pos-unit);--consent-banner-gap: var(--size-pos-xxsmall);--consent-banner-max-width: 400px;--consent-banner-padding-bottom: var(--size-pos-xxsmall);--consent-banner-padding-left: var(--size-pos-xsmall);--consent-banner-padding-right: var(--size-pos-xsmall);--consent-banner-padding-top: var(--size-pos-xxsmall);--consent-list-max-width: 400px;--consent-list-padding-bottom: var(--size-null);--consent-list-padding-left: var(--size-pos-xsmall);--consent-list-padding-right: var(--size-null);--consent-list-padding-top: var(--size-null)}:root[data-theme=sketch]{--consent-background-color: var(--sketch-color-overlay-default);--consent-banner-background-color: var(--sketch-color-background-primary);--consent-banner-border-color: var(--sketch-color-border-primary);--consent-banner-border-width: var(--size-pos-unit);--consent-banner-gap: var(--size-pos-xxsmall);--consent-banner-max-width: 400px;--consent-banner-padding-bottom: var(--size-pos-xxsmall);--consent-banner-padding-left: var(--size-pos-xsmall);--consent-banner-padding-right: var(--size-pos-xsmall);--consent-banner-padding-top: var(--size-pos-xxsmall);--consent-list-max-width: 400px;--consent-list-padding-bottom: var(--size-null);--consent-list-padding-left: var(--size-pos-xsmall);--consent-list-padding-right: var(--size-null);--consent-list-padding-top: var(--size-null)}:root[data-theme=figma]{--consent-background-color: color(srgb 0 0 0 / .5);--consent-banner-background-color: var(--figma-color-bg);--consent-banner-border-color: var(--figma-color-border);--consent-banner-border-width: var(--size-pos-unit);--consent-banner-gap: var(--size-pos-xxsmall);--consent-banner-max-width: 400px;--consent-banner-padding-bottom: var(--size-pos-xxsmall);--consent-banner-padding-left: var(--size-pos-xsmall);--consent-banner-padding-right: var(--size-pos-xsmall);--consent-banner-padding-top: var(--size-pos-xxsmall);--consent-list-max-width: 400px;--consent-list-padding-bottom: var(--size-null);--consent-list-padding-left: var(--size-pos-xsmall);--consent-list-padding-right: var(--size-null);--consent-list-padding-top: var(--size-null)}:root[data-theme=framer]{--consent-background-color: color(srgb 0 0 0 / .5);--consent-banner-background-color: var(--framer-color-bg);--consent-banner-border-color: var(--framer-color-divider);--consent-banner-border-width: var(--size-pos-unit);--consent-banner-gap: var(--size-pos-xxsmall);--consent-banner-max-width: 400px;--consent-banner-padding-bottom: var(--size-pos-xxsmall);--consent-banner-padding-left: var(--size-pos-xsmall);--consent-banner-padding-right: var(--size-pos-xsmall);--consent-banner-padding-top: var(--size-pos-xxsmall);--consent-list-max-width: 400px;--consent-list-padding-bottom: var(--size-null);--consent-list-padding-left: var(--size-pos-xsmall);--consent-list-padding-right: var(--size-null);--consent-list-padding-top: var(--size-null)}.consent{display:flex;position:fixed;justify-content:center;align-items:end;z-index:5;cursor:default;box-sizing:border-box;margin:0;inset:0;border:none;background-color:var(--consent-background-color);padding:0;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.consent .consent__banner{display:flex;flex-direction:column;gap:var(--consent-banner-gap);border-top:var(--consent-banner-border-width) solid var(--consent-banner-border-color);background-color:var(--consent-banner-background-color);padding:var(--consent-banner-padding-top) var(--consent-banner-padding-right) var(--consent-banner-padding-bottom) var(--consent-banner-padding-left);width:100%;max-height:100%;pointer-events:all}.consent .consent__banner__message{max-width:var(--consent-banner-max-width);overflow:hidden auto}.consent .consent__banner__content{overflow:hidden auto}.consent .consent__banner__list{display:flex;flex-direction:column;padding:var(--consent-list-padding-top) var(--consent-list-padding-right) var(--consent-list-padding-bottom) var(--consent-list-padding-left);list-style-type:none}.consent .consent__banner__item__icon{flex:none}.consent .consent__banner__item__description{max-width:var(--consent-list-max-width)}.consent .consent__banner>.bar{flex:none}@media(max-width:460px){.consent .consent__banner__message{flex:1}.consent .consent__banner__actions{flex-direction:column;align-items:end}}

package/dist/assets/Dialog.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--dialog-background-color: var(--penpot-color-overlay-default);--dialog-cover-padding-bottom: var(--size-pos-xsmall);--dialog-cover-padding-left: var(--size-pos-medium);--dialog-cover-padding-right: var(--size-null);--dialog-cover-padding-top: var(--size-pos-xsmall);--dialog-cover-ratio: 8 / 5;--dialog-cover-width: 248px;--dialog-form-gap: var(--size-pos-xxxsmall);--dialog-form-padding-bottom: var(--size-pos-xxsmall);--dialog-form-padding-left: var(--size-pos-small);--dialog-form-padding-right: var(--size-pos-medium);--dialog-form-padding-top: var(--size-pos-xxsmall);--dialog-padding-bottom: var(--size-pos-medium);--dialog-padding-left: var(--size-pos-medium);--dialog-padding-right: var(--size-pos-medium);--dialog-padding-top: var(--size-pos-medium);--dialog-text-gap: var(--size-pos-xxsmall);--dialog-text-padding-bottom: var(--size-pos-xsmall);--dialog-text-padding-left: var(--size-pos-medium);--dialog-text-padding-right: var(--size-pos-medium);--dialog-text-padding-top: var(--size-pos-xsmall)}:root[data-theme=sketch]{--dialog-background-color: var(--sketch-color-overlay-default);--dialog-cover-padding-bottom: var(--size-pos-xsmall);--dialog-cover-padding-left: var(--size-pos-medium);--dialog-cover-padding-right: var(--size-null);--dialog-cover-padding-top: var(--size-pos-xsmall);--dialog-cover-ratio: 8 / 5;--dialog-cover-width: 248px;--dialog-form-gap: var(--size-pos-xxxsmall);--dialog-form-padding-bottom: var(--size-pos-xxsmall);--dialog-form-padding-left: var(--size-pos-small);--dialog-form-padding-right: var(--size-pos-medium);--dialog-form-padding-top: var(--size-pos-xxsmall);--dialog-padding-bottom: var(--size-pos-medium);--dialog-padding-left: var(--size-pos-medium);--dialog-padding-right: var(--size-pos-medium);--dialog-padding-top: var(--size-pos-medium);--dialog-text-gap: var(--size-pos-xxsmall);--dialog-text-padding-bottom: var(--size-pos-xsmall);--dialog-text-padding-left: var(--size-pos-medium);--dialog-text-padding-right: var(--size-pos-medium);--dialog-text-padding-top: var(--size-pos-xsmall)}:root[data-theme=figma]{--dialog-background-color: color(srgb 0 0 0 / .5);--dialog-cover-padding-bottom: var(--size-pos-xsmall);--dialog-cover-padding-left: var(--size-pos-xsmall);--dialog-cover-padding-right: var(--size-pos-xsmall);--dialog-cover-padding-top: var(--size-pos-xsmall);--dialog-cover-ratio: 8 / 5;--dialog-cover-width: 248px;--dialog-form-gap: var(--size-pos-xxxsmall);--dialog-form-padding-bottom: var(--size-pos-xxsmall);--dialog-form-padding-left: var(--size-pos-xxsmall);--dialog-form-padding-right: var(--size-pos-xsmall);--dialog-form-padding-top: var(--size-pos-xxsmall);--dialog-padding-bottom: var(--size-pos-medium);--dialog-padding-left: var(--size-pos-medium);--dialog-padding-right: var(--size-pos-medium);--dialog-padding-top: var(--size-pos-medium);--dialog-text-gap: var(--size-pos-xxsmall);--dialog-text-padding-bottom: var(--size-pos-xsmall);--dialog-text-padding-left: var(--size-pos-xsmall);--dialog-text-padding-right: var(--size-pos-xsmall);--dialog-text-padding-top: var(--size-pos-xsmall)}:root[data-theme=framer]{--dialog-background-color: color(srgb 0 0 0 / .5);--dialog-cover-padding-bottom: var(--size-pos-xsmall);--dialog-cover-padding-left: var(--size-pos-xsmall);--dialog-cover-padding-right: var(--size-pos-xsmall);--dialog-cover-padding-top: var(--size-pos-xsmall);--dialog-cover-ratio: 8 / 5;--dialog-cover-width: 248px;--dialog-form-gap: var(--size-pos-xxxsmall);--dialog-form-padding-bottom: var(--size-pos-xxsmall);--dialog-form-padding-left: var(--size-pos-xxsmall);--dialog-form-padding-right: var(--size-pos-xsmall);--dialog-form-padding-top: var(--size-pos-xxsmall);--dialog-padding-bottom: var(--size-pos-medium);--dialog-padding-left: var(--size-pos-medium);--dialog-padding-right: var(--size-pos-medium);--dialog-padding-top: var(--size-pos-medium);--dialog-text-gap: var(--size-pos-xxsmall);--dialog-text-padding-bottom: var(--size-pos-xsmall);--dialog-text-padding-left: var(--size-pos-msmall);--dialog-text-padding-right: var(--size-pos-msmall);--dialog-text-padding-top: var(--size-pos-xsmall)}.dialog{display:flex;position:fixed;justify-content:center;align-items:center;z-index:4;cursor:default;box-sizing:border-box;margin:0;inset:0;border:none;background-color:var(--dialog-background-color);padding:var(--dialog-padding);width:100%;height:100%;-webkit-user-select:none;user-select:none}.dialog{--dialog-padding: var(--dialog-padding-top) var(--dialog-padding-right) var(--dialog-padding-bottom) var(--dialog-padding-left)}.dialog--right{justify-content:end;align-items:start;--dialog-padding: 0}.dialog .dialog__cover{display:flex;flex:1 0 var(--dialog-cover-width);justify-content:center;align-items:center;aspect-ratio:var(--dialog-cover-ratio);max-width:var(--dialog-cover-width);overflow:hidden}.dialog .dialog__cover--padding{padding:var(--dialog-cover-padding-top) var(--dialog-cover-padding-right) var(--dialog-cover-padding-bottom) var(--dialog-cover-padding-left)}.dialog .dialog__text{display:flex;flex:1;flex-direction:column;gap:var(--dialog-text-gap);margin:0;padding:var(--dialog-text-padding-top) var(--dialog-text-padding-right) var(--dialog-text-padding-bottom) var(--dialog-text-padding-left)}.dialog .dialog__text p{margin:0}.dialog .dialog__form{display:flex;flex:1;flex-direction:column;gap:var(--dialog-form-gap);margin:0;padding:var(--dialog-form-padding-top) var(--dialog-form-padding-right) var(--dialog-form-padding-bottom) var(--dialog-form-padding-left)}@media(max-width:460px){.dialog .dialog__cover{flex:auto;box-sizing:border-box;width:100%;max-width:none}}

package/dist/assets/DraggableItem.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--draggable-item-background-color-default: var(--penpot-color-background-primary);--draggable-item-background-color-pressed: var(--penpot-color-accent-primary-muted);--draggable-item-background-color-selected: var(--penpot-color-accent-primary-muted);--draggable-item-gap: var(--size-pos-xxsmall);--draggable-item-ghost-color: var(--penpot-color-accent-primary);--draggable-item-ghost-height: var(--size-pos-xunit);--draggable-item-ghost-inset: var(--size-neg-unit);--draggable-item-padding-bottom: var(--size-pos-xunit);--draggable-item-padding-left: var(--size-pos-xsmall);--draggable-item-padding-right: var(--size-pos-xsmall);--draggable-item-padding-top: var(--size-pos-xunit);--draggable-item-param-width-compact: 112px;--draggable-item-param-width-square: var(--size-pos-medium);--draggable-item-template-columns: repeat(76, 1fr);--draggable-item-template-rows: var(--size-pos-medium)}:root[data-theme=sketch]{--draggable-item-background-color-default: var(--sketch-color-background-primary);--draggable-item-background-color-pressed: var(--sketch-color-accent-disabled);--draggable-item-background-color-selected: var(--sketch-color-accent-disabled);--draggable-item-gap: var(--size-pos-xxsmall);--draggable-item-ghost-color: var(--sketch-color-accent-primary);--draggable-item-ghost-height: var(--size-pos-xunit);--draggable-item-ghost-inset: var(--size-neg-unit);--draggable-item-padding-bottom: var(--size-pos-xunit);--draggable-item-padding-left: var(--size-pos-xsmall);--draggable-item-padding-right: var(--size-pos-xsmall);--draggable-item-padding-top: var(--size-pos-xunit);--draggable-item-param-width-compact: 112px;--draggable-item-param-width-square: var(--size-pos-medium);--draggable-item-template-columns: repeat(76, 1fr);--draggable-item-template-rows: var(--size-pos-medium)}:root[data-theme=figma]{--draggable-item-background-color-default: var(--figma-color-bg);--draggable-item-background-color-pressed: var(--figma-color-bg-pressed);--draggable-item-background-color-selected: var(--figma-color-bg-selected);--draggable-item-gap: var(--size-pos-xxsmall);--draggable-item-ghost-color: var(--figma-color-border-selected);--draggable-item-ghost-height: var(--size-pos-xunit);--draggable-item-ghost-inset: var(--size-neg-unit);--draggable-item-padding-bottom: var(--size-pos-xunit);--draggable-item-padding-left: var(--size-pos-xsmall);--draggable-item-padding-right: var(--size-pos-xsmall);--draggable-item-padding-top: var(--size-pos-xunit);--draggable-item-param-width-compact: 112px;--draggable-item-param-width-square: var(--size-pos-medium);--draggable-item-template-columns: repeat(76, 1fr);--draggable-item-template-rows: var(--size-pos-medium)}:root[data-theme=framer]{--draggable-item-background-color-default: var(--framer-color-bg);--draggable-item-background-color-pressed: var(--framer-color-bg-secondary);--draggable-item-background-color-selected: var(--framer-color-tint-dimmed);--draggable-item-gap: var(--size-pos-xxsmall);--draggable-item-ghost-color: var(--framer-color-tint);--draggable-item-ghost-height: var(--size-pos-xunit);--draggable-item-ghost-inset: var(--size-neg-unit);--draggable-item-padding-bottom: var(--size-pos-xunit);--draggable-item-padding-left: var(--size-pos-xsmall);--draggable-item-padding-right: var(--size-pos-xsmall);--draggable-item-padding-top: var(--size-pos-xunit);--draggable-item-param-width-compact: 112px;--draggable-item-param-width-square: var(--size-pos-medium);--draggable-item-template-columns: repeat(76, 1fr);--draggable-item-template-rows: var(--size-pos-medium)}.draggable-item{display:grid;position:relative;grid-template-rows:var(--draggable-item-template-rows);grid-template-columns:var(--draggable-item-template-columns);background-color:var(--draggable-item-background-color);padding:var(--draggable-item-padding-top) var(--draggable-item-padding-right) var(--draggable-item-padding-bottom) var(--draggable-item-padding-left)}.draggable-item{--draggable-item-background-color: var( --draggable-item-background-color-default )}.draggable-item[draggable=true]{--draggable-item-background-color: var( --draggable-item-background-color-selected );--icon-button-default-background-color-default: var( --icon-button-default-background-color-onselected );--icon-button-default-background-color-hover: var( --icon-button-default-background-color-onselected-hover );--input-background-color-default: var( --input-background-color-onselected-default );--input-border-color-default: var(--input-border-color-onselected-default);--input-border-width-default: var(--input-border-width-onselected-default);--input-border-offset-default: var( --input-border-offset-onselected-default );--input-background-color-default-hover: var( --input-background-color-onselected-hover );--input-border-color-hover: var(--input-border-color-onselected-hover);--input-border-width-hover: var(--input-border-width-onselected-hover);--input-border-offset-hover: var(--input-border-offset-onselected-hover)}.draggable-item[draggable=true]:active{cursor:grabbing}.draggable-item--dragged:active>div{pointer-events:none}.draggable-item--above:before{position:absolute;top:var(--draggable-item-ghost-inset);left:0;z-index:99;background-color:var(--draggable-item-ghost-color);width:100%;height:var(--draggable-item-ghost-height);content:""}.draggable-item--below:before{position:absolute;bottom:var(--draggable-item-ghost-inset);left:0;z-index:99;background-color:var(--draggable-item-ghost-color);width:100%;height:var(--draggable-item-ghost-height);content:""}.draggable-item .draggable-item__primary{display:flex;grid-row:1/1;grid-column:1/77;justify-content:space-between}.draggable-item .draggable-item__left,.draggable-item .draggable-item__right{display:flex;align-items:center;gap:var(--draggable-item-gap);max-width:100%}.draggable-item .draggable-item__param{max-width:100%}.draggable-item .draggable-item__param--compact{width:var(--draggable-item-param-width-compact)}.draggable-item .draggable-item__param--square{display:flex;justify-content:center;align-items:center;width:var(--draggable-item-param-width-square)}.draggable-item .draggable-item__buttons--compact{grid-column:span 4/37}

package/dist/assets/DraggableWindow.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--draggable-window-background-color: var(--penpot-color-background-primary);--draggable-window-border-color: var(--penpot-color-background-quaternary);--draggable-window-border-offset: var(--size-neg-unit);--draggable-window-border-width: var(--size-pos-unit);--draggable-window-content-gap: var(--size-pos-xxxsmall);--draggable-window-content-padding-bottom: var(--size-pos-xxsmall);--draggable-window-content-padding-left: var(--size-pos-xxsmall);--draggable-window-content-padding-right: var(--size-pos-xxsmall);--draggable-window-content-padding-top: var(--size-pos-xxsmall);--draggable-window-header-border-color: transparent;--draggable-window-header-border-width: var(--size-null);--draggable-window-radius: var(--border-radius-xxlarge);--draggable-window-shadow: none;--draggable-window-width: 320px}:root[data-theme=sketch]{--draggable-window-background-color: var(--sketch-color-background-primary);--draggable-window-border-color: var(--sketch-color-border-primary);--draggable-window-border-offset: var(--size-neg-unit);--draggable-window-border-width: var(--size-pos-unit);--draggable-window-content-gap: var(--size-pos-xxxsmall);--draggable-window-content-padding-bottom: var(--size-pos-xxsmall);--draggable-window-content-padding-left: var(--size-pos-xxsmall);--draggable-window-content-padding-right: var(--size-pos-xxsmall);--draggable-window-content-padding-top: var(--size-pos-xxsmall);--draggable-window-header-border-color: var(--sketch-color-border-disabled);--draggable-window-header-border-width: var(--size-pos-unit);--draggable-window-radius: var(--border-radius-xxxlarge);--draggable-window-shadow: var(--elevation-500-modal-window);--draggable-window-width: 320px}:root[data-theme=figma]{--draggable-window-background-color: var(--figma-color-bg);--draggable-window-border-color: transparent;--draggable-window-border-offset: var(--size-null);--draggable-window-border-width: var(--size-null);--draggable-window-content-gap: var(--size-pos-xxxsmall);--draggable-window-content-padding-bottom: var(--size-pos-xxsmall);--draggable-window-content-padding-left: var(--size-pos-xxsmall);--draggable-window-content-padding-right: var(--size-pos-xxsmall);--draggable-window-content-padding-top: var(--size-pos-xxsmall);--draggable-window-header-border-color: var(--figma-color-border);--draggable-window-header-border-width: var(--size-pos-unit);--draggable-window-radius: var(--border-radius-xxlarge);--draggable-window-shadow: var(--elevation-500-modal-window);--draggable-window-width: 296px}:root[data-theme=framer]{--draggable-window-background-color: var(--framer-color-bg);--draggable-window-border-color: transparent;--draggable-window-border-offset: var(--size-null);--draggable-window-border-width: var(--size-null);--draggable-window-content-gap: var(--size-pos-xxxsmall);--draggable-window-content-padding-bottom: var(--size-pos-xmsmall);--draggable-window-content-padding-left: var(--size-pos-xmsmall);--draggable-window-content-padding-right: var(--size-pos-xmsmall);--draggable-window-content-padding-top: var(--size-pos-xmsmall);--draggable-window-header-border-color: var(--framer-color-divider);--draggable-window-header-border-width: var(--size-pos-unit);--draggable-window-radius: var(--border-radius-xxlarge);--draggable-window-shadow: var(--elevation-500-modal-window);--draggable-window-width: 296px}.draggable-window{position:absolute;z-index:3;outline:var(--draggable-window-border-width) solid var(--draggable-window-border-color);outline-offset:var(--draggable-window-border-offset);box-shadow:var(--draggable-window-shadow);border-radius:var(--draggable-window-radius);background-color:var(--draggable-window-background-color);width:var(--draggable-window-width);max-width:100%}.draggable-window__header{--bar-border: var(--draggable-window-header-border);cursor:move}.draggable-window__header .section-title{pointer-events:none}.draggable-window__content{display:flex;flex-direction:column;gap:var(--draggable-window-content-gap);padding:var(--draggable-window-content-padding-top) var(--draggable-window-content-padding-right) var(--draggable-window-content-padding-bottom) var(--draggable-window-content-padding-left)}

package/dist/assets/Drawer.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--drawer-background-color: var(--penpot-color-background-primary);--drawer-border-color: transparent;--drawer-border-style: solid;--drawer-border-width: var(--size-null);--drawer-knob-position: var(--size-neg-xxxsmall);--drawer-knob-size: var(--size-pos-xxsmall)}:root[data-theme=sketch]{--drawer-background-color: var(--sketch-color-background-primary);--drawer-border-color: var(--sketch-color-border-primary);--drawer-border-width: var(--size-pos-unit);--drawer-knob-position: var(--size-neg-xxxsmall);--drawer-knob-size: var(--size-pos-xxsmall)}:root[data-theme=figma]{--drawer-background-color: var(--figma-color-bg);--drawer-border-color: var(--figma-color-border);--drawer-border-width: var(--size-pos-unit);--drawer-knob-position: var(--size-neg-xxxsmall);--drawer-knob-size: var(--size-pos-xxsmall)}:root[data-theme=framer]{--drawer-background-color: var(--framer-color-bg);--drawer-border-color: var(--framer-color-divider);--drawer-border-width: var(--size-pos-unit);--drawer-knob-position: var(--size-neg-xxxsmall);--drawer-knob-size: var(--size-pos-xxsmall)}.drawer{display:flex;position:relative;flex-direction:column;background-color:var(--drawer-background-color);--drawer-border: var(--drawer-border-width) solid var(--drawer-border-color)}.drawer--scrolling{overflow:hidden auto}.drawer__knob{position:absolute;z-index:2;cursor:ns-resize}.drawer__knob--top,.drawer__knob--bottom{cursor:ns-resize;width:100%;height:var(--drawer-knob-size)}.drawer__knob--left,.drawer__knob--right{cursor:ew-resize;width:var(--drawer-knob-size);height:100%}.drawer__knob--top{bottom:var(--drawer-knob-position)}.drawer__knob--right{left:var(--drawer-knob-position)}.drawer__knob--bottom{top:var(--drawer-knob-position)}.drawer__knob--left{right:var(--drawer-knob-position)}

package/dist/assets/Dropdown.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--dropdown-background-color-default: var(--penpot-color-background-tertiary);--dropdown-background-color-disabled: var(--penpot-color-background-primary);--dropdown-background-color-focus: var(--penpot-color-background-tertiary);--dropdown-background-color-hover: var(--penpot-color-background-quaternary);--dropdown-background-color-on-selected: var(--penpot-color-background-quaternary);--dropdown-border-color-default: color(srgb 0 0 0 / 0);--dropdown-border-color-disabled: var(--penpot-color-background-quaternary);--dropdown-border-color-focus: var(--penpot-color-accent-primary);--dropdown-border-color-hover: color(srgb 0 0 0 / 0);--dropdown-border-color-on-selected: var(--penpot-color-accent-primary);--dropdown-border-offset-default: var(--size-null);--dropdown-border-offset-disabled: var(--size-pos-unit);--dropdown-border-offset-focus: var(--size-pos-unit);--dropdown-border-offset-hover: var(--size-null);--dropdown-border-width-default: var(--size-null);--dropdown-border-width-disabled: var(--size-pos-unit);--dropdown-border-width-focus: var(--size-pos-unit);--dropdown-border-width-hover: var(--size-null);--dropdown-caret-color-default: var(--penpot-color-icon-default);--dropdown-caret-color-disabled: var(--penpot-color-icon-default);--dropdown-caret-color-focus: var(--penpot-color-icon-default);--dropdown-caret-color-hover: var(--penpot-color-icon-default);--dropdown-caret-height: var(--size-pos-xsmall);--dropdown-caret-width: var(--size-pos-xsmall);--dropdown-gap: var(--size-pos-xxxsmall);--dropdown-height: var(--size-pos-medium);--dropdown-padding-bottom: var(--size-null);--dropdown-padding-left: var(--size-pos-xxsmall);--dropdown-padding-right: var(--size-pos-xxsmall);--dropdown-padding-top: var(--size-null);--dropdown-radius: var(--border-radius-xlarge);--dropdown-status-gap: var(--size-pos-xxsmall);--dropdown-status-height: var(--size-pos-medium);--dropdown-status-margin-bottom: var(--size-null);--dropdown-status-margin-left: var(--size-pos-xxsmall);--dropdown-status-margin-right: var(--size-null);--dropdown-status-margin-top: var(--size-null);--dropdown-text-color-default: var(--penpot-color-foreground-primary);--dropdown-text-color-disabled: var(--penpot-color-foreground-secondary);--dropdown-text-color-focus: var(--penpot-color-foreground-primary);--dropdown-text-color-hover: var(--penpot-color-foreground-primary)}:root[data-theme=sketch]{--dropdown-background-color-default: var(--sketch-color-background-tertiary);--dropdown-background-color-disabled: var(--sketch-color-background-secondary);--dropdown-background-color-focus: var(--sketch-color-background-tertiary);--dropdown-background-color-hover: var(--sketch-color-background-secondary);--dropdown-border-color-default: transparent;--dropdown-border-color-disabled: transparent;--dropdown-border-color-focus: var(--sketch-color-accent-primary);--dropdown-border-color-hover: transparent;--dropdown-border-offset-default: var(--size-null);--dropdown-border-offset-disabled: var(--size-null);--dropdown-border-offset-focus: var(--size-neg-unit);--dropdown-border-offset-hover: var(--size-null);--dropdown-border-width-default: var(--size-null);--dropdown-border-width-disabled: var(--size-null);--dropdown-border-width-focus: var(--size-pos-unit);--dropdown-border-width-hover: var(--size-null);--dropdown-caret-color-default: var(--sketch-color-foreground-tertiary);--dropdown-caret-color-disabled: var(--sketch-color-foreground-disabled);--dropdown-caret-color-focus: var(--sketch-color-foreground-tertiary);--dropdown-caret-color-hover: var(--sketch-color-foreground-tertiary);--dropdown-caret-height: var(--size-pos-xsmall);--dropdown-caret-width: var(--size-pos-xsmall);--dropdown-gap: var(--size-pos-xxxsmall);--dropdown-height: var(--size-pos-medium);--dropdown-padding-bottom: var(--size-pos-xxsmall);--dropdown-padding-left: var(--size-pos-xxsmall);--dropdown-padding-right: var(--size-pos-xxsmall);--dropdown-padding-top: var(--size-pos-xxsmall);--dropdown-radius: var(--border-radius-large);--dropdown-status-gap: var(--size-pos-xxsmall);--dropdown-status-height: var(--size-pos-medium);--dropdown-status-margin-bottom: var(--size-null);--dropdown-status-margin-left: var(--size-pos-xxsmall);--dropdown-status-margin-right: var(--size-null);--dropdown-status-margin-top: var(--size-null);--dropdown-text-color-default: var(--sketch-color-foreground-primary);--dropdown-text-color-disabled: var(--sketch-color-foreground-disabled);--dropdown-text-color-focus: var(--sketch-color-foreground-primary);--dropdown-text-color-hover: var(--sketch-color-foreground-primary)}:root[data-theme=figma]{--dropdown-background-color-default: var(--figma-color-bg);--dropdown-background-color-disabled: var(--figma-color-bg);--dropdown-background-color-focus: var(--figma-color-bg);--dropdown-background-color-hover: var(--figma-color-bg);--dropdown-background-color-on-selected: var(--figma-color-bg-selected);--dropdown-border-color-default: var(--figma-color-border);--dropdown-border-color-disabled: var(--figma-color-border-disabled);--dropdown-border-color-focus: var(--figma-color-border-selected);--dropdown-border-color-hover: var(--figma-color-border);--dropdown-border-color-on-selected: var(--figma-color-bg-selected);--dropdown-border-offset-default: var(--size-neg-unit);--dropdown-border-offset-disabled: var(--size-neg-unit);--dropdown-border-offset-focus: var(--size-neg-unit);--dropdown-border-offset-hover: var(--size-neg-unit);--dropdown-border-width-default: var(--size-pos-unit);--dropdown-border-width-disabled: var(--size-pos-unit);--dropdown-border-width-focus: var(--size-pos-unit);--dropdown-border-width-hover: var(--size-pos-unit);--dropdown-caret-color-default: var(--figma-color-icon);--dropdown-caret-color-disabled: var(--figma-color-icon-disabled);--dropdown-caret-color-focus: var(--figma-color-icon);--dropdown-caret-color-hover: var(--figma-color-icon);--dropdown-caret-height: var(--size-pos-xsmall);--dropdown-caret-width: var(--size-pos-xsmall);--dropdown-gap: var(--size-pos-xxxsmall);--dropdown-height: var(--size-pos-small);--dropdown-padding-bottom: var(--size-null);--dropdown-padding-left: var(--size-pos-xxsmall);--dropdown-padding-right: var(--size-pos-xxxsmall);--dropdown-padding-top: var(--size-null);--dropdown-radius: var(--border-radius-medium);--dropdown-status-gap: var(--size-pos-xxsmall);--dropdown-status-height: var(--size-pos-small);--dropdown-status-margin-bottom: var(--size-null);--dropdown-status-margin-left: var(--size-pos-xxsmall);--dropdown-status-margin-right: var(--size-null);--dropdown-status-margin-top: var(--size-null);--dropdown-text-color-default: var(--figma-color-text);--dropdown-text-color-disabled: var(--figma-color-text-disabled);--dropdown-text-color-focus: var(--figma-color-text);--dropdown-text-color-hover: var(--figma-color-text)}:root[data-theme=framer]{--dropdown-background-color-default: var(--framer-color-bg-secondary);--dropdown-background-color-disabled: var(--framer-color-bg-tertiary);--dropdown-background-color-focus: var(--framer-color-bg-secondary);--dropdown-background-color-hover: var(--framer-color-bg-tertiary);--dropdown-background-color-on-selected: var(--framer-color-bg-secondary);--dropdown-border-color-default: transparent;--dropdown-border-color-disabled: transparent;--dropdown-border-color-focus: var(--framer-color-tint);--dropdown-border-color-hover: transparent;--dropdown-border-color-on-selected: transparent;--dropdown-border-offset-default: var(--size-null);--dropdown-border-offset-disabled: var(--size-null);--dropdown-border-offset-focus: var(--size-neg-unit);--dropdown-border-offset-hover: var(--size-null);--dropdown-border-width-default: var(--size-null);--dropdown-border-width-disabled: var(--size-null);--dropdown-border-width-focus: var(--size-pos-unit);--dropdown-border-width-hover: var(--size-null);--dropdown-caret-color-default: var(--framer-color-text-tertiary);--dropdown-caret-color-disabled: var(--framer-color-text-tertiary);--dropdown-caret-color-focus: var(--framer-color-text-tertiary);--dropdown-caret-color-hover: var(--framer-color-text-tertiary);--dropdown-caret-height: var(--size-pos-xsmall);--dropdown-caret-width: var(--size-pos-xsmall);--dropdown-gap: var(--size-pos-xxsmall);--dropdown-height: var(--size-pos-medium);--dropdown-padding-bottom: var(--size-null);--dropdown-padding-left: var(--size-pos-xxsmall);--dropdown-padding-right: var(--size-pos-xxxsmall);--dropdown-padding-top: var(--size-null);--dropdown-radius: var(--border-radius-xlarge);--dropdown-status-gap: var(--size-pos-xxsmall);--dropdown-status-height: var(--size-pos-medium);--dropdown-status-margin-bottom: var(--size-null);--dropdown-status-margin-left: var(--size-pos-xxsmall);--dropdown-status-margin-right: var(--size-null);--dropdown-status-margin-top: var(--size-null);--dropdown-text-color-default: var(--framer-color-text);--dropdown-text-color-disabled: var(--framer-color-text-tertiary);--dropdown-text-color-focus: var(--framer-color-text);--dropdown-text-color-hover: var(--framer-color-text)}.select-menu{display:flex;position:relative;align-items:center;cursor:default;-webkit-user-select:none;user-select:none}.select-menu.select-menu--right{justify-content:end}.select-menu.select-menu--left{justify-content:start}.select-menu.select-menu--fill{justify-content:stretch}.select-menu.select-menu--fill .select-menu__button{justify-content:space-between;width:100%}.select-menu .select-menu__button{display:flex;position:relative;align-items:center;gap:var(--dropdown-gap);outline:var(--dropdown-border-width) solid var(--dropdown-border-color);outline-offset:var(--dropdown-border-offset);border:none;border-radius:var(--dropdown-radius);background-color:var(--dropdown-background-color);padding:var(--dropdown-padding-top) var(--dropdown-padding-right) var(--dropdown-padding-bottom) var(--dropdown-padding-left);width:auto;max-width:100%;height:var(--dropdown-height)}.select-menu .select-menu__button{--dropdown-background-color: var(--dropdown-background-color-default);--dropdown-border-color: var(--dropdown-border-color-default);--dropdown-border-width: var(--dropdown-border-width-default);--dropdown-border-offset: var(--dropdown-border-offset-default);--dropdown-caret-color: var(--dropdown-caret-color-default);--dropdown-text-color: var(--dropdown-text-color-default)}.select-menu .select-menu__button:hover{--dropdown-background-color: var(--dropdown-background-color-hover);--dropdown-border-color: var(--dropdown-border-color-hover);--dropdown-border-width: var(--dropdown-border-width-hover);--dropdown-border-offset: var(--dropdown-border-offset-hover);--dropdown-caret-color: var(--dropdown-caret-color-hover);--dropdown-text-color: var(--dropdown-text-color-hover)}.select-menu .select-menu__button:focus{--dropdown-background-color: var(--dropdown-background-color-focus);--dropdown-border-color: var(--dropdown-border-color-focus);--dropdown-border-width: var(--dropdown-border-width-focus);--dropdown-border-offset: var(--dropdown-border-offset-focus);--dropdown-caret-color: var(--dropdown-caret-color-focus);--dropdown-text-color: var(--dropdown-text-color-focus)}.select-menu .select-menu__button:disabled{--dropdown-background-color: var(--dropdown-background-color-disabled);--dropdown-border-color: var(--dropdown-border-color-disabled);--dropdown-border-width: var(--dropdown-border-width-disabled);--dropdown-border-offset: var(--dropdown-border-offset-disabled);--dropdown-caret-color: var(--dropdown-caret-color-disabled);--dropdown-text-color: var(--dropdown-text-color-disabled)}.select-menu .select-menu__label{--text-color-primary: var(--dropdown-text-color);pointer-events:none}.select-menu .select-menu__item-label{flex:1}.select-menu .select-menu__caret{display:flex;justify-content:center;align-items:center;width:var(--dropdown-caret-width);height:var(--dropdown-caret-width);pointer-events:none;--icon-picto-color: var(--dropdown-caret-color)}.select-menu .select-menu__status{display:flex;align-items:center;gap:var(--dropdown-status-gap);margin:var(--dropdown-status-margin-top) var(--dropdown-status-margin-right) var(--dropdown-status-margin-bottom) var(--dropdown-status-margin-left);height:var(--dropdown-status-height)}.floating-menu .select-menu__menu{position:relative}

package/dist/assets/Dropzone.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--dropzone-background-color-default: var(--penpot-color-background-primary);--dropzone-background-color-disabled: var(--penpot-color-background-secondary);--dropzone-background-color-over: var(--penpot-color-accent-primary-muted);--dropzone-border-color-default: var(--penpot-color-background-quaternary);--dropzone-border-color-disabled: var(--penpot-color-background-tertiary);--dropzone-border-color-over: var(--penpot-color-accent-primary);--dropzone-border-offset-default: var(--size-neg-unit);--dropzone-border-offset-disabled: var(--size-neg-unit);--dropzone-border-offset-over: var(--size-neg-xunit);--dropzone-border-style-default: dashed;--dropzone-border-style-disabled: dashed;--dropzone-border-style-over: solid;--dropzone-border-width-default: var(--size-pos-unit);--dropzone-border-width-disabled: var(--size-pos-unit);--dropzone-border-width-over: var(--size-pos-xunit);--dropzone-gap: var(--size-pos-xxsmall);--dropzone-min-height: 200px;--dropzone-min-width: 200px;--dropzone-padding-bottom: var(--size-pos-small);--dropzone-padding-left: var(--size-pos-small);--dropzone-padding-right: var(--size-pos-small);--dropzone-padding-top: var(--size-pos-small);--dropzone-radius: var(--border-radius-medium)}:root[data-theme=sketch]{--dropzone-background-color-default: var(--sketch-color-background-primary);--dropzone-background-color-disabled: var(--sketch-color-background-disabled);--dropzone-background-color-over: var(--sketch-color-accent-disabled);--dropzone-border-color-default: var(--sketch-color-border-secondary);--dropzone-border-color-disabled: var(--sketch-color-border-disabled);--dropzone-border-color-over: var(--sketch-color-accent-primary);--dropzone-border-offset-default: var(--size-neg-unit);--dropzone-border-offset-disabled: var(--size-neg-unit);--dropzone-border-offset-over: var(--size-neg-xunit);--dropzone-border-style-default: dashed;--dropzone-border-style-disabled: dashed;--dropzone-border-style-over: solid;--dropzone-border-width-default: var(--size-pos-unit);--dropzone-border-width-disabled: var(--size-pos-unit);--dropzone-border-width-over: var(--size-pos-xunit);--dropzone-gap: var(--size-pos-xxsmall);--dropzone-min-height: 200px;--dropzone-min-width: 200px;--dropzone-padding-bottom: var(--size-pos-small);--dropzone-padding-left: var(--size-pos-small);--dropzone-padding-right: var(--size-pos-small);--dropzone-padding-top: var(--size-pos-small);--dropzone-radius: var(--border-radius-medium)}:root[data-theme=figma]{--dropzone-background-color-default: var(--figma-color-bg);--dropzone-background-color-disabled: var(--figma-color-bg-secondary);--dropzone-background-color-over: var(--figma-color-bg-selected);--dropzone-border-color-default: var(--figma-color-border);--dropzone-border-color-disabled: var(--figma-color-border-disabled);--dropzone-border-color-over: var(--figma-color-border-selected);--dropzone-border-offset-default: var(--size-neg-unit);--dropzone-border-offset-disabled: var(--size-neg-unit);--dropzone-border-offset-over: var(--size-neg-xunit);--dropzone-border-style-default: dashed;--dropzone-border-style-disabled: dashed;--dropzone-border-style-over: solid;--dropzone-border-width-default: var(--size-pos-unit);--dropzone-border-width-disabled: var(--size-pos-unit);--dropzone-border-width-over: var(--size-pos-xunit);--dropzone-gap: var(--size-pos-xxsmall);--dropzone-min-height: 200px;--dropzone-min-width: 200px;--dropzone-padding-bottom: var(--size-pos-small);--dropzone-padding-left: var(--size-pos-small);--dropzone-padding-right: var(--size-pos-small);--dropzone-padding-top: var(--size-pos-small);--dropzone-radius: var(--border-radius-medium)}:root[data-theme=framer]{--dropzone-background-color-default: var(--framer-color-bg);--dropzone-background-color-disabled: var(--framer-color-bg-secondary);--dropzone-background-color-over: var(--framer-color-tint-dimmed);--dropzone-border-color-default: var(--framer-color-divider);--dropzone-border-color-disabled: var(--framer-color-bg-tertiary);--dropzone-border-color-over: var(--framer-color-tint);--dropzone-border-offset-default: var(--size-neg-unit);--dropzone-border-offset-disabled: var(--size-neg-unit);--dropzone-border-offset-over: var(--size-neg-xunit);--dropzone-border-style-default: dashed;--dropzone-border-style-disabled: dashed;--dropzone-border-style-over: solid;--dropzone-border-width-default: var(--size-pos-unit);--dropzone-border-width-disabled: var(--size-pos-unit);--dropzone-border-width-over: var(--size-pos-xunit);--dropzone-gap: var(--size-pos-xxsmall);--dropzone-min-height: 200px;--dropzone-min-width: 200px;--dropzone-padding-bottom: var(--size-pos-small);--dropzone-padding-left: var(--size-pos-small);--dropzone-padding-right: var(--size-pos-small);--dropzone-padding-top: var(--size-pos-small);--dropzone-radius: var(--border-radius-xlarge)}.dropzone{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--dropzone-gap);cursor:default;outline:var(--dropzone-border-width) var(--dropzone-border-style) var(--dropzone-border-color);outline-offset:var(--dropzone-border-offset);border-radius:var(--dropzone-radius);background-color:var(--dropzone-background-color);padding:var(--dropzone-padding-top) var(--dropzone-padding-right) var(--dropzone-padding-bottom) var(--dropzone-padding-left);-webkit-user-select:none;user-select:none}.dropzone{--dropzone-border-color: var(--dropzone-border-color-default);--dropzone-border-width: var(--dropzone-border-width-default);--dropzone-border-offset: var(--dropzone-border-offset-default);--dropzone-border-style: var(--dropzone-border-style-default);--dropzone-background-color: var(--dropzone-background-color-default)}.dropzone--dragged-over{--semantic-message-background-color: var(--dropzone-background-color-over);--dropzone-border-width: var(--dropzone-border-width-over);--dropzone-border-offset: var(--dropzone-border-offset-over);--dropzone-border-style: var(--dropzone-border-style-over);--dropzone-border-color: var(--dropzone-border-color-over);--dropzone-background-color: var(--dropzone-background-color-over)}.dropzone--disabled{cursor:not-allowed;pointer-events:none;--semantic-message-background-color: var( --dropzone-background-color-disabled );--dropzone-border-width: var(--dropzone-border-width-disabled);--dropzone-border-offset: var(--dropzone-border-offset-disabled);--dropzone-border-style: var(--dropzone-border-style-disabled);--dropzone-border-color: var(--dropzone-border-color-disabled);--dropzone-background-color: var(--dropzone-background-color-disabled)}

package/dist/assets/FormItem.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--form-item-chip-margin-default-bottom: var(--size-null);--form-item-chip-margin-default-left: var(--size-null);--form-item-chip-margin-default-right: var(--size-null);--form-item-chip-margin-default-top: var(--size-pos-xunit);--form-item-chip-margin-multiline-bottom: var(--size-null);--form-item-chip-margin-multiline-left: var(--size-null);--form-item-chip-margin-multiline-right: var(--size-null);--form-item-chip-margin-multiline-top: var(--size-pos-xunit);--form-item-gap: var(--size-pos-xxsmall);--form-item-helper-padding-bottom: var(--size-null);--form-item-helper-padding-left: var(--size-pos-xxsmall);--form-item-helper-padding-right: var(--size-pos-xxsmall);--form-item-helper-padding-top: var(--size-null);--form-item-icon-color-disabled: var(--penpot-color-foreground-disabled);--form-item-label-margin-default-bottom: var(--size-null);--form-item-label-margin-default-left: var(--size-null);--form-item-label-margin-default-right: var(--size-null);--form-item-label-margin-default-top: var(--size-pos-xxsmall);--form-item-label-margin-multiline-bottom: var(--size-null);--form-item-label-margin-multiline-left: var(--size-null);--form-item-label-margin-multiline-right: var(--size-null);--form-item-label-margin-multiline-top: var(--size-pos-xxsmall);--form-item-label-width: 112px;--form-item-padding-bottom: var(--size-pos-xxxsmall);--form-item-padding-left: var(--size-pos-xxsmall);--form-item-padding-right: var(--size-null);--form-item-padding-top: var(--size-pos-xxxsmall);--form-item-text-color-default: var(--penpot-color-foreground-primary);--form-item-text-color-disabled: var(--penpot-color-foreground-disabled)}:root[data-theme=sketch]{--form-item-chip-margin-default-bottom: var(--size-null);--form-item-chip-margin-default-left: var(--size-null);--form-item-chip-margin-default-right: var(--size-null);--form-item-chip-margin-default-top: 6px;--form-item-chip-margin-multiline-bottom: var(--size-null);--form-item-chip-margin-multiline-left: var(--size-null);--form-item-chip-margin-multiline-right: var(--size-null);--form-item-chip-margin-multiline-top: 6px;--form-item-gap: var(--size-pos-xxsmall);--form-item-helper-padding-bottom: var(--size-null);--form-item-helper-padding-left: var(--size-pos-xxsmall);--form-item-helper-padding-right: var(--size-pos-xxsmall);--form-item-helper-padding-top: var(--size-null);--form-item-icon-color-disabled: var(--sketch-color-foreground-disabled);--form-item-label-margin-default-bottom: var(--size-null);--form-item-label-margin-default-left: var(--size-null);--form-item-label-margin-default-right: var(--size-null);--form-item-label-margin-default-top: var(--size-pos-xxsmall);--form-item-label-margin-multiline-bottom: var(--size-null);--form-item-label-margin-multiline-left: var(--size-null);--form-item-label-margin-multiline-right: var(--size-null);--form-item-label-margin-multiline-top: var(--size-pos-xxsmall);--form-item-label-width: 120px;--form-item-padding-bottom: var(--size-pos-xxxsmall);--form-item-padding-left: var(--size-pos-xxsmall);--form-item-padding-right: var(--size-null);--form-item-padding-top: var(--size-pos-xxxsmall);--form-item-text-color-default: var(--sketch-color-foreground-primary);--form-item-text-color-disabled: var(--sketch-color-foreground-disabled)}:root[data-theme=figma]{--form-item-chip-margin-default-bottom: var(--size-null);--form-item-chip-margin-default-left: var(--size-null);--form-item-chip-margin-default-right: var(--size-null);--form-item-chip-margin-default-top: var(--size-pos-xunit);--form-item-chip-margin-multiline-bottom: var(--size-null);--form-item-chip-margin-multiline-left: var(--size-null);--form-item-chip-margin-multiline-right: var(--size-null);--form-item-chip-margin-multiline-top: var(--size-pos-xunit);--form-item-gap: var(--size-pos-xxsmall);--form-item-helper-padding-bottom: var(--size-null);--form-item-helper-padding-left: var(--size-pos-xxxsmall);--form-item-helper-padding-right: var(--size-pos-xxxsmall);--form-item-helper-padding-top: var(--size-null);--form-item-icon-color-disabled: var(--figma-color-icon-disabled);--form-item-label-margin-default-bottom: var(--size-null);--form-item-label-margin-default-left: var(--size-null);--form-item-label-margin-default-right: var(--size-null);--form-item-label-margin-default-top: var(--size-pos-xxxsmall);--form-item-label-margin-multiline-bottom: var(--size-null);--form-item-label-margin-multiline-left: var(--size-null);--form-item-label-margin-multiline-right: var(--size-null);--form-item-label-margin-multiline-top: var(--size-pos-xxsmall);--form-item-label-width: 96px;--form-item-padding-bottom: var(--size-pos-xunit);--form-item-padding-left: var(--size-pos-xxsmall);--form-item-padding-right: var(--size-null);--form-item-padding-top: var(--size-pos-xunit);--form-item-text-color-default: var(--figma-color-text);--form-item-text-color-disabled: var(--figma-color-text-disabled)}:root[data-theme=framer]{--form-item-chip-margin-default-bottom: var(--size-null);--form-item-chip-margin-default-left: var(--size-null);--form-item-chip-margin-default-right: var(--size-null);--form-item-chip-margin-default-top: 6px;--form-item-chip-margin-multiline-bottom: var(--size-null);--form-item-chip-margin-multiline-left: var(--size-null);--form-item-chip-margin-multiline-right: var(--size-null);--form-item-chip-margin-multiline-top: var(--size-pos-xunit);--form-item-gap: var(--size-pos-xxsmall);--form-item-helper-padding-bottom: var(--size-null);--form-item-helper-padding-left: var(--size-pos-xxxsmall);--form-item-helper-padding-right: var(--size-pos-xxxsmall);--form-item-helper-padding-top: var(--size-null);--form-item-icon-color-disabled: var(--framer-color-text-tertiary);--form-item-label-margin-default-bottom: var(--size-null);--form-item-label-margin-default-left: var(--size-null);--form-item-label-margin-default-right: var(--size-null);--form-item-label-margin-default-top: var(--size-pos-xxsmall);--form-item-label-margin-multiline-bottom: var(--size-null);--form-item-label-margin-multiline-left: var(--size-null);--form-item-label-margin-multiline-right: var(--size-null);--form-item-label-margin-multiline-top: var(--size-pos-xxsmall);--form-item-label-width: 96px;--form-item-padding-bottom: var(--size-pos-xunit);--form-item-padding-left: var(--size-pos-xxsmall);--form-item-padding-right: var(--size-null);--form-item-padding-top: var(--size-pos-xunit);--form-item-text-color-default: var(--framer-color-text);--form-item-text-color-disabled: var(--framer-color-text-tertiary)}.form-item{display:flex;flex-direction:column;--text-color-primary: var(--form-item-text-color-default);--message-padding: var(--form-item-helper-padding-top) var(--form-item-helper-padding-left) var(--form-item-helper-padding-bottom) var(--form-item-helper-padding-right)}.form-item__row{display:inline-flex;position:relative;align-items:start;gap:var(--form-item-gap);cursor:default;padding:var(--form-item-padding-top) var(--form-item-padding-right) var(--form-item-padding-bottom) var(--form-item-padding-left);-webkit-user-select:none;user-select:none}.form-item__row .form-item__label{margin:var(--form-item-label-margin)}.form-item__row .form-item__chip{margin:var(--form-item-chip-margin)}.form-item{--form-item-label-margin: var(--form-item-label-margin-default-top) var(--form-item-label-margin-default-right) var(--form-item-label-margin-default-bottom) var(--form-item-label-margin-default-left);--form-item-chip-margin: var(--form-item-chip-margin-default-top) var(--form-item-chip-margin-default-right) var(--form-item-chip-margin-default-bottom) var(--form-item-chip-margin-default-left)}.form-item--multiline{--form-item-label-margin: var(--form-item-label-margin-multiline-top) var(--form-item-label-margin-multiline-right) var(--form-item-label-margin-multiline-bottom) var(--form-item-label-margin-multiline-left);--form-item-chip-margin: var(--form-item-chip-margin-multiline-top) var(--form-item-chip-margin-multiline-right) var(--form-item-chip-margin-multiline-bottom) var(--form-item-chip-margin-multiline-left)}.form-item--fill .form-item__label{flex:0 1 var(--form-item-label-width);min-width:var(--form-item-label-width)}.form-item--fill .form-item__input{flex:1;min-width:0}.form-item--fill .input--number,.form-item--fill .input--color{width:fit-content}.form-item--blocked{--text-color-primary: var(--form-item-text-color-disabled);--message-text-color: var(--form-item-text-color-disabled);--message-icon-color: var(--form-item-text-color-disabled);pointer-events:none}.form-item--baseline .form-item__row{align-items:baseline}.form-item--baseline .form-item__label,.form-item--baseline .form-item__chip{margin:0}

package/dist/assets/Icon.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--icon-height: var(--size-pos-small);--icon-letter-color: var(--penpot-color-icon-default);--icon-letter-text-size: var(--font-size-small);--icon-picto-color: var(--penpot-color-icon-default);--icon-width: var(--size-pos-small)}:root[data-theme=sketch]{--icon-height: var(--size-pos-small);--icon-letter-color: var(--sketch-color-foreground-tertiary);--icon-letter-text-size: var(--font-size-small);--icon-picto-color: var(--sketch-color-foreground-tertiary);--icon-width: var(--size-pos-small)}:root[data-theme=figma]{--icon-height: var(--size-pos-small);--icon-letter-color: var(--figma-color-text);--icon-letter-text-size: var(--font-size-xsmall);--icon-picto-color: var(--figma-color-icon);--icon-width: var(--size-pos-small)}:root[data-theme=framer]{--icon-height: var(--size-pos-small);--icon-letter-color: var(--framer-color-text);--icon-letter-text-size: var(--font-size-xxxsmall);--icon-picto-color: var(--framer-color-text);--icon-width: var(--size-pos-small)}.icon-box{display:flex;flex:none;justify-content:center;align-items:center;width:var(--icon-width);height:var(--icon-height);pointer-events:none;-webkit-user-select:none;user-select:none}.icon-box--picto{background-color:var(--icon-picto-color)}.icon-box--letter span{color:var(--icon-letter-color);font-size:var(--icon-letter-text-size)!important}

package/dist/assets/IconChip.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root[data-theme=penpot]{--icon-chip-height: var(--size-pos-small);--icon-chip-width: var(--size-pos-small)}:root[data-theme=sketch]{--icon-chip-height: var(--size-pos-small);--icon-chip-width: var(--size-pos-small)}:root[data-theme=figma]{--icon-chip-height: var(--size-pos-small);--icon-chip-width: var(--size-pos-small)}:root[data-theme=framer]{--icon-chip-height: var(--size-pos-small);--icon-chip-width: var(--size-pos-small)}.icon-chip{position:relative;flex:none;cursor:default;width:var(--icon-chip-width);height:var(--icon-chip-height);pointer-events:auto;-webkit-user-select:none;user-select:none}