@warp-ds/css 2.0.0-next.6 → 2.0.0-next.7

package/component-classes/index.d.ts

@@ -26,13 +26,15 @@ export namespace slider {
     export let track: string;
     export let trackDisabled: string;
     export let activeTrack: string;
+    export let activeTrackEnabled: string;
     export let activeTrackDisabled: string;
     export let thumb: string;
     export let thumbEnabled: string;
     export let thumbDisabled: string;
 }
 export namespace box {
-    export let box: string;
+    let base_1: string;
+    export { base_1 as base };
     export let bleed: string;
     let info_1: string;
     export { info_1 as info };
@@ -41,60 +43,67 @@ export namespace box {
     export let bordered: string;
 }
 export namespace pill {
-    let pill: string;
-    let button: string;
-    let suggestion: string;
-    let filter: string;
-    let label: string;
-    let labelWithoutClose: string;
-    let labelWithClose: string;
-    let close: string;
-    let a11y: string;
+    let wrapper_2: string;
+    export { wrapper_2 as wrapper };
+    export let button: string;
+    export let suggestion: string;
+    export let filter: string;
+    export let label: string;
+    export let labelWithoutClose: string;
+    export let labelWithClose: string;
+    export let close: string;
+    export let a11y: string;
 }
 export namespace step {
-    let step: string;
-    let stepVertical: string;
-    let stepVerticalLeft: string;
-    let stepVerticalRight: string;
-    let stepHorizontal: string;
-    let stepDot: string;
-    let stepDotVerticalRight: string;
-    let stepDotHorizontal: string;
-    let stepDotActive: string;
-    let stepDotIncomplete: string;
-    let stepLine: string;
-    let stepLineVertical: string;
-    let stepLineVerticalRight: string;
-    let stepLineHorizontal: string;
-    let stepLineHorizontalRight: string;
-    let stepLineHorizontalLeft: string;
-    let stepLineIncomplete: string;
-    let stepLineComplete: string;
-    let content: string;
-    let contentVertical: string;
-    let contentHorizontal: string;
+    let base_2: string;
+    export { base_2 as base };
+    export let vertical: string;
+    export let horizontal: string;
+    export let alignLeft: string;
+    export let alignRight: string;
+    let dot_1: string;
+    export { dot_1 as dot };
+    export let dotAlignRight: string;
+    export let dotHorizontal: string;
+    export let dotActive: string;
+    export let dotIncomplete: string;
+    export let line: string;
+    export let lineVertical: string;
+    export let lineAlignRight: string;
+    export let lineHorizontal: string;
+    export let lineHorizontalAlignRight: string;
+    export let lineHorizontalAlignLeft: string;
+    export let lineIncomplete: string;
+    export let lineComplete: string;
+    export let content: string;
+    export let contentVertical: string;
+    export let contentHorizontal: string;
 }
 export namespace steps {
-    let steps: string;
-    let stepsHorizontal: string;
+    let wrapper_3: string;
+    export { wrapper_3 as wrapper };
+    let horizontal_1: string;
+    export { horizontal_1 as horizontal };
 }
 export namespace card {
-    export let card: string;
-    export let cardShadow: string;
-    export let cardSelected: string;
-    export let cardOutline: string;
-    export let cardOutlineUnselected: string;
-    export let cardOutlineSelected: string;
-    export let cardFlat: string;
-    export let cardFlatUnselected: string;
-    export let cardFlatSelected: string;
+    let base_3: string;
+    export { base_3 as base };
+    export let shadow: string;
+    export let selected: string;
+    export let outline: string;
+    export let outlineUnselected: string;
+    export let outlineSelected: string;
+    export let flat: string;
+    export let flatUnselected: string;
+    export let flatSelected: string;
     let a11y_1: string;
     export { a11y_1 as a11y };
 }
 export namespace switchToggle {
-    let label_1: string;
-    export { label_1 as label };
-    export let labelDisabled: string;
+    let base_4: string;
+    export { base_4 as base };
+    let disabled_1: string;
+    export { disabled_1 as disabled };
     let track_1: string;
     export { track_1 as track };
     export let trackActive: string;
@@ -109,22 +118,25 @@ export namespace switchToggle {
     export { a11y_2 as a11y };
 }
 export namespace toaster {
-    export let container: string;
+    let wrapper_4: string;
+    export { wrapper_4 as wrapper };
+    let base_5: string;
+    export { base_5 as base };
     let content_1: string;
     export { content_1 as content };
-    export let toaster: string;
 }
 export namespace toast {
-    let wrapper_2: string;
-    export { wrapper_2 as wrapper };
-    export let toast: string;
+    let wrapper_5: string;
+    export { wrapper_5 as wrapper };
+    let base_6: string;
+    export { base_6 as base };
     let positive_1: string;
     export { positive_1 as positive };
     let warning_1: string;
     export { warning_1 as warning };
     let negative_1: string;
     export { negative_1 as negative };
-    export let icon: string;
+    export let iconBase: string;
     export let iconPositive: string;
     export let iconWarning: string;
     export let iconNegative: string;
@@ -135,20 +147,23 @@ export namespace toast {
     export { close_1 as close };
 }
 export namespace tabs {
-    let tabContainer: string;
-    let wunderbar: string;
-    let wrapperUnderlined: string;
+    let wrapper_6: string;
+    export { wrapper_6 as wrapper };
+    let base_7: string;
+    export { base_7 as base };
+    export let selectionIndicator: string;
 }
 export namespace tab {
-    export let tab: string;
-    export let tabActive: string;
-    let icon_1: string;
-    export { icon_1 as icon };
-    export let iconUnderlinedActive: string;
+    let base_8: string;
+    export { base_8 as base };
+    let inactive_1: string;
+    export { inactive_1 as inactive };
+    let active_1: string;
+    export { active_1 as active };
+    export let icon: string;
     let content_3: string;
     export { content_3 as content };
     export let contentUnderlined: string;
-    export let contentUnderlinedActive: string;
 }
 export namespace gridLayout {
     let cols1: string;
@@ -163,28 +178,26 @@ export namespace gridLayout {
 }
 export const buttonReset: "focus:outline-none appearance-none cursor-pointer bg-transparent border-0 m-0 p-0 inline-block";
 export namespace expandable {
-    export let expandable: string;
-    export let expandableTitle: string;
-    export let expandableBox: string;
-    export let expandableInfo: string;
-    import expandableBleed = box.bleed;
-    export { expandableBleed };
+    let wrapper_7: string;
+    export { wrapper_7 as wrapper };
+    export let box: string;
+    let bleed_1: string;
+    export { bleed_1 as bleed };
     export let chevron: string;
     export let chevronNonBox: string;
-    export let chevronBox: string;
     export let chevronTransform: string;
     export let chevronExpand: string;
     export let chevronCollapse: string;
-    export let elementsTransformChevronDownPart: string;
-    export let elementsChevronDownExpandPart: string;
-    export let elementsTransformChevronUpPart: string;
-    export let elementsChevronUpCollapsePart: string;
+    export let elementsChevronDownTransform: string;
+    export let elementsChevronUpTransform: string;
+    export let elementsChevronExpand: string;
+    export let elementsChevronCollapse: string;
     export let expansion: string;
     export let expansionNotExpanded: string;
     let button_1: string;
     export { button_1 as button };
     export let buttonBox: string;
-    export let paddingTop: string;
+    export let contentWithTitle: string;
     export let title: string;
     export let titleType: string;
 }
@@ -239,8 +252,7 @@ export namespace button {
     export let negativeSmallLoading: string;
     export let negativeQuietLoading: string;
     export let negativeSmallQuietLoading: string;
-    let pill_1: string;
-    export { pill_1 as pill };
+    export let pill: string;
     export let pillSmall: string;
     export let pillLoading: string;
     export let pillSmallLoading: string;
@@ -253,27 +265,32 @@ export namespace button {
     export let contentWidth: string;
 }
 export namespace buttonGroup {
-    let wrapper_3: string;
-    export { wrapper_3 as wrapper };
+    let wrapper_8: string;
+    export { wrapper_8 as wrapper };
     export let raised: string;
-    export let vertical: string;
+    let vertical_1: string;
+    export { vertical_1 as vertical };
     export let nonOutlinedVertical: string;
     export let nonOutlinedHorizontal: string;
 }
 export namespace buttonGroupItem {
-    let wrapper_4: string;
-    export { wrapper_4 as wrapper };
+    let wrapper_9: string;
+    export { wrapper_9 as wrapper };
     export let outlined: string;
     export let outlinedVertical: string;
     export let outlinedHorizontal: string;
     export let outlinedVerticalResets: string;
     export let outlinedHorizontalResets: string;
+    export let outlinedUnselected: string;
     export let outlinedSelected: string;
-    export let selected: string;
+    export let unselected: string;
+    let selected_1: string;
+    export { selected_1 as selected };
 }
 export namespace modal {
     export let backdrop: string;
-    export let modal: string;
+    let base_9: string;
+    export { base_9 as base };
     let content_4: string;
     export { content_4 as content };
     export let footer: string;
@@ -307,13 +324,14 @@ export namespace modalElement {
     export { footer_1 as footer };
 }
 export namespace alert {
-    export let alert: string;
+    let wrapper_10: string;
+    export { wrapper_10 as wrapper };
     export let willChangeHeight: string;
     export let textWrapper: string;
     let title_2: string;
     export { title_2 as title };
-    let icon_2: string;
-    export { icon_2 as icon };
+    let icon_1: string;
+    export { icon_1 as icon };
     let negative_3: string;
     export { negative_3 as negative };
     export let negativeIcon: string;
@@ -328,14 +346,14 @@ export namespace alert {
     export let infoIcon: string;
 }
 export namespace input {
-    let wrapper_5: string;
-    export { wrapper_5 as wrapper };
-    let base_1: string;
-    export { base_1 as base };
+    let wrapper_11: string;
+    export { wrapper_11 as wrapper };
+    let base_10: string;
+    export { base_10 as base };
     let _default: string;
     export { _default as default };
-    let disabled_1: string;
-    export { disabled_1 as disabled };
+    let disabled_2: string;
+    export { disabled_2 as disabled };
     export let invalid: string;
     export let readOnly: string;
     export let placeholder: string;
@@ -344,52 +362,55 @@ export namespace input {
     export let textArea: string;
 }
 export namespace select {
+    let base_11: string;
+    export { base_11 as base };
     let _default_1: string;
     export { _default_1 as default };
-    let disabled_2: string;
-    export { disabled_2 as disabled };
+    let disabled_3: string;
+    export { disabled_3 as disabled };
     let invalid_1: string;
     export { invalid_1 as invalid };
     let readOnly_1: string;
     export { readOnly_1 as readOnly };
-    let wrapper_6: string;
-    export { wrapper_6 as wrapper };
+    let wrapper_12: string;
+    export { wrapper_12 as wrapper };
     export let selectWrapper: string;
     let chevron_1: string;
     export { chevron_1 as chevron };
     export let chevronDisabled: string;
 }
 export namespace label {
-    let label_2: string;
-    export { label_2 as label };
+    let base_12: string;
+    export { base_12 as base };
     export let optional: string;
 }
 export namespace helpText {
-    let helpText: string;
-    let helpTextColor: string;
-    let helpTextColorInvalid: string;
+    let base_13: string;
+    export { base_13 as base };
+    export let color: string;
+    export let colorInvalid: string;
 }
 export namespace suffix {
-    let wrapper_7: string;
-    export { wrapper_7 as wrapper };
+    let wrapper_13: string;
+    export { wrapper_13 as wrapper };
     export let wrapperWithLabel: string;
     export let wrapperWithIcon: string;
-    let label_3: string;
-    export { label_3 as label };
+    let label_1: string;
+    export { label_1 as label };
 }
 export namespace prefix {
-    let wrapper_8: string;
-    export { wrapper_8 as wrapper };
+    let wrapper_14: string;
+    export { wrapper_14 as wrapper };
     let wrapperWithLabel_1: string;
     export { wrapperWithLabel_1 as wrapperWithLabel };
     let wrapperWithIcon_1: string;
     export { wrapperWithIcon_1 as wrapperWithIcon };
-    let label_4: string;
-    export { label_4 as label };
+    let label_2: string;
+    export { label_2 as label };
 }
 export namespace breadcrumbs {
-    let wrapper_9: string;
-    export { wrapper_9 as wrapper };
+    let wrapper_15: string;
+    export { wrapper_15 as wrapper };
     export let text: string;
     let link_1: string;
     export { link_1 as link };
@@ -399,8 +420,8 @@ export namespace breadcrumbs {
 }
 export namespace toggle {
     export let field: string;
-    let wrapper_10: string;
-    export { wrapper_10 as wrapper };
+    let wrapper_16: string;
+    export { wrapper_16 as wrapper };
     export let wrapperRadioButtons: string;
     export let wrapperRadioButtonsJustified: string;
     export let radioButtonsGroup: string;
@@ -408,8 +429,8 @@ export namespace toggle {
     export let input: string;
     let a11y_5: string;
     export { a11y_5 as a11y };
-    let label_5: string;
-    export { label_5 as label };
+    let label_3: string;
+    export { label_3 as label };
     export let labelBefore: string;
     export let checkbox: string;
     export let checkboxInvalid: string;
@@ -425,36 +446,38 @@ export namespace toggle {
     export let radioButtonsSmall: string;
 }
 export namespace deadToggle {
-    let wrapper_11: string;
-    export { wrapper_11 as wrapper };
+    let wrapper_17: string;
+    export { wrapper_17 as wrapper };
     let input_1: string;
     export { input_1 as input };
     export let inputVue: string;
+    export let labelVue: string;
     export let labelRadio: string;
     export let labelCheckbox: string;
-    export let labelVue: string;
 }
 export namespace clickable {
     export let toggle: string;
-    let label_6: string;
-    export { label_6 as label };
+    let label_4: string;
+    export { label_4 as label };
     export let buttonOrLink: string;
     export let buttonOrLinkStretch: string;
 }
 export namespace combobox {
-    let wrapper_12: string;
-    export { wrapper_12 as wrapper };
-    export let combobox: string;
-    export let textMatch: string;
+    let wrapper_18: string;
+    export { wrapper_18 as wrapper };
+    let base_14: string;
+    export { base_14 as base };
     export let listbox: string;
     export let option: string;
+    export let optionUnselected: string;
     export let optionSelected: string;
+    export let textMatch: string;
     let a11y_6: string;
     export { a11y_6 as a11y };
 }
 export namespace attention {
-    let base_2: string;
-    export { base_2 as base };
+    let base_15: string;
+    export { base_15 as base };
     export let tooltip: string;
     export let callout: string;
     export let highlight: string;
@@ -485,13 +508,13 @@ export namespace pagination {
     let link_2: string;
     export { link_2 as link };
     export let currentPage: string;
-    let icon_3: string;
-    export { icon_3 as icon };
+    let icon_2: string;
+    export { icon_2 as icon };
     export let containerNav: string;
     let a11y_7: string;
     export { a11y_7 as a11y };
     export let pages: string;
-    let active_1: string;
-    export { active_1 as active };
+    let active_2: string;
+    export { active_2 as active };
     export let notActive: string;
 }

package/component-classes/index.js

@@ -24,10 +24,11 @@ export const badge = {
 
 export const slider = {
   wrapper: 'touch-pan-y relative w-full h-44 py-2',
-  track: 'absolute s-bg-disabled-subtle h-4 top-20 rounded-4 w-full ',
+  track: 'absolute s-bg-disabled-subtle h-4 top-20 rounded-4 w-full',
   trackDisabled: 'pointer-events-none',
-  activeTrack: 'absolute s-bg-primary h-6 top-[19px] rounded-4',
-  activeTrackDisabled: 'absolute s-bg-disabled h-6 top-[19px] rounded-4 pointer-events-none',
+  activeTrack: 'absolute h-6 top-[19px] rounded-4',
+  activeTrackEnabled: 's-bg-primary',
+  activeTrackDisabled: 's-bg-disabled pointer-events-none',
   thumb: 'absolute transition-shadow w-24 h-24 bottom-10 rounded-4 outline-none',
   thumbEnabled:
     'border-2 shadow-[--w-shadow-slider] cursor-pointer s-bg-primary s-border-primary hover:s-bg-primary-hover hover:s-border-primary-hover hover:shadow-[--w-shadow-slider-handle-hover] active:s-bg-primary-active active:s-border-primary-active active:shadow-[--w-shadow-slider-handle-active] focus:shadow-[--w-shadow-slider-handle-hover] focus:s-border-primary-hover focus:s-bg-primary-hover',
@@ -35,7 +36,7 @@ export const slider = {
 };
 
 export const box = {
-  box: 'group block relative break-words last-child:mb-0 p-16 rounded-8', // Relative here enables w-clickable
+  base: 'group block relative break-words last-child:mb-0 p-16 rounded-8', // Relative here enables w-clickable
   bleed: '-mx-16 sm:mx-0 rounded-l-0 rounded-r-0 sm:rounded-8', // We target L and R to override the default rounded-8
   info: 's-bg-info-subtle',
   neutral: 's-surface-sunken',
@@ -43,7 +44,7 @@ export const box = {
 };
 
 export const pill = {
-  pill: 'flex items-center',
+  wrapper: 'flex items-center',
   button: 'inline-flex items-center focusable text-xs transition-all',
   suggestion:
     'bg-[--w-color-pill-suggestion-background] hover:bg-[--w-color-pill-suggestion-background-hover] active:bg-[--w-color-pill-suggestion-background-active] s-text font-bold',
@@ -56,27 +57,28 @@ export const pill = {
 };
 
 export const step = {
-  step: 'group/step',
-  stepVertical: 'group/stepv grid-rows-[20px_auto] grid grid-flow-col gap-x-16',
-  stepVerticalLeft: 'grid-cols-[20px_1fr]',
-  stepVerticalRight: 'grid-cols-[1fr_20px] text-right',
-  stepHorizontal: 'group/steph grid-rows-[auto_20px] grid-cols-[1fr_20px_1fr] flex-1 grid gap-y-16 items-center',
-
-  stepDot: 'rounded-full border-2 h-20 w-20 transition-colors duration-300 s-icon-inverted',
-  stepDotVerticalRight: 'col-start-2',
-  stepDotHorizontal: 'row-start-2 justify-self-end',
-  stepDotActive: 's-border-primary s-bg-primary',
-  stepDotIncomplete: 's-border s-bg',
-
-  stepLine: 'group-last/stepv:hidden transition-colors duration-300',
-  stepLineVertical: 'w-2 h-full justify-self-center',
-  stepLineVerticalRight: 'col-start-2',
-  stepLineHorizontal: 'h-2 w-full row-start-2',
-  stepLineHorizontalRight: 'group-last/steph:bg-transparent',
-  stepLineHorizontalLeft: 'group-first/steph:bg-transparent',
-
-  stepLineIncomplete: 's-bg-disabled',
-  stepLineComplete: 's-bg-primary',
+  base: 'group/step',
+  vertical: 'group/stepv grid-rows-[20px_auto] grid grid-flow-col gap-x-16',
+  horizontal: 'group/steph grid-rows-[auto_20px] grid-cols-[1fr_20px_1fr] flex-1 grid gap-y-16 items-center',
+
+  alignLeft: 'grid-cols-[20px_1fr]',
+  alignRight: 'grid-cols-[1fr_20px] text-right',
+
+  dot: 'rounded-full border-2 h-20 w-20 transition-colors duration-300 s-icon-inverted',
+  dotAlignRight: 'col-start-2',
+  dotHorizontal: 'row-start-2 justify-self-end',
+  dotActive: 's-border-primary s-bg-primary',
+  dotIncomplete: 's-border s-bg',
+
+  line: 'group-last/stepv:hidden transition-colors duration-300',
+  lineVertical: 'w-2 h-full justify-self-center',
+  lineAlignRight: 'col-start-2',
+  lineHorizontal: 'h-2 w-full row-start-2',
+  lineHorizontalAlignRight: 'group-last/steph:bg-transparent',
+  lineHorizontalAlignLeft: 'group-first/steph:bg-transparent',
+
+  lineIncomplete: 's-bg-disabled',
+  lineComplete: 's-bg-primary',
 
   content: 'last:mb-0 group-last/step:last:pb-0',
   contentVertical: 'row-span-2 pb-32',
@@ -84,27 +86,27 @@ export const step = {
 };
 
 export const steps = {
-  steps: 'w-full',
-  stepsHorizontal: 'flex',
+  wrapper: 'w-full',
+  horizontal: 'flex',
 };
 
 export const card = {
-  card: 'cursor-pointer overflow-hidden relative transition-all',
-  cardShadow: 'group rounded-8 s-surface-elevated-200 hover:s-surface-elevated-200-hover active:s-surface-elevated-200-active',
-  cardSelected: '!s-bg-selected !hover:s-bg-selected-hover !active:s-bg-selected-active',
-  cardOutline: 'absolute border-2 rounded-8 inset-0 transition-all',
-  cardOutlineUnselected: 'border-transparent group-active:s-border-active',
-  cardOutlineSelected: 's-border-selected group-hover:s-border-selected-hover group-active:s-border-selected-active',
-  cardFlat: 'border-2 rounded-4',
-  cardFlatUnselected: 's-bg hover:s-bg-hover active:s-bg-active s-border hover:s-border-hover active:s-border-active',
-  cardFlatSelected:
+  base: 'cursor-pointer overflow-hidden relative transition-all',
+  shadow: 'group rounded-8 s-surface-elevated-200 hover:s-surface-elevated-200-hover active:s-surface-elevated-200-active',
+  selected: '!s-bg-selected !hover:s-bg-selected-hover !active:s-bg-selected-active',
+  outline: 'absolute border-2 rounded-8 inset-0 transition-all',
+  outlineUnselected: 'border-transparent group-active:s-border-active',
+  outlineSelected: 's-border-selected group-hover:s-border-selected-hover group-active:s-border-selected-active',
+  flat: 'border-2 rounded-4',
+  flatUnselected: 's-bg hover:s-bg-hover active:s-bg-active s-border hover:s-border-hover active:s-border-active',
+  flatSelected:
     's-bg-selected hover:s-bg-selected-hover active:s-bg-selected-active s-border-selected hover:s-border-selected-hover active:s-border-selected-active',
   a11y: 'sr-only',
 };
 
 export const switchToggle = {
-  label: 'block relative h-24 w-44 cursor-pointer group',
-  labelDisabled: 'pointer-events-none',
+  base: 'block relative h-24 w-44 cursor-pointer group focusable rounded-full',
+  disabled: 'pointer-events-none',
   track: 'absolute top-0 left-0 h-full w-full rounded-full transition-colors',
   trackActive: 's-bg-primary group-hover:s-bg-primary-hover',
   trackInactive: 'bg-[--w-color-switch-track-background] group-hover:bg-[--w-color-switch-track-background-hover]',
@@ -117,18 +119,18 @@ export const switchToggle = {
 };
 
 export const toaster = {
-  container: 'fixed transform translate-z-0 bottom-16 left-0 right-0 mx-8 sm:mx-16 z-50 pointer-events-none',
+  wrapper: 'fixed transform translate-z-0 bottom-16 left-0 right-0 mx-8 sm:mx-16 z-50 pointer-events-none',
+  base: 'grid auto-rows-auto justify-items-center justify-center mx-auto pointer-events-none',
   content: 'w-full',
-  toaster: 'grid auto-rows-auto justify-items-center justify-center mx-auto pointer-events-none',
 };
 
 export const toast = {
   wrapper: 'relative overflow-hidden w-full',
-  toast: 'flex group p-8 mt-16 rounded-8 border-2 w-full pointer-events-auto transition-all',
+  base: 'flex group p-8 mt-16 rounded-8 border-2 pointer-events-auto transition-all',
   positive: 's-bg-positive-subtle s-border-positive-subtle s-text',
   warning: 's-bg-warning-subtle s-border-warning-subtle s-text',
   negative: 's-bg-negative-subtle s-border-negative-subtle s-text',
-  icon: 'shrink-0 rounded-full w-[16px] h-[16px] m-[8px]',
+  iconBase: 'shrink-0 rounded-full w-[16px] h-[16px] m-[8px]',
   iconPositive: 's-icon-positive',
   iconWarning: 's-icon-warning',
   iconNegative: 's-icon-negative',
@@ -138,19 +140,18 @@ export const toast = {
 };
 
 export const tabs = {
-  tabContainer: 'inline-grid relative',
-  wunderbar: 'absolute s-border-selected -bottom-0 border-b-4 transition-all',
-  wrapperUnderlined: 'border-b border-transparent -mx-16 sm:mx-0 px-4 sm:px-0 mb-32 ',
+  wrapper: 'inline-block border-b s-border mb-32',
+  base: 'inline-grid relative -mb-1',
+  selectionIndicator: 'absolute s-border-selected -bottom-0 border-b-4 transition-all',
 };
 
 export const tab = {
-  tab: 'grid items-center font-bold gap-8 focusable antialias p-16 pb-8 border-b-4 bg-transparent s-text-subtle border-transparent hover:s-text-link hover:s-border-primary',
-  tabActive: 's-text-link',
-  icon: 'mx-auto hover:s-text-link',
-  iconUnderlinedActive: 's-text-link',
+  base: 'grid items-center font-bold gap-8 focusable antialias p-16 pb-8 border-b-4 bg-transparent border-transparent hover:s-text-link hover:s-border-primary',
+  inactive: 's-text-subtle',
+  active: 's-text-link',
+  icon: 'mx-auto',
   content: 'flex items-center justify-center gap-8',
   contentUnderlined: 'content-underlined', // content-underlined is a no-op that prevents a quirk in how Vue handles class bindings
-  contentUnderlinedActive: 's-text-link',
 };
 
 // Todo: Handle dynamic classnames
@@ -169,30 +170,30 @@ export const gridLayout = {
 export const buttonReset = 'focus:outline-none appearance-none cursor-pointer bg-transparent border-0 m-0 p-0 inline-block';
 
 export const expandable = {
-  expandable: 'will-change-height',
-  expandableTitle: 'font-bold s-text',
-  expandableBox: 's-surface-sunken hover:s-bg-hover active:s-bg-active py-0 px-0 ' + box.box,
-  expandableInfo: 's-bg-info-subtle! hover:s-bg-info-subtle-hover!',
-  expandableBleed: box.bleed,
+  wrapper: 'will-change-height s-text',
+  box: 's-surface-sunken hover:s-bg-hover active:s-bg-active py-0 px-0 group block relative break-words last-child:mb-0 rounded-8',
+  bleed: '-mx-16 rounded-l-0 rounded-r-0 sm:mx-0 sm:rounded-8',
   chevron: 'inline-block align-middle s-icon',
   chevronNonBox: 'ml-8',
-  chevronBox: '',
   chevronTransform: 'transform transition-transform transform-gpu ease-in-out',
   chevronExpand: '-rotate-180',
   chevronCollapse: 'rotate-180',
-  elementsTransformChevronDownPart:
+
+  // These are web component specific classes, using the ::part-selector:
+  elementsChevronDownTransform:
     'part-[w-icon-chevron-down-16-part]:transform part-[w-icon-chevron-down-16-part]:transition-transform part-[w-icon-chevron-down-16-part]:transform-gpu part-[w-icon-chevron-down-16-part]:ease-in-out',
-  elementsChevronDownExpandPart: 'part-[w-icon-chevron-down-16-part]:-rotate-180',
-  elementsTransformChevronUpPart:
+  elementsChevronUpTransform:
     'part-[w-icon-chevron-up-16-part]:transform part-[w-icon-chevron-up-16-part]:transition-transform part-[w-icon-chevron-up-16-part]:transform-gpu part-[w-icon-chevron-up-16-part]:ease-in-out',
-  elementsChevronUpCollapsePart: 'part-[w-icon-chevron-up-16-part]:rotate-180',
+  elementsChevronExpand: 'part-[w-icon-chevron-down-16-part]:-rotate-180',
+  elementsChevronCollapse: 'part-[w-icon-chevron-up-16-part]:rotate-180',
+
   expansion: 'overflow-hidden',
   expansionNotExpanded: 'h-0 invisible',
-  button: buttonReset + ' hover:underline focus-visible:underline',
-  buttonBox: 'w-full text-left relative inline-flex items-center justify-between ' + box.box,
-  paddingTop: 'pt-0',
+  button: 'focus:outline-none appearance-none cursor-pointer bg-transparent border-0 m-0 hover:underline focus-visible:underline',
+  buttonBox: 'w-full text-left relative inline-flex items-center justify-between group relative break-words last-child:mb-0 p-16 rounded-8',
+  contentWithTitle: 'pt-0',
   title: 'flex w-full justify-between items-center',
-  titleType: 'h4',
+  titleType: 't4',
 };
 
 const buttonDefaultStyling = 'font-bold focusable justify-center transition-colors ease-in-out';
@@ -323,22 +324,23 @@ export const buttonGroup = {
 };
 
 export const buttonGroupItem = {
-  wrapper:
-    'relative s-text s-bg hover:bg-[--w-color-buttongroup-utility-background-hover] active:s-text active:bg-[--w-color-buttongroup-utility-background-selected]',
-  outlined: 'border hover:z-30 border-[--w-color-buttongroup-utility-border] active:border-[--w-color-buttongroup-utility-border-selected]',
+  wrapper: 'relative s-text',
+  outlined: 'border hover:z-30',
   outlinedVertical: '-mb-1 last:mb-0 first:rounded-lt-4 first:rounded-rt-4 last:rounded-lb-4 last:rounded-rb-4',
   outlinedHorizontal: '-mr-1 last:mr-0 first:rounded-lt-4 first:rounded-lb-4 last:rounded-rt-4 last:rounded-rb-4',
   outlinedVerticalResets: 'px-1 pt-1 last:pb-1 -mb-1 last:mb-0',
   outlinedHorizontalResets: 'py-1 pl-1 last:pr-1 -mr-1 last:mr-0',
-  outlinedSelected: 'border-[--w-color-buttongroup-utility-border-selected]',
-  selected: 'z-30 s-text! bg-[--w-color-buttongroup-utility-background-selected]!',
+  outlinedUnselected: 'border-[--w-color-buttongroup-utility-border] active:border-[--w-color-buttongroup-utility-border-selected]',
+  outlinedSelected: 'active:border-[--w-color-buttongroup-utility-border-selected]',
+  unselected:
+    's-bg hover:bg-[--w-color-buttongroup-utility-background-hover] active:s-text active:bg-[--w-color-buttongroup-utility-background-selected]',
+  selected: 'z-30 bg-[--w-color-buttongroup-utility-background-selected]',
 };
 
 export const modal = {
   backdrop:
     'fixed inset-0 flex sm:place-content-center sm:place-items-center items-end z-30 [--w-modal-max-height:80%] [--w-modal-width:640px] bg-[--w-black/25]',
-  modal:
-    'pb-safe-[32] shadow-m max-h-[--w-modal-max-height] min-h-[--w-modal-min-height] w-[--w-modal-width] h-[--w-modal-height] relative transition-300 ease-in-out backface-hidden will-change-height rounded-8 mx-0 sm:mx-16 bg-[--w-s-color-surface-elevated-100] flex flex-col overflow-hidden outline-none space-y-16 pt-8 sm:pt-32 sm:pb-32 rounded-b-0 sm:rounded-b-8',
+  base: 'pb-safe-[32] shadow-m max-h-[--w-modal-max-height] min-h-[--w-modal-min-height] w-[--w-modal-width] h-[--w-modal-height] relative transition-300 ease-in-out backface-hidden will-change-height rounded-8 mx-0 sm:mx-16 bg-[--w-s-color-surface-elevated-100] flex flex-col overflow-hidden outline-none space-y-16 pt-8 sm:pt-32 sm:pb-32 rounded-b-0 sm:rounded-b-8',
   content: 'block overflow-y-auto overflow-x-hidden last-child:mb-0 grow shrink px-16 sm:px-32 relative',
   footer: 'flex justify-end shrink-0 px-16 sm:px-32',
   transitionTitle: 'transition-all duration-300',
@@ -378,7 +380,7 @@ export const modalElement = {
 };
 
 export const alert = {
-  alert: 'flex p-16 border border-l-4 rounded-4 s-text',
+  wrapper: 'flex p-16 border border-l-4 rounded-4 s-text',
   willChangeHeight: 'will-change-height',
   textWrapper: 'last-child:mb-0 text-s',
   title: 'text-s',
@@ -410,40 +412,42 @@ export const input = {
 };
 
 export const select = {
-  default:
-    'block text-m mb-0 leading-m s-text s-bg s-border hover:s-border-hover active:s-border-active rounded-4 py-12 px-8 block border-1 w-full focusable focus:[--w-outline-offset:-2px] appearance-none pr-32 cursor-pointer caret-current',
-  disabled: 's-bg-disabled-subtle s-border-disabled hover:s-border-disabled! active:s-border-disabled! s-text-disabled pointer-events-none',
-  invalid: 's-border-negative hover:s-border-negative-hover! outline-[--w-s-color-border-negative]!',
-  readOnly: 'pl-0 bg-transparent border-0 pointer-events-none before:hidden',
+  base: 'block text-m mb-0 py-12 pr-32 rounded-4 w-full focusable focus:[--w-outline-offset:-2px] appearance-none cursor-pointer caret-current',
+  default: 's-text s-bg pl-8 border-1 s-border hover:s-border-hover active:s-border-active',
+  disabled:
+    's-text-disabled s-bg-disabled-subtle pl-8 border-1 s-border-disabled hover:s-border-disabled active:s-border-disabled pointer-events-none',
+  invalid:
+    's-text s-bg pl-8 border-1 s-border-negative hover:s-border-negative-hover active:s-border-active outline-[--w-s-color-border-negative]!',
+  readOnly: 's-text bg-transparent pl-0 border-0 pointer-events-none before:hidden',
   wrapper: 'relative',
   selectWrapper: `relative before:block before:absolute before:right-0 before:bottom-0 before:w-32 before:h-full before:pointer-events-none `,
-  chevron: 'absolute top-[30%] block right-0 bottom-0 w-32 h-full s-icon pointer-events-none cursor-pointer',
+  chevron: 'block absolute top-[30%] right-0 bottom-0 w-32 h-full s-icon pointer-events-none cursor-pointer',
   chevronDisabled: 'opacity-25',
 };
 
 export const label = {
-  label: 'antialiased block relative text-s font-bold pb-4 cursor-pointer s-text',
+  base: 'antialiased block relative text-s font-bold pb-4 cursor-pointer s-text',
   optional: 'pl-8 font-normal text-s s-text-subtle',
 };
 
 export const helpText = {
-  helpText: 'text-xs mt-4 block',
-  helpTextColor: 's-text-subtle',
-  helpTextColorInvalid: 's-text-negative',
+  base: 'text-xs mt-4 block',
+  color: 's-text-subtle',
+  colorInvalid: 's-text-negative',
 };
 
-const prefixSuffixWrapperBase =
+const prefixSuffixWrapper =
   'absolute top-0 bottom-0 flex justify-center items-center focusable rounded-4 focus:[--w-outline-offset:-2px] bg-transparent ';
 
 export const suffix = {
-  wrapper: prefixSuffixWrapperBase + 'right-0',
+  wrapper: prefixSuffixWrapper + 'right-0',
   wrapperWithLabel: 'w-max pr-12',
   wrapperWithIcon: 'w-40',
   label: 'antialiased block relative cursor-default pb-0 font-bold text-xs s-text',
 };
 
 export const prefix = {
-  wrapper: prefixSuffixWrapperBase + 'left-0',
+  wrapper: prefixSuffixWrapper + 'left-0',
   wrapperWithLabel: 'w-max pl-12',
   wrapperWithIcon: 'w-40',
   label: 'antialiased block relative cursor-default pb-0 font-bold text-xs s-text',
@@ -504,25 +508,26 @@ export const deadToggle = {
   wrapper: `${toggle.wrapper} h-20 w-20 pointer-events-none`,
   input: `${toggle.input} hidden`,
   inputVue: 'hidden',
+  labelVue: '-mt-2',
   labelRadio: `${toggle.label} ${toggle.labelBefore} ${toggle.radio}`,
   labelCheckbox: `${toggle.label} ${toggle.labelBefore} ${toggle.checkbox}`,
-  labelVue: '-mt-2',
 };
 
 export const clickable = {
   toggle: 'absolute inset-0 h-full w-full appearance-none cursor-pointer focusable focusable-inset',
-  label: `px-12 ${label.label} py-8! cursor-pointer focusable focusable-inset`,
+  label: 'antialiased block relative text-s font-bold s-text px-12 py-8 cursor-pointer focusable focusable-inset',
   buttonOrLink: 'bg-transparent focusable',
   buttonOrLinkStretch: 'inset-0 absolute',
 };
 
 export const combobox = {
   wrapper: 'relative',
-  combobox: 'absolute left-0 right-0 pb-8 rounded-8 s-bg shadow-m',
-  textMatch: 'font-bold',
+  base: 'absolute left-0 right-0 pb-8 rounded-8 shadow-m',
   listbox: 'm-0 p-0 select-none list-none',
-  option: 'block cursor-pointer p-8 hover:s-bg-hover',
+  option: 'block cursor-pointer p-8',
+  optionUnselected: 's-bg hover:s-bg-hover',
   optionSelected: 's-bg-selected hover:s-bg-selected-hover',
+  textMatch: 'font-bold',
   a11y: 'sr-only',
 };
 
@@ -533,6 +538,7 @@ export const attention = {
   highlight: 'bg-[--w-color-callout-background] border-[--w-color-callout-border] s-text py-8 px-16 rounded-8 drop-shadow-m translate-z-0',
   popover:
     'bg-[--w-s-color-surface-elevated-300] border-[--w-s-color-surface-elevated-300] s-text rounded-8 p-16 drop-shadow-m translate-z-0',
+
   arrowBase: 'absolute h-[14px] w-[14px] border-2 border-b-0 border-r-0 rounded-tl-4 transform',
   arrowDirectionLeftStart: '-left-[8px]',
   arrowDirectionLeft: '-left-[8px]',
@@ -550,6 +556,7 @@ export const attention = {
   arrowCallout: 'bg-[--w-color-callout-background] border-[--w-color-callout-border]',
   arrowPopover: 'bg-[--w-s-color-surface-elevated-300] border-[--w-s-color-surface-elevated-300]',
   arrowHighlight: 'bg-[--w-color-callout-background] border-[--w-color-callout-border]',
+
   content: 'last-child:mb-0',
   notCallout: 'absolute z-50',
   closeBtn: `${buttonTextSizes.medium} ${buttonTypes.pill} ${buttonColors.pill} justify-self-end -mr-8 ml-8`,

package/dist/components.css

@@ -1 +1 @@
-*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.h4{font-weight:700;font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.t3{font-weight:700;font-size:var(--w-font-size-l);line-height:var(--w-line-height-l)}@media (min-width: 480px){.sm\:h3{font-weight:700;font-size:var(--w-font-size-l);line-height:var(--w-line-height-l)}}.text-center{text-align:center}.before\:text-center:before{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.animate-inprogress{background-image:linear-gradient(135deg,rgba(0,0,0,.05) 25%,transparent 0,transparent 50%,rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 75%,transparent 0,transparent)!important;background-size:30px 30px;animation:animate-inprogress 3s linear infinite}@keyframes animate-inprogress{0%{background-position:0 0}to{background-position:60px 0}}.\[--w-modal-max-height\:80\%\]{--w-modal-max-height:80%}.\[--w-modal-width\:640px\]{--w-modal-width:640px}.focus\:\[--w-outline-offset\:-2px\]:focus{--w-outline-offset:-2px}.backdrop-blur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.peer:checked~.peer-checked\:before\:bg-center:before{background-position:center}.hover\:bg-clip-padding:hover{-webkit-background-clip:padding-box;background-clip:padding-box}.bg-transparent,.group\/steph:first-child .group-first\/steph\:bg-transparent,.group\/steph:last-child .group-last\/steph\:bg-transparent{background-color:transparent}.bg-\[--w-black\/25\]{background-color:rgba(var(--w-rgb-black),.25)}.bg-\[--w-black\/70\],.bg-\[var\(--w-black\)\/70\]{background-color:rgba(var(--w-rgb-black),.7)}.bg-\[--w-color-badge-info-background\]{background-color:var(--w-color-badge-info-background)}.bg-\[--w-color-badge-negative-background\]{background-color:var(--w-color-badge-negative-background)}.bg-\[--w-color-badge-neutral-background\]{background-color:var(--w-color-badge-neutral-background)}.bg-\[--w-color-badge-positive-background\]{background-color:var(--w-color-badge-positive-background)}.bg-\[--w-color-badge-sponsored-background\]{background-color:var(--w-color-badge-sponsored-background)}.bg-\[--w-color-badge-warning-background\]{background-color:var(--w-color-badge-warning-background)}.bg-\[--w-color-button-primary-background\]{background-color:var(--w-color-button-primary-background)}.bg-\[--w-color-buttongroup-utility-background-selected\]\!{background-color:var(--w-color-buttongroup-utility-background-selected)!important}.bg-\[--w-color-callout-background\]{background-color:var(--w-color-callout-background)}.bg-\[--w-color-pill-suggestion-background\]{background-color:var(--w-color-pill-suggestion-background)}.bg-\[--w-color-switch-track-background\]{background-color:var(--w-color-switch-track-background)}.bg-\[--w-s-color-surface-elevated-100\]{background-color:var(--w-s-color-surface-elevated-100)}.bg-\[--w-s-color-surface-elevated-300\]{background-color:var(--w-s-color-surface-elevated-300)}.bg-\[--w-s-icon-selected\]{background-color:var(--w-s-icon-selected)}.group:hover .group-hover\:bg-\[--w-color-switch-track-background-hover\]{background-color:var(--w-color-switch-track-background-hover)}.hover\:bg-\[--w-color-button-pill-background-hover\]:hover{background-color:var(--w-color-button-pill-background-hover)}.hover\:bg-\[--w-color-button-primary-background-hover\]:hover{background-color:var(--w-color-button-primary-background-hover)}.hover\:bg-\[--w-color-buttongroup-utility-background-hover\]:hover{background-color:var(--w-color-buttongroup-utility-background-hover)}.hover\:bg-\[--w-color-pill-suggestion-background-hover\]:hover{background-color:var(--w-color-pill-suggestion-background-hover)}.hover\:bg-\[--w-s-icon-subtle\]:hover{background-color:var(--w-s-icon-subtle)}.hover\:bg-\[var\(--w-black\)\/85\]:hover{background-color:rgba(var(--w-rgb-black),.85)}.active\:bg-\[--w-color-button-pill-background-active\]:active{background-color:var(--w-color-button-pill-background-active)}.active\:bg-\[--w-color-button-primary-background-active\]:active{background-color:var(--w-color-button-primary-background-active)}.active\:bg-\[--w-color-buttongroup-utility-background-selected\]:active{background-color:var(--w-color-buttongroup-utility-background-selected)}.active\:bg-\[--w-color-pill-suggestion-background-active\]:active{background-color:var(--w-color-pill-suggestion-background-active)}.active\:bg-\[var\(--w-black\)\]:active{background-color:var(--w-black)}.peer:checked~.peer-checked\:before\:bg-\[url\(var\(--w-icon-toggle-checked\)\)\]:before{background-image:var(--w-icon-toggle-checked)}.appearance-none{-moz-appearance:none;appearance:none;-webkit-appearance:none}.will-change-height{will-change:height}.border,.border-1{border-width:1px}.border-b{border-bottom-width:1px}.before\:border:before{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b-0{border-bottom-width:0}.border-b-4{border-bottom-width:4px}.border-l-4{border-left-width:4px}.border-r-0,.group:not(:last-of-type) .group-not-last-of-type\:border-r-0{border-right-width:0}.peer:checked~.peer-checked\:before\:border-\[6\]:before{border-width:.6rem}.border-transparent{border-color:transparent}.border-\[--w-color-buttongroup-utility-border-selected\]{border-color:var(--w-color-buttongroup-utility-border-selected)}.border-\[--w-color-buttongroup-utility-border\]{border-color:var(--w-color-buttongroup-utility-border)}.border-\[--w-color-callout-border\]{border-color:var(--w-color-callout-border)}.border-\[--w-s-color-background-inverted\]{border-color:var(--w-s-color-background-inverted)}.border-\[--w-s-color-surface-elevated-300\]{border-color:var(--w-s-color-surface-elevated-300)}.active\:border-\[--w-color-buttongroup-utility-border-selected\]:active{border-color:var(--w-color-buttongroup-utility-border-selected)}.divide-x>*+*{--w-divide-x-reverse:0;border-left-width:calc(1px * calc(1 - var(--w-divide-x-reverse)));border-right-width:calc(1px * var(--w-divide-x-reverse))}.divide-y>*+*{--w-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--w-divide-y-reverse)));border-bottom-width:calc(1px * var(--w-divide-y-reverse))}.rounded-4{border-radius:4px}.rounded-8{border-radius:8px}.rounded-full{border-radius:9999px}.before\:rounded-2:before{border-radius:2px}.before\:rounded-full:before{border-radius:9999px}.rounded-b-0{border-bottom-left-radius:0;border-bottom-right-radius:0}.rounded-bl-0{border-bottom-left-radius:0}.rounded-br-0{border-bottom-right-radius:0}.rounded-l-0{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.rounded-r-0{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.rounded-tl-0{border-top-left-radius:0}.rounded-tl-4{border-top-left-radius:4px}.rounded-tr-0{border-top-right-radius:0}.group:first-of-type .group-first-of-type\:rounded-bl-8{border-bottom-left-radius:8px}.group:first-of-type .group-first-of-type\:rounded-tl-8{border-top-left-radius:8px}.first\:rounded-lb-4:first-child{border-bottom-left-radius:4px}.first\:rounded-lt-4:first-child{border-top-left-radius:4px}.first\:rounded-rt-4:first-child{border-top-right-radius:4px}.group:last-of-type .group-last-of-type\:rounded-br-8{border-bottom-right-radius:8px}.group:last-of-type .group-last-of-type\:rounded-tr-8{border-top-right-radius:8px}.last\:rounded-lb-4:last-child{border-bottom-left-radius:4px}.last\:rounded-rb-4:last-child{border-bottom-right-radius:4px}.last\:rounded-rt-4:last-child{border-top-right-radius:4px}.caret-current{caret-color:currentColor}.opacity-25{opacity:25%}.block{display:block}.before\:block:before{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex,.open\:flex[open]{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.inline-grid{display:inline-grid}.hidden,.group\/stepv:last-child .group-last\/stepv\:hidden{display:none}.before\:hidden:before{display:none}.hover\:underline:hover{text-decoration-line:underline}.focus\:underline:focus{text-decoration-line:underline}.focus-visible\:underline:focus-visible{text-decoration-line:underline}.active\:underline:active{text-decoration-line:underline}.hover\:no-underline:hover{text-decoration:none}.focus\:no-underline:focus{text-decoration:none}.active\:no-underline:active{text-decoration:none}.flex-1{flex:1 1 0%}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.shrink-0\!{flex-shrink:0!important}.grow,.grow-1{flex-grow:1}.basis-auto{flex-basis:auto}.flex-col{flex-direction:column}.focus-within\:focusable:focus-within{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset, 1px)}.focusable:focus,.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset, 1px)}.focusable:not(:focus-visible){outline:none}.peer:focus~.peer-focus\:focusable,.peer:focus-visible~.peer-focus\:focusable{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset, 1px)}.peer:not(:focus-visible)~.peer-focus\:focusable{outline:none}.focusable-inset{--w-outline-offset:-3px}.gap-12{gap:1.2rem}.gap-8{gap:.8rem}.gap-x-16{column-gap:1.6rem}.gap-y-16{row-gap:1.6rem}.row-span-2{grid-row:span 2/span 2}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.col-start-2{grid-column-start:2}.auto-rows-auto{grid-auto-rows:auto}.grid-flow-col{grid-auto-flow:column}.grid-rows-\[20px_auto\]{grid-template-rows:20px auto}.grid-rows-\[auto_20px\]{grid-template-rows:auto 20px}.grid-cols-\[1fr_20px_1fr\]{grid-template-columns:1fr 20px 1fr}.grid-cols-\[1fr_20px\]{grid-template-columns:1fr 20px}.grid-cols-\[20px_1fr\]{grid-template-columns:20px 1fr}.grid-cols-\[auto_1fr_auto\]{grid-template-columns:auto 1fr auto}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.list-none{list-style-type:none}.outline-\[--w-s-color-border-negative\]\!{outline-color:var(--w-s-color-border-negative)!important}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.self-center{align-self:center}.inset-0{top:0rem;right:0rem;bottom:0rem;left:0rem}.-bottom-0{bottom:-0rem}.bottom-0{bottom:0rem}.bottom-10{bottom:1rem}.bottom-16{bottom:1.6rem}.left-0{left:0rem}.left-4{left:.4rem}.right-0{right:0rem}.right-8{right:.8rem}.top-0{top:0rem}.top-20{top:2rem}.top-4{top:.4rem}.top-8{top:.8rem}.before\:bottom-0:before{bottom:0rem}.before\:left-0:before{left:0rem}.before\:right-0:before{right:0rem}.before\:top-2:before{top:.2rem}.-bottom-\[8px\]{bottom:-8px}.-left-\[8px\]{left:-8px}.-right-\[8px\]{right:-8px}.-top-\[8px\]{top:-8px}.top-\[19px\]{top:19px}.top-\[30\%\]{top:30%}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.open\:fixed[open]{position:fixed}.before\:absolute:before{position:absolute}.z-10,.peer:checked~.peer-checked\:z-10{z-index:10}.z-30{z-index:30}.z-50{z-index:50}.hover\:z-30:hover{z-index:30}.\!s-bg-selected{background-color:var(--w-s-color-background-selected)!important}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled{background-color:var(--w-s-color-background-disabled)}.s-bg-disabled-subtle{background-color:var(--w-s-color-background-disabled-subtle)}.s-bg-info-subtle{background-color:var(--w-s-color-background-info-subtle)}.s-bg-info-subtle\!{background-color:var(--w-s-color-background-info-subtle)!important}.s-bg-inverted{background-color:var(--w-s-color-background-inverted)}.s-bg-negative{background-color:var(--w-s-color-background-negative)}.s-bg-negative-subtle{background-color:var(--w-s-color-background-negative-subtle)}.s-bg-positive-subtle{background-color:var(--w-s-color-background-positive-subtle)}.s-bg-primary,.peer:checked~.peer-checked\:s-bg-primary{background-color:var(--w-s-color-background-primary)}.s-bg-selected{background-color:var(--w-s-color-background-selected)}.s-bg-subtle{background-color:var(--w-s-color-background-subtle)}.s-bg-warning-subtle{background-color:var(--w-s-color-background-warning-subtle)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:s-bg-negative-hover:before{background-color:var(--w-s-color-background-negative-hover)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:s-bg-primary-hover:before{background-color:var(--w-s-color-background-primary-hover)}.peer:checked~.peer-checked\:before\:s-bg-disabled:before{background-color:var(--w-s-color-background-disabled)}.peer:checked~.peer-checked\:before\:s-bg-negative:before{background-color:var(--w-s-color-background-negative)}.peer:checked~.peer-checked\:before\:s-bg-primary:before{background-color:var(--w-s-color-background-primary)}.peer:indeterminate~.peer-indeterminate\:before\:s-bg-disabled:before{background-color:var(--w-s-color-background-disabled)}.peer:indeterminate~.peer-indeterminate\:before\:s-bg-negative:before{background-color:var(--w-s-color-background-negative)}.peer:indeterminate~.peer-indeterminate\:before\:s-bg-primary:before{background-color:var(--w-s-color-background-primary)}.peer:indeterminate~.peer-indeterminate\:hover\:before\:s-bg-negative-hover:hover:before{background-color:var(--w-s-color-background-negative-hover)}.peer:indeterminate~.peer-indeterminate\:hover\:before\:s-bg-primary-hover:hover:before{background-color:var(--w-s-color-background-primary-hover)}.\!hover\:s-bg-selected-hover:hover{background-color:var(--w-s-color-background-selected-hover)!important}.group:hover .group-hover\:s-bg-primary-hover{background-color:var(--w-s-color-background-primary-hover)}.hover\:before\:s-bg-hover:hover:before{background-color:var(--w-s-color-background-hover)}.hover\:before\:s-bg-negative-subtle-hover:hover:before{background-color:var(--w-s-color-background-negative-subtle-hover)}.hover\:s-bg-hover:hover{background-color:var(--w-s-color-background-hover)}.hover\:s-bg-info-subtle-hover\!:hover{background-color:var(--w-s-color-background-info-subtle-hover)!important}.hover\:s-bg-negative-hover:hover{background-color:var(--w-s-color-background-negative-hover)}.hover\:s-bg-negative-subtle-hover:hover{background-color:var(--w-s-color-background-negative-subtle-hover)}.hover\:s-bg-primary-hover:hover{background-color:var(--w-s-color-background-primary-hover)}.hover\:s-bg-selected-hover:hover{background-color:var(--w-s-color-background-selected-hover)}.peer:hover:not(:checked)~.peer-hover\:peer-not-checked\:s-bg-hover{background-color:var(--w-s-color-background-hover)}.peer:hover~.peer-hover\:before\:s-bg-hover:before{background-color:var(--w-s-color-background-hover)}.peer:hover~.peer-hover\:before\:s-bg-negative-subtle:before{background-color:var(--w-s-color-background-negative-subtle)}.focus\:s-bg-primary-hover:focus{background-color:var(--w-s-color-background-primary-hover)}.\!active\:s-bg-selected-active:active{background-color:var(--w-s-color-background-selected-active)!important}.active\:s-bg-active:active{background-color:var(--w-s-color-background-active)}.active\:s-bg-negative-active:active{background-color:var(--w-s-color-background-negative-active)}.active\:s-bg-negative-subtle-active:active{background-color:var(--w-s-color-background-negative-subtle-active)}.active\:s-bg-primary-active:active{background-color:var(--w-s-color-background-primary-active)}.active\:s-bg-selected-active:active{background-color:var(--w-s-color-background-selected-active)}.before\:s-bg-disabled-subtle:before{background-color:var(--w-s-color-background-disabled-subtle)}.before\:s-bg:before{background-color:var(--w-s-color-background)}.s-text{color:var(--w-s-color-text)}.s-text-disabled{color:var(--w-s-color-text-disabled)}.s-text-inverted,.peer:checked~.peer-checked\:s-text-inverted{color:var(--w-s-color-text-inverted)}.s-text-inverted-static{color:var(--w-s-color-text-inverted-static)}.s-text-link{color:var(--w-s-color-text-link)}.s-text-negative{color:var(--w-s-color-text-negative)}.s-text-subtle{color:var(--w-s-color-text-subtle)}.s-text\!{color:var(--w-s-color-text)!important}.hover\:s-text-link:hover{color:var(--w-s-color-text-link)}.active\:s-text:active{color:var(--w-s-color-text)}.placeholder\:s-text-placeholder::placeholder{color:var(--w-s-color-text-placeholder)}.s-icon{color:var(--w-s-color-icon)}.s-icon-info{color:var(--w-s-color-icon-info)}.s-icon-inverted{color:var(--w-s-color-icon-inverted)}.s-icon-negative{color:var(--w-s-color-icon-negative)}.s-icon-positive{color:var(--w-s-color-icon-positive)}.s-icon-warning{color:var(--w-s-color-icon-warning)}.hover\:s-icon-hover:hover{color:var(--w-s-color-icon-hover)}.active\:s-icon-active:active{color:var(--w-s-color-icon-active)}.before\:s-icon-inverted:before{color:var(--w-s-color-icon-inverted)}.s-border{border-color:var(--w-s-color-border)}.s-border-disabled{border-color:var(--w-s-color-border-disabled)}.s-border-info-subtle{border-color:var(--w-s-color-border-info-subtle)}.s-border-l-info{border-left-color:var(--w-s-color-border-info)}.s-border-l-negative{border-left-color:var(--w-s-color-border-negative)}.s-border-l-positive{border-left-color:var(--w-s-color-border-positive)}.s-border-l-warning{border-left-color:var(--w-s-color-border-warning)}.s-border-negative{border-color:var(--w-s-color-border-negative)}.s-border-negative-subtle{border-color:var(--w-s-color-border-negative-subtle)}.s-border-positive-subtle{border-color:var(--w-s-color-border-positive-subtle)}.s-border-primary,.peer:checked~.peer-checked\:s-border-primary{border-color:var(--w-s-color-border-primary)}.s-border-selected{border-color:var(--w-s-color-border-selected)}.s-border-warning-subtle{border-color:var(--w-s-color-border-warning-subtle)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:s-border-negative-hover:before{border-color:var(--w-s-color-border-negative-hover)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:s-border-primary-hover:before{border-color:var(--w-s-color-border-primary-hover)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:s-border-selected-hover:before{border-color:var(--w-s-color-border-selected-hover)}.peer:checked~.peer-checked\:before\:s-border-disabled:before{border-color:var(--w-s-color-border-disabled)}.peer:checked~.peer-checked\:before\:s-border-negative:before{border-color:var(--w-s-color-border-negative)}.peer:checked~.peer-checked\:before\:s-border-primary:before{border-color:var(--w-s-color-border-primary)}.peer:checked~.peer-checked\:before\:s-border-selected:before{border-color:var(--w-s-color-border-selected)}.peer:indeterminate~.peer-indeterminate\:before\:s-border-disabled:before{border-color:var(--w-s-color-border-disabled)}.peer:indeterminate~.peer-indeterminate\:before\:s-border-negative:before{border-color:var(--w-s-color-border-negative)}.peer:indeterminate~.peer-indeterminate\:before\:s-border-primary:before{border-color:var(--w-s-color-border-primary)}.peer:indeterminate~.peer-indeterminate\:hover\:before\:s-border-negative-hover:hover:before{border-color:var(--w-s-color-border-negative-hover)}.peer:indeterminate~.peer-indeterminate\:hover\:before\:s-border-primary-hover:hover:before{border-color:var(--w-s-color-border-primary-hover)}.group:hover .group-hover\:s-border-selected-hover{border-color:var(--w-s-color-border-selected-hover)}.hover\:before\:s-border-negative-hover:hover:before{border-color:var(--w-s-color-border-negative-hover)}.hover\:before\:s-border-primary:hover:before{border-color:var(--w-s-color-border-primary)}.hover\:s-border-disabled\!:hover{border-color:var(--w-s-color-border-disabled)!important}.hover\:s-border-hover:hover{border-color:var(--w-s-color-border-hover)}.hover\:s-border-negative-hover:hover{border-color:var(--w-s-color-border-negative-hover)}.hover\:s-border-negative-hover\!:hover{border-color:var(--w-s-color-border-negative-hover)!important}.hover\:s-border-primary-hover:hover{border-color:var(--w-s-color-border-primary-hover)}.hover\:s-border-primary:hover{border-color:var(--w-s-color-border-primary)}.hover\:s-border-selected-hover:hover{border-color:var(--w-s-color-border-selected-hover)}.peer:hover~.peer-hover\:before\:s-border-negative-hover:before{border-color:var(--w-s-color-border-negative-hover)}.peer:hover~.peer-hover\:before\:s-border-primary:before{border-color:var(--w-s-color-border-primary)}.focus\:s-border-primary-hover:focus{border-color:var(--w-s-color-border-primary-hover)}.active\:s-border-active:active{border-color:var(--w-s-color-border-active)}.active\:s-border-disabled\!:active{border-color:var(--w-s-color-border-disabled)!important}.active\:s-border-primary-active:active{border-color:var(--w-s-color-border-primary-active)}.active\:s-border-selected-active:active{border-color:var(--w-s-color-border-selected-active)}.active\:s-border-selected:active{border-color:var(--w-s-color-border-selected)}.group:active .group-active\:s-border-active{border-color:var(--w-s-color-border-active)}.group:active .group-active\:s-border-selected-active{border-color:var(--w-s-color-border-selected-active)}.before\:s-border-disabled:before{border-color:var(--w-s-color-border-disabled)}.before\:s-border-negative:before{border-color:var(--w-s-color-border-negative)}.s-surface-sunken{background-color:var(--w-s-color-surface-sunken)}.s-surface-elevated-200{background-color:var(--w-s-color-surface-elevated-200);box-shadow:var(--w-s-shadow-surface-elevated-200)}.hover\:s-surface-elevated-200-hover:hover{background-color:var(--w-s-color-surface-elevated-200-hover);box-shadow:var(--w-s-shadow-surface-elevated-200-hover)}.active\:s-surface-elevated-200-active:active{background-color:var(--w-s-color-surface-elevated-200-active);box-shadow:var(--w-s-shadow-surface-elevated-200-active)}.drop-shadow-m{filter:drop-shadow(rgba(64,64,64,.24) 0 3px 8px) drop-shadow(rgba(64,64,64,.16) 0 3px 6px)}.shadow-m{box-shadow:var(--w-shadow-m)}.shadow-s{box-shadow:var(--w-shadow-s)}.shadow-\[--w-shadow-slider\]{box-shadow:var(--w-shadow-slider)}.hover\:shadow-\[--w-shadow-slider-handle-hover\]:hover{box-shadow:var(--w-shadow-slider-handle-hover)}.focus\:shadow-\[--w-shadow-slider-handle-hover\]:focus{box-shadow:var(--w-shadow-slider-handle-hover)}.active\:shadow-\[--w-shadow-slider-handle-active\]:active{box-shadow:var(--w-shadow-slider-handle-active)}.h-0{height:0rem}.h-16{height:1.6rem}.h-2{height:.2rem}.h-20{height:2rem}.h-24{height:2.4rem}.h-4{height:.4rem}.h-44{height:4.4rem}.h-6{height:.6rem}.h-8{height:.8rem}.h-full{height:100%}.h-unset{height:unset}.max-h-unset{max-height:unset}.max-w-full{max-width:100%}.max-w-max{max-width:max-content}.max-w-unset{max-width:unset}.min-h-32{min-height:3.2rem}.min-h-40{min-height:4rem}.min-w-16{min-width:1.6rem}.min-w-32{min-width:3.2rem}.w-16{width:1.6rem}.w-2{width:.2rem}.w-20{width:2rem}.w-24{width:2.4rem}.w-32{width:3.2rem}.w-40{width:4rem}.w-44{width:4.4rem}.w-8{width:.8rem}.w-full{width:100%}.w-max{width:max-content}.w-unset{width:unset}.before\:h-20:before{height:2rem}.before\:h-full:before{height:100%}.before\:w-20:before{width:2rem}.before\:w-32:before{width:3.2rem}.h-\[--w-modal-height\]{height:var(--w-modal-height)}.h-\[14px\]{height:14px}.h-\[16px\]{height:16px}.max-h-\[--w-modal-max-height\]{max-height:var(--w-modal-max-height)}.min-h-\[--w-modal-min-height\]{min-height:var(--w-modal-min-height)}.min-h-\[32px\]{min-height:32px}.min-h-\[40px\]{min-height:40px}.min-h-\[42\]{min-height:4.2rem}.min-h-\[44px\]{min-height:44px}.min-w-\[32px\]{min-width:32px}.min-w-\[40px\]{min-width:40px}.min-w-\[44px\]{min-width:44px}.w-\[--w-modal-width\]{width:var(--w-modal-width)}.w-\[14px\]{width:14px}.w-\[16px\]{width:16px}.space-x-8>:not([hidden])~:not([hidden]){--w-space-x-reverse:0;margin-left:calc(.8rem * calc(1 - var(--w-space-x-reverse)));margin-right:calc(.8rem * var(--w-space-x-reverse))}.space-y-16>:not([hidden])~:not([hidden]){--w-space-y-reverse:0;margin-top:calc(1.6rem * calc(1 - var(--w-space-y-reverse)));margin-bottom:calc(1.6rem * var(--w-space-y-reverse))}.m-0{margin:0rem}.m-auto{margin:auto}.-mx-16{margin-left:-1.6rem;margin-right:-1.6rem}.mx-0{margin-left:0rem;margin-right:0rem}.mx-8{margin-left:.8rem;margin-right:.8rem}.mx-auto{margin-left:auto;margin-right:auto}.-mb-1{margin-bottom:-.1rem}.-ml-8{margin-left:-.8rem}.-mr-1{margin-right:-.1rem}.-mr-8{margin-right:-.8rem}.-mt-2{margin-top:-.2rem}.-mt-4{margin-top:-.4rem}.last-child\:mb-0>:last-child,.mb-0{margin-bottom:0rem}.mb-32{margin-bottom:3.2rem}.ml-8{margin-left:.8rem}.ml-auto{margin-left:auto}.mr-8{margin-right:.8rem}.mt-16{margin-top:1.6rem}.mt-4{margin-top:.4rem}.group:not(:first-child) .group-not-first\:-ml-2{margin-left:-.2rem}.last\:mb-0:last-child{margin-bottom:0rem}.last\:mr-0:last-child{margin-right:0rem}.m-\[8px\]{margin:8px}.p-0{padding:0rem}.p-16{padding:1.6rem}.p-4{padding:.4rem}.p-8{padding:.8rem}.px-0{padding-left:0rem;padding-right:0rem}.px-1{padding-left:.1rem;padding-right:.1rem}.px-12{padding-left:1.2rem;padding-right:1.2rem}.px-14{padding-left:1.4rem;padding-right:1.4rem}.px-16{padding-left:1.6rem;padding-right:1.6rem}.px-4{padding-left:.4rem;padding-right:.4rem}.px-8{padding-left:.8rem;padding-right:.8rem}.py-0{padding-top:0rem;padding-bottom:0rem}.py-1{padding-top:.1rem;padding-bottom:.1rem}.py-10{padding-top:1rem;padding-bottom:1rem}.py-12{padding-top:1.2rem;padding-bottom:1.2rem}.py-2{padding-top:.2rem;padding-bottom:.2rem}.py-4{padding-top:.4rem;padding-bottom:.4rem}.py-6{padding-top:.6rem;padding-bottom:.6rem}.py-8{padding-top:.8rem;padding-bottom:.8rem}.py-8\!{padding-top:.8rem!important;padding-bottom:.8rem!important}.pb-0{padding-bottom:0rem}.pb-32{padding-bottom:3.2rem}.pb-4{padding-bottom:.4rem}.pb-8{padding-bottom:.8rem}.pl-0{padding-left:0rem}.pl-1{padding-left:.1rem}.pl-12{padding-left:1.2rem}.pl-28{padding-left:2.8rem}.pl-4{padding-left:.4rem}.pl-8{padding-left:.8rem}.pr-12{padding-right:1.2rem}.pr-14{padding-right:1.4rem}.pr-2{padding-right:.2rem}.pr-32{padding-right:3.2rem}.pr-40{padding-right:4rem}.pt-0{padding-top:0rem}.pt-1{padding-top:.1rem}.pt-16{padding-top:1.6rem}.pt-24{padding-top:2.4rem}.pt-8{padding-top:.8rem}.group\/step:last-child .group-last\/step\:last\:pb-0:last-child{padding-bottom:0rem}.last\:pb-1:last-child{padding-bottom:.1rem}.last\:pr-1:last-child{padding-right:.1rem}.p-\[8px\]{padding:8px}.px-\[15px\]{padding-left:15px;padding-right:15px}.px-\[8px\]{padding-left:8px;padding-right:8px}.py-\[11px\]{padding-top:11px;padding-bottom:11px}.py-\[5px\]{padding-top:5px;padding-bottom:5px}.py-\[7px\]{padding-top:7px;padding-bottom:7px}.pl-\[var\(--w-prefix-width\,_40px\)\]{padding-left:var(--w-prefix-width, 40px)}.invisible{visibility:hidden}.backface-hidden{backface-visibility:hidden}.break-words{overflow-wrap:break-word}.before\:content-\[\"–\"\]:before{content:"–"}.before\:content-\[\"\"\]:before{content:""}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.font-bold{font-weight:700}.before\:font-bold:before{font-weight:700}.font-normal{font-weight:400}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.before\:pointer-events-none:before{pointer-events:none}.pb-safe-\[32\]{padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.touch-pan-y{touch-action:pan-y}.select-none{-webkit-user-select:none;user-select:none}.translate-x-20{--w-translate-x:2rem;transform:translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.translate-z-0{--w-translate-z:0rem;transform:translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.-rotate-180,.part-\[w-icon-chevron-down-16-part\]\:-rotate-180::part(w-icon-chevron-down-16-part){--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:-180deg;transform:translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\[w-icon-chevron-up-16-part\]\:rotate-180::part(w-icon-chevron-up-16-part),.rotate-180{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:180deg;transform:translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.rotate-90{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:90deg;transform:translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\[w-icon-chevron-down-16-part\]\:transform::part(w-icon-chevron-down-16-part),.part-\[w-icon-chevron-up-16-part\]\:transform::part(w-icon-chevron-up-16-part),.transform{transform:translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\[w-icon-chevron-down-16-part\]\:transform-gpu::part(w-icon-chevron-down-16-part),.part-\[w-icon-chevron-up-16-part\]\:transform-gpu::part(w-icon-chevron-up-16-part),.transform-gpu{transform:translate3d(var(--w-translate-x),var(--w-translate-y),var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\[w-icon-chevron-down-16-part\]\:transition-transform::part(w-icon-chevron-down-16-part),.part-\[w-icon-chevron-up-16-part\]\:transition-transform::part(w-icon-chevron-up-16-part),.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-300{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.before\:transition-all:before{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out,.part-\[w-icon-chevron-down-16-part\]\:ease-in-out::part(w-icon-chevron-down-16-part),.part-\[w-icon-chevron-up-16-part\]\:ease-in-out::part(w-icon-chevron-up-16-part){transition-timing-function:cubic-bezier(.4,0,.2,1)}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}.leading-m{line-height:var(--w-line-height-m)}.before\:leading-xs:before{line-height:var(--w-line-height-xs)}.leading-\[24\]{line-height:2.4rem}@media (max-width: 479.9px){.lt-sm\:rounded-b-0{border-bottom-left-radius:0;border-bottom-right-radius:0}}@media (min-width: 480px){.sm\:border-b-0{border-bottom-width:0}.sm\:rounded-8{border-radius:8px}.sm\:rounded-b-8{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.sm\:gap-16{gap:1.6rem}.sm\:place-content-center{place-content:center}.sm\:place-items-center{place-items:center}.sm\:h-24{height:2.4rem}.sm\:min-h-48{min-height:4.8rem}.sm\:w-24{width:2.4rem}.sm\:min-h-\[32px\]{min-height:32px}.sm\:min-h-\[44px\]{min-height:44px}.sm\:min-h-\[45\]{min-height:4.5rem}.sm\:min-w-\[32px\]{min-width:32px}.sm\:min-w-\[44px\]{min-width:44px}.sm\:mx-0{margin-left:0rem;margin-right:0rem}.sm\:mx-16{margin-left:1.6rem;margin-right:1.6rem}.sm\:-ml-12{margin-left:-1.2rem}.sm\:-mr-12{margin-right:-1.2rem}.sm\:-mt-8{margin-top:-.8rem}.sm\:px-0{padding-left:0rem;padding-right:0rem}.sm\:px-32{padding-left:3.2rem;padding-right:3.2rem}.sm\:py-0{padding-top:0rem;padding-bottom:0rem}.sm\:pb-32{padding-bottom:3.2rem}.sm\:pt-24{padding-top:2.4rem}.sm\:pt-32{padding-top:3.2rem}}@media (min-width: 768px){.md\:block{display:block}.md\:hidden{display:none}}
+*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.h4,.t4{font-weight:700;font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.t3{font-weight:700;font-size:var(--w-font-size-l);line-height:var(--w-line-height-l)}@media (min-width: 480px){.sm\:h3{font-weight:700;font-size:var(--w-font-size-l);line-height:var(--w-line-height-l)}}.text-center{text-align:center}.before\:text-center:before{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.animate-inprogress{background-image:linear-gradient(135deg,rgba(0,0,0,.05) 25%,transparent 0,transparent 50%,rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 75%,transparent 0,transparent)!important;background-size:30px 30px;animation:animate-inprogress 3s linear infinite}@keyframes animate-inprogress{0%{background-position:0 0}to{background-position:60px 0}}.\[--w-modal-max-height\:80\%\]{--w-modal-max-height:80%}.\[--w-modal-width\:640px\]{--w-modal-width:640px}.focus\:\[--w-outline-offset\:-2px\]:focus{--w-outline-offset:-2px}.backdrop-blur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.peer:checked~.peer-checked\:before\:bg-center:before{background-position:center}.hover\:bg-clip-padding:hover{-webkit-background-clip:padding-box;background-clip:padding-box}.bg-transparent,.group\/steph:first-child .group-first\/steph\:bg-transparent,.group\/steph:last-child .group-last\/steph\:bg-transparent{background-color:transparent}.bg-\[--w-black\/25\]{background-color:rgba(var(--w-rgb-black),.25)}.bg-\[--w-black\/70\],.bg-\[var\(--w-black\)\/70\]{background-color:rgba(var(--w-rgb-black),.7)}.bg-\[--w-color-badge-info-background\]{background-color:var(--w-color-badge-info-background)}.bg-\[--w-color-badge-negative-background\]{background-color:var(--w-color-badge-negative-background)}.bg-\[--w-color-badge-neutral-background\]{background-color:var(--w-color-badge-neutral-background)}.bg-\[--w-color-badge-positive-background\]{background-color:var(--w-color-badge-positive-background)}.bg-\[--w-color-badge-sponsored-background\]{background-color:var(--w-color-badge-sponsored-background)}.bg-\[--w-color-badge-warning-background\]{background-color:var(--w-color-badge-warning-background)}.bg-\[--w-color-button-primary-background\]{background-color:var(--w-color-button-primary-background)}.bg-\[--w-color-buttongroup-utility-background-selected\]{background-color:var(--w-color-buttongroup-utility-background-selected)}.bg-\[--w-color-callout-background\]{background-color:var(--w-color-callout-background)}.bg-\[--w-color-pill-suggestion-background\]{background-color:var(--w-color-pill-suggestion-background)}.bg-\[--w-color-switch-track-background\]{background-color:var(--w-color-switch-track-background)}.bg-\[--w-s-color-surface-elevated-100\]{background-color:var(--w-s-color-surface-elevated-100)}.bg-\[--w-s-color-surface-elevated-300\]{background-color:var(--w-s-color-surface-elevated-300)}.bg-\[--w-s-icon-selected\]{background-color:var(--w-s-icon-selected)}.group:hover .group-hover\:bg-\[--w-color-switch-track-background-hover\]{background-color:var(--w-color-switch-track-background-hover)}.hover\:bg-\[--w-color-button-pill-background-hover\]:hover{background-color:var(--w-color-button-pill-background-hover)}.hover\:bg-\[--w-color-button-primary-background-hover\]:hover{background-color:var(--w-color-button-primary-background-hover)}.hover\:bg-\[--w-color-buttongroup-utility-background-hover\]:hover{background-color:var(--w-color-buttongroup-utility-background-hover)}.hover\:bg-\[--w-color-pill-suggestion-background-hover\]:hover{background-color:var(--w-color-pill-suggestion-background-hover)}.hover\:bg-\[--w-s-icon-subtle\]:hover{background-color:var(--w-s-icon-subtle)}.hover\:bg-\[var\(--w-black\)\/85\]:hover{background-color:rgba(var(--w-rgb-black),.85)}.active\:bg-\[--w-color-button-pill-background-active\]:active{background-color:var(--w-color-button-pill-background-active)}.active\:bg-\[--w-color-button-primary-background-active\]:active{background-color:var(--w-color-button-primary-background-active)}.active\:bg-\[--w-color-buttongroup-utility-background-selected\]:active{background-color:var(--w-color-buttongroup-utility-background-selected)}.active\:bg-\[--w-color-pill-suggestion-background-active\]:active{background-color:var(--w-color-pill-suggestion-background-active)}.active\:bg-\[var\(--w-black\)\]:active{background-color:var(--w-black)}.peer:checked~.peer-checked\:before\:bg-\[url\(var\(--w-icon-toggle-checked\)\)\]:before{background-image:var(--w-icon-toggle-checked)}.appearance-none{-moz-appearance:none;appearance:none;-webkit-appearance:none}.will-change-height{will-change:height}.border,.border-1{border-width:1px}.border-b{border-bottom-width:1px}.before\:border:before{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b-0{border-bottom-width:0}.border-b-4{border-bottom-width:4px}.border-l-4{border-left-width:4px}.border-r-0,.group:not(:last-of-type) .group-not-last-of-type\:border-r-0{border-right-width:0}.peer:checked~.peer-checked\:before\:border-\[6\]:before{border-width:.6rem}.border-transparent{border-color:transparent}.border-\[--w-color-buttongroup-utility-border\]{border-color:var(--w-color-buttongroup-utility-border)}.border-\[--w-color-callout-border\]{border-color:var(--w-color-callout-border)}.border-\[--w-s-color-background-inverted\]{border-color:var(--w-s-color-background-inverted)}.border-\[--w-s-color-surface-elevated-300\]{border-color:var(--w-s-color-surface-elevated-300)}.active\:border-\[--w-color-buttongroup-utility-border-selected\]:active{border-color:var(--w-color-buttongroup-utility-border-selected)}.divide-x>*+*{--w-divide-x-reverse:0;border-left-width:calc(1px * calc(1 - var(--w-divide-x-reverse)));border-right-width:calc(1px * var(--w-divide-x-reverse))}.divide-y>*+*{--w-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--w-divide-y-reverse)));border-bottom-width:calc(1px * var(--w-divide-y-reverse))}.rounded-4{border-radius:4px}.rounded-8{border-radius:8px}.rounded-full{border-radius:9999px}.before\:rounded-2:before{border-radius:2px}.before\:rounded-full:before{border-radius:9999px}.rounded-b-0{border-bottom-left-radius:0;border-bottom-right-radius:0}.rounded-bl-0{border-bottom-left-radius:0}.rounded-br-0{border-bottom-right-radius:0}.rounded-l-0{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.rounded-r-0{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.rounded-tl-0{border-top-left-radius:0}.rounded-tl-4{border-top-left-radius:4px}.rounded-tr-0{border-top-right-radius:0}.group:first-of-type .group-first-of-type\:rounded-bl-8{border-bottom-left-radius:8px}.group:first-of-type .group-first-of-type\:rounded-tl-8{border-top-left-radius:8px}.first\:rounded-lb-4:first-child{border-bottom-left-radius:4px}.first\:rounded-lt-4:first-child{border-top-left-radius:4px}.first\:rounded-rt-4:first-child{border-top-right-radius:4px}.group:last-of-type .group-last-of-type\:rounded-br-8{border-bottom-right-radius:8px}.group:last-of-type .group-last-of-type\:rounded-tr-8{border-top-right-radius:8px}.last\:rounded-lb-4:last-child{border-bottom-left-radius:4px}.last\:rounded-rb-4:last-child{border-bottom-right-radius:4px}.last\:rounded-rt-4:last-child{border-top-right-radius:4px}.caret-current{caret-color:currentColor}.opacity-25{opacity:25%}.block{display:block}.before\:block:before{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex,.open\:flex[open]{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.inline-grid{display:inline-grid}.hidden,.group\/stepv:last-child .group-last\/stepv\:hidden{display:none}.before\:hidden:before{display:none}.hover\:underline:hover{text-decoration-line:underline}.focus\:underline:focus{text-decoration-line:underline}.focus-visible\:underline:focus-visible{text-decoration-line:underline}.active\:underline:active{text-decoration-line:underline}.hover\:no-underline:hover{text-decoration:none}.focus\:no-underline:focus{text-decoration:none}.active\:no-underline:active{text-decoration:none}.flex-1{flex:1 1 0%}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.shrink-0\!{flex-shrink:0!important}.grow,.grow-1{flex-grow:1}.basis-auto{flex-basis:auto}.flex-col{flex-direction:column}.focus-within\:focusable:focus-within{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset, 1px)}.focusable:focus,.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset, 1px)}.focusable:not(:focus-visible){outline:none}.peer:focus~.peer-focus\:focusable,.peer:focus-visible~.peer-focus\:focusable{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset, 1px)}.peer:not(:focus-visible)~.peer-focus\:focusable{outline:none}.focusable-inset{--w-outline-offset:-3px}.gap-12{gap:1.2rem}.gap-8{gap:.8rem}.gap-x-16{column-gap:1.6rem}.gap-y-16{row-gap:1.6rem}.row-span-2{grid-row:span 2/span 2}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.col-start-2{grid-column-start:2}.auto-rows-auto{grid-auto-rows:auto}.grid-flow-col{grid-auto-flow:column}.grid-rows-\[20px_auto\]{grid-template-rows:20px auto}.grid-rows-\[auto_20px\]{grid-template-rows:auto 20px}.grid-cols-\[1fr_20px_1fr\]{grid-template-columns:1fr 20px 1fr}.grid-cols-\[1fr_20px\]{grid-template-columns:1fr 20px}.grid-cols-\[20px_1fr\]{grid-template-columns:20px 1fr}.grid-cols-\[auto_1fr_auto\]{grid-template-columns:auto 1fr auto}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.list-none{list-style-type:none}.outline-\[--w-s-color-border-negative\]\!{outline-color:var(--w-s-color-border-negative)!important}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.self-center{align-self:center}.inset-0{top:0rem;right:0rem;bottom:0rem;left:0rem}.-bottom-0{bottom:-0rem}.bottom-0{bottom:0rem}.bottom-10{bottom:1rem}.bottom-16{bottom:1.6rem}.left-0{left:0rem}.left-4{left:.4rem}.right-0{right:0rem}.right-8{right:.8rem}.top-0{top:0rem}.top-20{top:2rem}.top-4{top:.4rem}.top-8{top:.8rem}.before\:bottom-0:before{bottom:0rem}.before\:left-0:before{left:0rem}.before\:right-0:before{right:0rem}.before\:top-2:before{top:.2rem}.-bottom-\[8px\]{bottom:-8px}.-left-\[8px\]{left:-8px}.-right-\[8px\]{right:-8px}.-top-\[8px\]{top:-8px}.top-\[19px\]{top:19px}.top-\[30\%\]{top:30%}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.open\:fixed[open]{position:fixed}.before\:absolute:before{position:absolute}.z-10,.peer:checked~.peer-checked\:z-10{z-index:10}.z-30{z-index:30}.z-50{z-index:50}.hover\:z-30:hover{z-index:30}.\!s-bg-selected{background-color:var(--w-s-color-background-selected)!important}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled{background-color:var(--w-s-color-background-disabled)}.s-bg-disabled-subtle{background-color:var(--w-s-color-background-disabled-subtle)}.s-bg-info-subtle{background-color:var(--w-s-color-background-info-subtle)}.s-bg-inverted{background-color:var(--w-s-color-background-inverted)}.s-bg-negative{background-color:var(--w-s-color-background-negative)}.s-bg-negative-subtle{background-color:var(--w-s-color-background-negative-subtle)}.s-bg-positive-subtle{background-color:var(--w-s-color-background-positive-subtle)}.s-bg-primary,.peer:checked~.peer-checked\:s-bg-primary{background-color:var(--w-s-color-background-primary)}.s-bg-selected{background-color:var(--w-s-color-background-selected)}.s-bg-subtle{background-color:var(--w-s-color-background-subtle)}.s-bg-warning-subtle{background-color:var(--w-s-color-background-warning-subtle)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:s-bg-negative-hover:before{background-color:var(--w-s-color-background-negative-hover)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:s-bg-primary-hover:before{background-color:var(--w-s-color-background-primary-hover)}.peer:checked~.peer-checked\:before\:s-bg-disabled:before{background-color:var(--w-s-color-background-disabled)}.peer:checked~.peer-checked\:before\:s-bg-negative:before{background-color:var(--w-s-color-background-negative)}.peer:checked~.peer-checked\:before\:s-bg-primary:before{background-color:var(--w-s-color-background-primary)}.peer:indeterminate~.peer-indeterminate\:before\:s-bg-disabled:before{background-color:var(--w-s-color-background-disabled)}.peer:indeterminate~.peer-indeterminate\:before\:s-bg-negative:before{background-color:var(--w-s-color-background-negative)}.peer:indeterminate~.peer-indeterminate\:before\:s-bg-primary:before{background-color:var(--w-s-color-background-primary)}.peer:indeterminate~.peer-indeterminate\:hover\:before\:s-bg-negative-hover:hover:before{background-color:var(--w-s-color-background-negative-hover)}.peer:indeterminate~.peer-indeterminate\:hover\:before\:s-bg-primary-hover:hover:before{background-color:var(--w-s-color-background-primary-hover)}.\!hover\:s-bg-selected-hover:hover{background-color:var(--w-s-color-background-selected-hover)!important}.group:hover .group-hover\:s-bg-primary-hover{background-color:var(--w-s-color-background-primary-hover)}.hover\:before\:s-bg-hover:hover:before{background-color:var(--w-s-color-background-hover)}.hover\:before\:s-bg-negative-subtle-hover:hover:before{background-color:var(--w-s-color-background-negative-subtle-hover)}.hover\:s-bg-hover:hover{background-color:var(--w-s-color-background-hover)}.hover\:s-bg-negative-hover:hover{background-color:var(--w-s-color-background-negative-hover)}.hover\:s-bg-negative-subtle-hover:hover{background-color:var(--w-s-color-background-negative-subtle-hover)}.hover\:s-bg-primary-hover:hover{background-color:var(--w-s-color-background-primary-hover)}.hover\:s-bg-selected-hover:hover{background-color:var(--w-s-color-background-selected-hover)}.peer:hover:not(:checked)~.peer-hover\:peer-not-checked\:s-bg-hover{background-color:var(--w-s-color-background-hover)}.peer:hover~.peer-hover\:before\:s-bg-hover:before{background-color:var(--w-s-color-background-hover)}.peer:hover~.peer-hover\:before\:s-bg-negative-subtle:before{background-color:var(--w-s-color-background-negative-subtle)}.focus\:s-bg-primary-hover:focus{background-color:var(--w-s-color-background-primary-hover)}.\!active\:s-bg-selected-active:active{background-color:var(--w-s-color-background-selected-active)!important}.active\:s-bg-active:active{background-color:var(--w-s-color-background-active)}.active\:s-bg-negative-active:active{background-color:var(--w-s-color-background-negative-active)}.active\:s-bg-negative-subtle-active:active{background-color:var(--w-s-color-background-negative-subtle-active)}.active\:s-bg-primary-active:active{background-color:var(--w-s-color-background-primary-active)}.active\:s-bg-selected-active:active{background-color:var(--w-s-color-background-selected-active)}.before\:s-bg-disabled-subtle:before{background-color:var(--w-s-color-background-disabled-subtle)}.before\:s-bg:before{background-color:var(--w-s-color-background)}.s-text{color:var(--w-s-color-text)}.s-text-disabled{color:var(--w-s-color-text-disabled)}.s-text-inverted,.peer:checked~.peer-checked\:s-text-inverted{color:var(--w-s-color-text-inverted)}.s-text-inverted-static{color:var(--w-s-color-text-inverted-static)}.s-text-link{color:var(--w-s-color-text-link)}.s-text-negative{color:var(--w-s-color-text-negative)}.s-text-subtle{color:var(--w-s-color-text-subtle)}.hover\:s-text-link:hover{color:var(--w-s-color-text-link)}.active\:s-text:active{color:var(--w-s-color-text)}.placeholder\:s-text-placeholder::placeholder{color:var(--w-s-color-text-placeholder)}.s-icon{color:var(--w-s-color-icon)}.s-icon-info{color:var(--w-s-color-icon-info)}.s-icon-inverted{color:var(--w-s-color-icon-inverted)}.s-icon-negative{color:var(--w-s-color-icon-negative)}.s-icon-positive{color:var(--w-s-color-icon-positive)}.s-icon-warning{color:var(--w-s-color-icon-warning)}.hover\:s-icon-hover:hover{color:var(--w-s-color-icon-hover)}.active\:s-icon-active:active{color:var(--w-s-color-icon-active)}.before\:s-icon-inverted:before{color:var(--w-s-color-icon-inverted)}.s-border{border-color:var(--w-s-color-border)}.s-border-disabled{border-color:var(--w-s-color-border-disabled)}.s-border-info-subtle{border-color:var(--w-s-color-border-info-subtle)}.s-border-l-info{border-left-color:var(--w-s-color-border-info)}.s-border-l-negative{border-left-color:var(--w-s-color-border-negative)}.s-border-l-positive{border-left-color:var(--w-s-color-border-positive)}.s-border-l-warning{border-left-color:var(--w-s-color-border-warning)}.s-border-negative{border-color:var(--w-s-color-border-negative)}.s-border-negative-subtle{border-color:var(--w-s-color-border-negative-subtle)}.s-border-positive-subtle{border-color:var(--w-s-color-border-positive-subtle)}.s-border-primary,.peer:checked~.peer-checked\:s-border-primary{border-color:var(--w-s-color-border-primary)}.s-border-selected{border-color:var(--w-s-color-border-selected)}.s-border-warning-subtle{border-color:var(--w-s-color-border-warning-subtle)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:s-border-negative-hover:before{border-color:var(--w-s-color-border-negative-hover)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:s-border-primary-hover:before{border-color:var(--w-s-color-border-primary-hover)}.peer:checked:hover~.peer-checked\:peer-hover\:before\:s-border-selected-hover:before{border-color:var(--w-s-color-border-selected-hover)}.peer:checked~.peer-checked\:before\:s-border-disabled:before{border-color:var(--w-s-color-border-disabled)}.peer:checked~.peer-checked\:before\:s-border-negative:before{border-color:var(--w-s-color-border-negative)}.peer:checked~.peer-checked\:before\:s-border-primary:before{border-color:var(--w-s-color-border-primary)}.peer:checked~.peer-checked\:before\:s-border-selected:before{border-color:var(--w-s-color-border-selected)}.peer:indeterminate~.peer-indeterminate\:before\:s-border-disabled:before{border-color:var(--w-s-color-border-disabled)}.peer:indeterminate~.peer-indeterminate\:before\:s-border-negative:before{border-color:var(--w-s-color-border-negative)}.peer:indeterminate~.peer-indeterminate\:before\:s-border-primary:before{border-color:var(--w-s-color-border-primary)}.peer:indeterminate~.peer-indeterminate\:hover\:before\:s-border-negative-hover:hover:before{border-color:var(--w-s-color-border-negative-hover)}.peer:indeterminate~.peer-indeterminate\:hover\:before\:s-border-primary-hover:hover:before{border-color:var(--w-s-color-border-primary-hover)}.group:hover .group-hover\:s-border-selected-hover{border-color:var(--w-s-color-border-selected-hover)}.hover\:before\:s-border-negative-hover:hover:before{border-color:var(--w-s-color-border-negative-hover)}.hover\:before\:s-border-primary:hover:before{border-color:var(--w-s-color-border-primary)}.hover\:s-border-disabled:hover{border-color:var(--w-s-color-border-disabled)}.hover\:s-border-hover:hover{border-color:var(--w-s-color-border-hover)}.hover\:s-border-negative-hover:hover{border-color:var(--w-s-color-border-negative-hover)}.hover\:s-border-primary-hover:hover{border-color:var(--w-s-color-border-primary-hover)}.hover\:s-border-primary:hover{border-color:var(--w-s-color-border-primary)}.hover\:s-border-selected-hover:hover{border-color:var(--w-s-color-border-selected-hover)}.peer:hover~.peer-hover\:before\:s-border-negative-hover:before{border-color:var(--w-s-color-border-negative-hover)}.peer:hover~.peer-hover\:before\:s-border-primary:before{border-color:var(--w-s-color-border-primary)}.focus\:s-border-primary-hover:focus{border-color:var(--w-s-color-border-primary-hover)}.active\:s-border-active:active{border-color:var(--w-s-color-border-active)}.active\:s-border-disabled:active{border-color:var(--w-s-color-border-disabled)}.active\:s-border-primary-active:active{border-color:var(--w-s-color-border-primary-active)}.active\:s-border-selected-active:active{border-color:var(--w-s-color-border-selected-active)}.active\:s-border-selected:active{border-color:var(--w-s-color-border-selected)}.group:active .group-active\:s-border-active{border-color:var(--w-s-color-border-active)}.group:active .group-active\:s-border-selected-active{border-color:var(--w-s-color-border-selected-active)}.before\:s-border-disabled:before{border-color:var(--w-s-color-border-disabled)}.before\:s-border-negative:before{border-color:var(--w-s-color-border-negative)}.s-surface-sunken{background-color:var(--w-s-color-surface-sunken)}.s-surface-elevated-200{background-color:var(--w-s-color-surface-elevated-200);box-shadow:var(--w-s-shadow-surface-elevated-200)}.hover\:s-surface-elevated-200-hover:hover{background-color:var(--w-s-color-surface-elevated-200-hover);box-shadow:var(--w-s-shadow-surface-elevated-200-hover)}.active\:s-surface-elevated-200-active:active{background-color:var(--w-s-color-surface-elevated-200-active);box-shadow:var(--w-s-shadow-surface-elevated-200-active)}.drop-shadow-m{filter:drop-shadow(rgba(64,64,64,.24) 0 3px 8px) drop-shadow(rgba(64,64,64,.16) 0 3px 6px)}.shadow-m{box-shadow:var(--w-shadow-m)}.shadow-s{box-shadow:var(--w-shadow-s)}.shadow-\[--w-shadow-slider\]{box-shadow:var(--w-shadow-slider)}.hover\:shadow-\[--w-shadow-slider-handle-hover\]:hover{box-shadow:var(--w-shadow-slider-handle-hover)}.focus\:shadow-\[--w-shadow-slider-handle-hover\]:focus{box-shadow:var(--w-shadow-slider-handle-hover)}.active\:shadow-\[--w-shadow-slider-handle-active\]:active{box-shadow:var(--w-shadow-slider-handle-active)}.h-0{height:0rem}.h-16{height:1.6rem}.h-2{height:.2rem}.h-20{height:2rem}.h-24{height:2.4rem}.h-4{height:.4rem}.h-44{height:4.4rem}.h-6{height:.6rem}.h-8{height:.8rem}.h-full{height:100%}.h-unset{height:unset}.max-h-unset{max-height:unset}.max-w-full{max-width:100%}.max-w-max{max-width:max-content}.max-w-unset{max-width:unset}.min-h-32{min-height:3.2rem}.min-h-40{min-height:4rem}.min-w-16{min-width:1.6rem}.min-w-32{min-width:3.2rem}.w-16{width:1.6rem}.w-2{width:.2rem}.w-20{width:2rem}.w-24{width:2.4rem}.w-32{width:3.2rem}.w-40{width:4rem}.w-44{width:4.4rem}.w-8{width:.8rem}.w-full{width:100%}.w-max{width:max-content}.w-unset{width:unset}.before\:h-20:before{height:2rem}.before\:h-full:before{height:100%}.before\:w-20:before{width:2rem}.before\:w-32:before{width:3.2rem}.h-\[--w-modal-height\]{height:var(--w-modal-height)}.h-\[14px\]{height:14px}.h-\[16px\]{height:16px}.max-h-\[--w-modal-max-height\]{max-height:var(--w-modal-max-height)}.min-h-\[--w-modal-min-height\]{min-height:var(--w-modal-min-height)}.min-h-\[32px\]{min-height:32px}.min-h-\[40px\]{min-height:40px}.min-h-\[42\]{min-height:4.2rem}.min-h-\[44px\]{min-height:44px}.min-w-\[32px\]{min-width:32px}.min-w-\[40px\]{min-width:40px}.min-w-\[44px\]{min-width:44px}.w-\[--w-modal-width\]{width:var(--w-modal-width)}.w-\[14px\]{width:14px}.w-\[16px\]{width:16px}.space-x-8>:not([hidden])~:not([hidden]){--w-space-x-reverse:0;margin-left:calc(.8rem * calc(1 - var(--w-space-x-reverse)));margin-right:calc(.8rem * var(--w-space-x-reverse))}.space-y-16>:not([hidden])~:not([hidden]){--w-space-y-reverse:0;margin-top:calc(1.6rem * calc(1 - var(--w-space-y-reverse)));margin-bottom:calc(1.6rem * var(--w-space-y-reverse))}.m-0{margin:0rem}.m-auto{margin:auto}.-mx-16{margin-left:-1.6rem;margin-right:-1.6rem}.mx-0{margin-left:0rem;margin-right:0rem}.mx-8{margin-left:.8rem;margin-right:.8rem}.mx-auto{margin-left:auto;margin-right:auto}.-mb-1{margin-bottom:-.1rem}.-ml-8{margin-left:-.8rem}.-mr-1{margin-right:-.1rem}.-mr-8{margin-right:-.8rem}.-mt-2{margin-top:-.2rem}.-mt-4{margin-top:-.4rem}.last-child\:mb-0>:last-child,.mb-0{margin-bottom:0rem}.mb-32{margin-bottom:3.2rem}.ml-8{margin-left:.8rem}.ml-auto{margin-left:auto}.mr-8{margin-right:.8rem}.mt-16{margin-top:1.6rem}.mt-4{margin-top:.4rem}.group:not(:first-child) .group-not-first\:-ml-2{margin-left:-.2rem}.last\:mb-0:last-child{margin-bottom:0rem}.last\:mr-0:last-child{margin-right:0rem}.m-\[8px\]{margin:8px}.p-0{padding:0rem}.p-16{padding:1.6rem}.p-4{padding:.4rem}.p-8{padding:.8rem}.px-0{padding-left:0rem;padding-right:0rem}.px-1{padding-left:.1rem;padding-right:.1rem}.px-12{padding-left:1.2rem;padding-right:1.2rem}.px-14{padding-left:1.4rem;padding-right:1.4rem}.px-16{padding-left:1.6rem;padding-right:1.6rem}.px-8{padding-left:.8rem;padding-right:.8rem}.py-0{padding-top:0rem;padding-bottom:0rem}.py-1{padding-top:.1rem;padding-bottom:.1rem}.py-10{padding-top:1rem;padding-bottom:1rem}.py-12{padding-top:1.2rem;padding-bottom:1.2rem}.py-2{padding-top:.2rem;padding-bottom:.2rem}.py-4{padding-top:.4rem;padding-bottom:.4rem}.py-6{padding-top:.6rem;padding-bottom:.6rem}.py-8{padding-top:.8rem;padding-bottom:.8rem}.pb-0{padding-bottom:0rem}.pb-32{padding-bottom:3.2rem}.pb-4{padding-bottom:.4rem}.pb-8{padding-bottom:.8rem}.pl-0{padding-left:0rem}.pl-1{padding-left:.1rem}.pl-12{padding-left:1.2rem}.pl-28{padding-left:2.8rem}.pl-4{padding-left:.4rem}.pl-8{padding-left:.8rem}.pr-12{padding-right:1.2rem}.pr-14{padding-right:1.4rem}.pr-2{padding-right:.2rem}.pr-32{padding-right:3.2rem}.pr-40{padding-right:4rem}.pt-0{padding-top:0rem}.pt-1{padding-top:.1rem}.pt-16{padding-top:1.6rem}.pt-24{padding-top:2.4rem}.pt-8{padding-top:.8rem}.group\/step:last-child .group-last\/step\:last\:pb-0:last-child{padding-bottom:0rem}.last\:pb-1:last-child{padding-bottom:.1rem}.last\:pr-1:last-child{padding-right:.1rem}.p-\[8px\]{padding:8px}.px-\[15px\]{padding-left:15px;padding-right:15px}.px-\[8px\]{padding-left:8px;padding-right:8px}.py-\[11px\]{padding-top:11px;padding-bottom:11px}.py-\[5px\]{padding-top:5px;padding-bottom:5px}.py-\[7px\]{padding-top:7px;padding-bottom:7px}.pl-\[var\(--w-prefix-width\,_40px\)\]{padding-left:var(--w-prefix-width, 40px)}.invisible{visibility:hidden}.backface-hidden{backface-visibility:hidden}.break-words{overflow-wrap:break-word}.before\:content-\[\"–\"\]:before{content:"–"}.before\:content-\[\"\"\]:before{content:""}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.font-bold{font-weight:700}.before\:font-bold:before{font-weight:700}.font-normal{font-weight:400}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.before\:pointer-events-none:before{pointer-events:none}.pb-safe-\[32\]{padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.touch-pan-y{touch-action:pan-y}.select-none{-webkit-user-select:none;user-select:none}.translate-x-20{--w-translate-x:2rem;transform:translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.translate-z-0{--w-translate-z:0rem;transform:translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.-rotate-180,.part-\[w-icon-chevron-down-16-part\]\:-rotate-180::part(w-icon-chevron-down-16-part){--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:-180deg;transform:translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\[w-icon-chevron-up-16-part\]\:rotate-180::part(w-icon-chevron-up-16-part),.rotate-180{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:180deg;transform:translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.rotate-90{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:90deg;transform:translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\[w-icon-chevron-down-16-part\]\:transform::part(w-icon-chevron-down-16-part),.part-\[w-icon-chevron-up-16-part\]\:transform::part(w-icon-chevron-up-16-part),.transform{transform:translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\[w-icon-chevron-down-16-part\]\:transform-gpu::part(w-icon-chevron-down-16-part),.part-\[w-icon-chevron-up-16-part\]\:transform-gpu::part(w-icon-chevron-up-16-part),.transform-gpu{transform:translate3d(var(--w-translate-x),var(--w-translate-y),var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\[w-icon-chevron-down-16-part\]\:transition-transform::part(w-icon-chevron-down-16-part),.part-\[w-icon-chevron-up-16-part\]\:transition-transform::part(w-icon-chevron-up-16-part),.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-300{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.before\:transition-all:before{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out,.part-\[w-icon-chevron-down-16-part\]\:ease-in-out::part(w-icon-chevron-down-16-part),.part-\[w-icon-chevron-up-16-part\]\:ease-in-out::part(w-icon-chevron-up-16-part){transition-timing-function:cubic-bezier(.4,0,.2,1)}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}.leading-m{line-height:var(--w-line-height-m)}.before\:leading-xs:before{line-height:var(--w-line-height-xs)}.leading-\[24\]{line-height:2.4rem}@media (max-width: 479.9px){.lt-sm\:rounded-b-0{border-bottom-left-radius:0;border-bottom-right-radius:0}}@media (min-width: 480px){.sm\:border-b-0{border-bottom-width:0}.sm\:rounded-8{border-radius:8px}.sm\:rounded-b-8{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.sm\:gap-16{gap:1.6rem}.sm\:place-content-center{place-content:center}.sm\:place-items-center{place-items:center}.sm\:h-24{height:2.4rem}.sm\:min-h-48{min-height:4.8rem}.sm\:w-24{width:2.4rem}.sm\:min-h-\[32px\]{min-height:32px}.sm\:min-h-\[44px\]{min-height:44px}.sm\:min-h-\[45\]{min-height:4.5rem}.sm\:min-w-\[32px\]{min-width:32px}.sm\:min-w-\[44px\]{min-width:44px}.sm\:mx-0{margin-left:0rem;margin-right:0rem}.sm\:mx-16{margin-left:1.6rem;margin-right:1.6rem}.sm\:-ml-12{margin-left:-1.2rem}.sm\:-mr-12{margin-right:-1.2rem}.sm\:-mt-8{margin-top:-.8rem}.sm\:px-32{padding-left:3.2rem;padding-right:3.2rem}.sm\:py-0{padding-top:0rem;padding-bottom:0rem}.sm\:pb-32{padding-bottom:3.2rem}.sm\:pt-24{padding-top:2.4rem}.sm\:pt-32{padding-top:3.2rem}}@media (min-width: 768px){.md\:block{display:block}.md\:hidden{display:none}}

package/dist/index.html

@@ -7,7 +7,8 @@
 <style>/* layer: preflights */
 *,::before,::after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0;}
 /* layer: shortcuts */
-.h4{font-weight:700;font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);}
+.h4,
+.t4{font-weight:700;font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);}
 .t3{font-weight:700;font-size:var(--w-font-size-l);line-height:var(--w-line-height-l);}
 @media (min-width: 480px){
 .sm\:h3{font-weight:700;font-size:var(--w-font-size-l);line-height:var(--w-line-height-l);}
@@ -38,7 +39,7 @@
 .bg-\[--w-color-badge-sponsored-background\]{background-color:var(--w-color-badge-sponsored-background);}
 .bg-\[--w-color-badge-warning-background\]{background-color:var(--w-color-badge-warning-background);}
 .bg-\[--w-color-button-primary-background\]{background-color:var(--w-color-button-primary-background);}
-.bg-\[--w-color-buttongroup-utility-background-selected\]\!{background-color:var(--w-color-buttongroup-utility-background-selected) !important;}
+.bg-\[--w-color-buttongroup-utility-background-selected\]{background-color:var(--w-color-buttongroup-utility-background-selected);}
 .bg-\[--w-color-callout-background\]{background-color:var(--w-color-callout-background);}
 .bg-\[--w-color-pill-suggestion-background\]{background-color:var(--w-color-pill-suggestion-background);}
 .bg-\[--w-color-switch-track-background\]{background-color:var(--w-color-switch-track-background);}
@@ -73,7 +74,6 @@
 .group:not(:last-of-type) .group-not-last-of-type\:border-r-0{border-right-width:0;}
 .peer:checked~.peer-checked\:before\:border-\[6\]::before{border-width:0.6rem;}
 .border-transparent{border-color:transparent;}
-.border-\[--w-color-buttongroup-utility-border-selected\]{border-color:var(--w-color-buttongroup-utility-border-selected);}
 .border-\[--w-color-buttongroup-utility-border\]{border-color:var(--w-color-buttongroup-utility-border);}
 .border-\[--w-color-callout-border\]{border-color:var(--w-color-callout-border);}
 .border-\[--w-s-color-background-inverted\]{border-color:var(--w-s-color-background-inverted);}
@@ -222,7 +222,6 @@
 .s-bg-disabled{background-color:var(--w-s-color-background-disabled);}
 .s-bg-disabled-subtle{background-color:var(--w-s-color-background-disabled-subtle);}
 .s-bg-info-subtle{background-color:var(--w-s-color-background-info-subtle);}
-.s-bg-info-subtle\!{background-color:var(--w-s-color-background-info-subtle) !important;}
 .s-bg-inverted{background-color:var(--w-s-color-background-inverted);}
 .s-bg-negative{background-color:var(--w-s-color-background-negative);}
 .s-bg-negative-subtle{background-color:var(--w-s-color-background-negative-subtle);}
@@ -247,7 +246,6 @@
 .hover\:before\:s-bg-hover:hover::before{background-color:var(--w-s-color-background-hover);}
 .hover\:before\:s-bg-negative-subtle-hover:hover::before{background-color:var(--w-s-color-background-negative-subtle-hover);}
 .hover\:s-bg-hover:hover{background-color:var(--w-s-color-background-hover);}
-.hover\:s-bg-info-subtle-hover\!:hover{background-color:var(--w-s-color-background-info-subtle-hover) !important;}
 .hover\:s-bg-negative-hover:hover{background-color:var(--w-s-color-background-negative-hover);}
 .hover\:s-bg-negative-subtle-hover:hover{background-color:var(--w-s-color-background-negative-subtle-hover);}
 .hover\:s-bg-primary-hover:hover{background-color:var(--w-s-color-background-primary-hover);}
@@ -272,7 +270,6 @@
 .s-text-link{color:var(--w-s-color-text-link);}
 .s-text-negative{color:var(--w-s-color-text-negative);}
 .s-text-subtle{color:var(--w-s-color-text-subtle);}
-.s-text\!{color:var(--w-s-color-text) !important;}
 .hover\:s-text-link:hover{color:var(--w-s-color-text-link);}
 .active\:s-text:active{color:var(--w-s-color-text);}
 .placeholder\:s-text-placeholder::placeholder{color:var(--w-s-color-text-placeholder);}
@@ -314,10 +311,9 @@
 .group:hover .group-hover\:s-border-selected-hover{border-color:var(--w-s-color-border-selected-hover);}
 .hover\:before\:s-border-negative-hover:hover::before{border-color:var(--w-s-color-border-negative-hover);}
 .hover\:before\:s-border-primary:hover::before{border-color:var(--w-s-color-border-primary);}
-.hover\:s-border-disabled\!:hover{border-color:var(--w-s-color-border-disabled) !important;}
+.hover\:s-border-disabled:hover{border-color:var(--w-s-color-border-disabled);}
 .hover\:s-border-hover:hover{border-color:var(--w-s-color-border-hover);}
 .hover\:s-border-negative-hover:hover{border-color:var(--w-s-color-border-negative-hover);}
-.hover\:s-border-negative-hover\!:hover{border-color:var(--w-s-color-border-negative-hover) !important;}
 .hover\:s-border-primary-hover:hover{border-color:var(--w-s-color-border-primary-hover);}
 .hover\:s-border-primary:hover{border-color:var(--w-s-color-border-primary);}
 .hover\:s-border-selected-hover:hover{border-color:var(--w-s-color-border-selected-hover);}
@@ -325,7 +321,7 @@
 .peer:hover~.peer-hover\:before\:s-border-primary::before{border-color:var(--w-s-color-border-primary);}
 .focus\:s-border-primary-hover:focus{border-color:var(--w-s-color-border-primary-hover);}
 .active\:s-border-active:active{border-color:var(--w-s-color-border-active);}
-.active\:s-border-disabled\!:active{border-color:var(--w-s-color-border-disabled) !important;}
+.active\:s-border-disabled:active{border-color:var(--w-s-color-border-disabled);}
 .active\:s-border-primary-active:active{border-color:var(--w-s-color-border-primary-active);}
 .active\:s-border-selected-active:active{border-color:var(--w-s-color-border-selected-active);}
 .active\:s-border-selected:active{border-color:var(--w-s-color-border-selected);}
@@ -428,7 +424,6 @@
 .px-12{padding-left:1.2rem;padding-right:1.2rem;}
 .px-14{padding-left:1.4rem;padding-right:1.4rem;}
 .px-16{padding-left:1.6rem;padding-right:1.6rem;}
-.px-4{padding-left:0.4rem;padding-right:0.4rem;}
 .px-8{padding-left:0.8rem;padding-right:0.8rem;}
 .py-0{padding-top:0rem;padding-bottom:0rem;}
 .py-1{padding-top:0.1rem;padding-bottom:0.1rem;}
@@ -438,7 +433,6 @@
 .py-4{padding-top:0.4rem;padding-bottom:0.4rem;}
 .py-6{padding-top:0.6rem;padding-bottom:0.6rem;}
 .py-8{padding-top:0.8rem;padding-bottom:0.8rem;}
-.py-8\!{padding-top:0.8rem !important;padding-bottom:0.8rem !important;}
 .pb-0{padding-bottom:0rem;}
 .pb-32{padding-bottom:3.2rem;}
 .pb-4{padding-bottom:0.4rem;}
@@ -541,7 +535,6 @@
 .sm\:-ml-12{margin-left:-1.2rem;}
 .sm\:-mr-12{margin-right:-1.2rem;}
 .sm\:-mt-8{margin-top:-0.8rem;}
-.sm\:px-0{padding-left:0rem;padding-right:0rem;}
 .sm\:px-32{padding-left:3.2rem;padding-right:3.2rem;}
 .sm\:py-0{padding-top:0rem;padding-bottom:0rem;}
 .sm\:pb-32{padding-bottom:3.2rem;}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@warp-ds/css",
   "repository": "git@github.com:warp-ds/css.git",
-  "version": "2.0.0-next.6",
+  "version": "2.0.0-next.7",
   "peerDependencies": {
     "@warp-ds/uno": "2.x"
   },