@unoff/ui 1.21.3 → 1.22.1

package/dist/assets/Knob.css

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

package/dist/assets/Layout.css

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

package/dist/assets/List.css

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

package/dist/assets/MembersList.css

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

package/dist/assets/Message.css

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

package/dist/assets/MultipleSlider.css

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

package/dist/assets/Popin.css

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

package/dist/assets/Section.css

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

package/dist/assets/SectionTitle.css

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

package/dist/assets/Select.css

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