@unoff/ui 1.21.3 → 1.22.1

package/dist/assets/Accordion.css

@@ -1 +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 )}
+@charset "UTF-8";:root[data-theme=penpot]{--accordion-border-color: var(--grey-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: var(--grey-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-default);--accordion-border-width: var(--size-pos-unit);--accordion-icon-color-default: var(--figma-color-icon-secondary-default);--accordion-icon-color-disabled: var(--figma-color-icon-disabled);--accordion-icon-color-expanded: var(--figma-color-icon-default);--accordion-icon-color-hover: var(--figma-color-icon-default);--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-default);--accordion-text-color-disabled: var(--figma-color-text-disabled);--accordion-text-color-expanded: var(--figma-color-text-default);--accordion-text-color-hover: var(--figma-color-text-default)}: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-default);--accordion-icon-color-disabled: var(--framer-color-text-tertiary);--accordion-icon-color-expanded: var(--framer-color-text-default);--accordion-icon-color-hover: var(--framer-color-text-default);--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-default);--accordion-text-color-disabled: var(--framer-color-text-tertiary);--accordion-text-color-expanded: var(--framer-color-text-default);--accordion-text-color-hover: var(--framer-color-text-default)}.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

@@ -1 +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)}
+@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: var(--grey-transparent);--actions-item-border-secondary-color-focus: var(--penpot-color-accent-primary-default);--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: var(--grey-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-default);--actions-item-background-color-focus: var(--figma-color-bg-selected-default);--actions-item-background-color-hover: var(--figma-color-bg-hover);--actions-item-border-color: var(--figma-color-border-disabled-default);--actions-item-border-secondary-color-default: var(--grey-transparent);--actions-item-border-secondary-color-focus: var(--figma-color-border-selected-default);--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-default);--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: var(--grey-transparent);--actions-item-border-secondary-color-focus: var(--framer-color-tint-default);--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

@@ -1 +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}
+@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-default);--actions-list-caret-color-selected-focus: var(--penpot-color-accent-primary-default);--actions-list-caret-color-selected-hover: var(--penpot-color-accent-primary-default);--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: var(--grey-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: var(--grey-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-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-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-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-default);--actions-list-item-text-color-selected-focus: var(--penpot-color-accent-primary-default);--actions-list-item-text-color-selected-hover: var(--penpot-color-accent-primary-default);--actions-list-item-text-font-family: var(--text-font-family);--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: none;--actions-list-spot-background-color: var(--penpot-color-background-primary);--actions-list-spot-border-color: var(--grey-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-default);--actions-list-tick-color-selected-focus: var(--penpot-color-accent-primary-default);--actions-list-tick-color-selected-hover: var(--penpot-color-accent-primary-default);--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: var(--grey-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: var(--grey-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-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-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-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(--text-font-family);--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: var(--grey-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: var(--grey-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: var(--grey-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: var(--grey-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-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-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-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(--text-font-family);--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: var(--grey-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-default);--actions-list-border-color: var(--grey-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: var(--grey-transparent);--actions-list-item-background-color-disabled: var(--grey-transparent);--actions-list-item-background-color-focus: var(--framer-color-tint-default);--actions-list-item-background-color-hover: var(--framer-color-tint-default);--actions-list-item-background-color-selected: var(--grey-transparent);--actions-list-item-background-color-selected-focus: var(--framer-color-tint-default);--actions-list-item-background-color-selected-hover: var(--framer-color-tint-default);--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-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-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-radius: var(--border-radius-large);--actions-list-item-text-color-default: var(--framer-color-text-default);--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-default);--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(--text-font-family);--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-default);--actions-list-spot-border-color: var(--grey-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-default);--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-default);--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-default);--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/Bar.css

@@ -1 +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}.bar.bar--vertical{flex-direction:column;align-items:stretch;min-height:unset;min-width:var(--bar-min-height)}.bar.bar--vertical{--bar-padding: var(--bar-padding-default-left) var(--bar-padding-default-top) var(--bar-padding-default-right) var(--bar-padding-default-bottom)}.bar.bar--vertical .bar__left{flex:1}.bar.bar--vertical .bar__right{flex:none}.bar.bar--vertical .bar__solo{flex:1}.bar.bar--vertical.bar--inverted .bar__left{flex:none}.bar.bar--vertical.bar--inverted .bar__right{flex:1}.bar.bar--vertical.bar--centered .bar__left,.bar.bar--vertical.bar--centered .bar__solo,.bar.bar--vertical.bar--centered.bar--inverted .bar__right,.bar.bar--vertical.bar--centered.bar--inverted .bar__solo{display:flex;align-items:center}@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)}.bar--reflow.bar--vertical{--bar-padding: var(--bar-padding-mobile-left) var(--bar-padding-mobile-top) var(--bar-padding-mobile-right) var(--bar-padding-mobile-bottom)}}
+@charset "UTF-8";:root[data-theme=penpot]{--bar-background-color: var(--grey-transparent);--bar-border-color: var(--grey-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: var(--grey-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: var(--grey-transparent);--bar-border-color: var(--figma-color-border-default);--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: var(--grey-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}.bar.bar--vertical{flex-direction:column;align-items:stretch;min-width:var(--bar-min-height);min-height:unset}.bar.bar--vertical{--bar-padding: var(--bar-padding-default-left) var(--bar-padding-default-top) var(--bar-padding-default-right) var(--bar-padding-default-bottom)}.bar.bar--vertical .bar__left{flex:1}.bar.bar--vertical .bar__right{flex:none}.bar.bar--vertical .bar__solo{flex:1}.bar.bar--vertical.bar--inverted .bar__left{flex:none}.bar.bar--vertical.bar--inverted .bar__right{flex:1}.bar.bar--vertical.bar--centered .bar__left,.bar.bar--vertical.bar--centered .bar__solo,.bar.bar--vertical.bar--centered.bar--inverted .bar__right,.bar.bar--vertical.bar--centered.bar--inverted .bar__solo{display:flex;align-items:center}@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)}.bar--reflow.bar--vertical{--bar-padding: var(--bar-padding-mobile-left) var(--bar-padding-mobile-top) var(--bar-padding-mobile-right) var(--bar-padding-mobile-bottom)}}