@youcan/celeste 0.6.24 → 0.6.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/celeste.css CHANGED
@@ -1680,7 +1680,7 @@ to {
1680
1680
  .celeste-text-input-button[inline=true][data-v-7d21364e]:hover {
1681
1681
  background-color: transparent !important;
1682
1682
  }/* stylelint-disable no-descending-specificity */
1683
- .celeste-text-input-wrapper[data-v-db633aec] {
1683
+ .celeste-text-input-wrapper[data-v-d7dad6d5] {
1684
1684
  --celeste-text-input-border-color: var(--color-stroke-soft-200);
1685
1685
  --celeste-text-input-drop-shadow: var(--shadow-regular-xs);
1686
1686
  --celeste-text-input-icon-color: var(--color-text-soft-400);
@@ -1703,28 +1703,28 @@ to {
1703
1703
  font: var(--paragraph-sm);
1704
1704
  gap: var(--input-gap);
1705
1705
  }
1706
- .celeste-text-input-wrapper[size=xs][data-v-db633aec] {
1706
+ .celeste-text-input-wrapper[size=xs][data-v-d7dad6d5] {
1707
1707
  --input-gap: 8px;
1708
1708
  --input-height: 32px;
1709
1709
  --input-radius: var(--radius-8);
1710
1710
  --input-padding: calc(var(--spacing-8) - var(--spacing-2));
1711
1711
  }
1712
- .celeste-text-input-wrapper[size=sm][data-v-db633aec] {
1712
+ .celeste-text-input-wrapper[size=sm][data-v-d7dad6d5] {
1713
1713
  --input-gap: 6px;
1714
1714
  --input-height: 36px;
1715
1715
  --input-radius: var(--radius-8);
1716
1716
  --input-padding: var(--spacing-8);
1717
1717
  }
1718
- .celeste-text-input-wrapper[size=md][data-v-db633aec] {
1718
+ .celeste-text-input-wrapper[size=md][data-v-d7dad6d5] {
1719
1719
  --input-gap: 6px;
1720
1720
  --input-height: 40px;
1721
1721
  --input-radius: var(--radius-10);
1722
1722
  --input-padding: var(--spacing-10);
1723
1723
  }
1724
- .celeste-text-input-wrapper[has-error=true][data-v-db633aec] {
1724
+ .celeste-text-input-wrapper[has-error=true][data-v-d7dad6d5] {
1725
1725
  --celeste-text-input-border-color: var(--color-state-error-base);
1726
1726
  }
1727
- .celeste-text-input-wrapper .celeste-text-input[data-v-db633aec] {
1727
+ .celeste-text-input-wrapper .celeste-text-input[data-v-d7dad6d5] {
1728
1728
  width: 100%;
1729
1729
  height: 100%;
1730
1730
  padding: 0;
@@ -1734,43 +1734,43 @@ to {
1734
1734
  color: inherit;
1735
1735
  font: inherit;
1736
1736
  }
1737
- .celeste-text-input-wrapper .celeste-text-input[data-v-db633aec]::-moz-placeholder {
1737
+ .celeste-text-input-wrapper .celeste-text-input[data-v-d7dad6d5]::-moz-placeholder {
1738
1738
  -moz-transition: color var(--animation-fast) ease-out;
1739
1739
  transition: color var(--animation-fast) ease-out;
1740
1740
  color: var(--celeste-text-input-placeholder-color);
1741
1741
  }
1742
- .celeste-text-input-wrapper .celeste-text-input[data-v-db633aec]::placeholder {
1742
+ .celeste-text-input-wrapper .celeste-text-input[data-v-d7dad6d5]::placeholder {
1743
1743
  transition: color var(--animation-fast) ease-out;
1744
1744
  color: var(--celeste-text-input-placeholder-color);
1745
1745
  }
1746
- .celeste-text-input-wrapper .celeste-text-input[type=search][data-v-db633aec]::-webkit-search-cancel-button {
1746
+ .celeste-text-input-wrapper .celeste-text-input[type=search][data-v-d7dad6d5]::-webkit-search-cancel-button {
1747
1747
  display: none;
1748
1748
  -webkit-appearance: none;
1749
1749
  appearance: none;
1750
1750
  }
1751
- .celeste-text-input-wrapper .celeste-text-input[type=search][data-v-db633aec]::-webkit-search-decoration {
1751
+ .celeste-text-input-wrapper .celeste-text-input[type=search][data-v-d7dad6d5]::-webkit-search-decoration {
1752
1752
  display: none;
1753
1753
  -webkit-appearance: none;
1754
1754
  appearance: none;
1755
1755
  }
1756
- .celeste-text-input-wrapper[data-v-db633aec]:has(.celeste-text-input-leading-node) {
1756
+ .celeste-text-input-wrapper[data-v-d7dad6d5]:has(.celeste-text-input-leading-node) {
1757
1757
  padding-inline-start: 0;
1758
1758
  }
1759
- .celeste-text-input-wrapper[data-v-db633aec]:has(.celeste-text-input-trailing-node) {
1759
+ .celeste-text-input-wrapper[data-v-d7dad6d5]:has(.celeste-text-input-trailing-node) {
1760
1760
  padding-inline-end: 0;
1761
1761
  }
1762
- .celeste-text-input-wrapper[data-v-db633aec]:has(.celeste-text-input:focus) {
1762
+ .celeste-text-input-wrapper[data-v-d7dad6d5]:has(.celeste-text-input:focus) {
1763
1763
  --celeste-text-input-border-color: var(--color-stroke-strong-950);
1764
1764
  --celeste-text-input-placeholder-color: var(--color-text-sub-600);
1765
1765
  --celeste-text-input-icon-color: var(--color-text-sub-600);
1766
1766
  --celeste-text-input-affix-color: var(--color-text-sub-600);
1767
1767
  outline-color: var(--color-stroke-soft-200);
1768
1768
  }
1769
- .celeste-text-input-wrapper:has(.celeste-text-input:focus)[has-error=true][data-v-db633aec] {
1769
+ .celeste-text-input-wrapper:has(.celeste-text-input:focus)[has-error=true][data-v-d7dad6d5] {
1770
1770
  --celeste-text-input-border-color: var(--color-state-error-base);
1771
1771
  outline-color: var(--color-state-error-lighter);
1772
1772
  }
1773
- .celeste-text-input-wrapper[data-v-db633aec]:has(.celeste-text-input:disabled) {
1773
+ .celeste-text-input-wrapper[data-v-d7dad6d5]:has(.celeste-text-input:disabled) {
1774
1774
  --celeste-text-input-border-color: transparent;
1775
1775
  --celeste-text-input-drop-shadow: none;
1776
1776
  --celeste-text-input-affix-background-color: var(--color-bg-weak-50);
@@ -1782,44 +1782,46 @@ to {
1782
1782
  color: var(--color-text-disabled-300);
1783
1783
  pointer-events: none;
1784
1784
  }
1785
- .celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-db633aec]::-moz-placeholder {
1785
+ .celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-d7dad6d5]::-moz-placeholder {
1786
1786
  color: currentcolor;
1787
1787
  }
1788
- .celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-db633aec]::placeholder {
1788
+ .celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-d7dad6d5]::placeholder {
1789
1789
  color: currentcolor;
1790
1790
  }
1791
- .celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input-clear-button[data-v-db633aec] {
1791
+ .celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input-clear-button[data-v-d7dad6d5] {
1792
1792
  color: var(--color-text-disabled-300);
1793
1793
  pointer-events: none;
1794
1794
  }
1795
- .celeste-text-input-wrapper[data-v-db633aec]:has(.celeste-text-input:hover:not(:focus, :disabled)):not(:has(.celeste-text-input-node)) {
1795
+ .celeste-text-input-wrapper[data-v-d7dad6d5]:has(.celeste-text-input:hover:not(:focus, :disabled)):not(:has(.celeste-text-input-node)) {
1796
1796
  --celeste-text-input-border-color: transparent;
1797
1797
  }
1798
- .celeste-text-input-wrapper[data-v-db633aec]:has(.celeste-text-input:hover:not(:focus, :disabled)):not(:has(.celeste-text-input-node:hover)) {
1798
+ .celeste-text-input-wrapper[data-v-d7dad6d5]:has(.celeste-text-input:hover:not(:focus, :disabled)):not(:has(.celeste-text-input-node:hover)) {
1799
1799
  --celeste-text-input-icon-color: var(--color-text-sub-600);
1800
1800
  --celeste-text-input-placeholder-color: var(--color-text-sub-600);
1801
1801
  background-color: var(--color-bg-weak-50);
1802
1802
  }
1803
- .celeste-text-input-wrapper .celeste-text-input-icon[data-v-db633aec] {
1803
+ .celeste-text-input-wrapper .celeste-text-input-icon[data-v-d7dad6d5] {
1804
1804
  flex-shrink: 0;
1805
1805
  width: 20px;
1806
1806
  height: 20px;
1807
1807
  transition: all var(--animation-fast) ease-out;
1808
1808
  color: var(--celeste-text-input-icon-color);
1809
1809
  }
1810
- .celeste-text-input-wrapper[data-v-db633aec] .celeste-text-input-node {
1810
+ .celeste-text-input-wrapper[data-v-d7dad6d5] .celeste-text-input-node.celeste-text-input-leading-node {
1811
1811
  height: calc(var(--input-height) - var(--spacing-2));
1812
- border-radius: var(--input-radius) !important;
1813
- }
1814
- .celeste-text-input-wrapper[data-v-db633aec] .celeste-text-input-leading-node {
1815
- border-end-end-radius: 0 !important;
1816
- border-start-end-radius: 0 !important;
1817
- border-inline-end: 1px solid var(--color-stroke-soft-200) !important;
1812
+ border-end-start-radius: var(--input-radius);
1813
+ border-start-start-radius: var(--input-radius);
1814
+ border-end-end-radius: 0;
1815
+ border-start-end-radius: 0;
1816
+ border-inline-end: 1px solid var(--color-stroke-soft-200);
1818
1817
  }
1819
- .celeste-text-input-wrapper[data-v-db633aec] .celeste-text-input-trailing-node {
1820
- border-inline-start: 1px solid var(--color-stroke-soft-200) !important;
1821
- border-end-start-radius: 0 !important;
1822
- border-start-start-radius: 0 !important;
1818
+ .celeste-text-input-wrapper[data-v-d7dad6d5] .celeste-text-input-node.celeste-text-input-trailing-node {
1819
+ height: calc(var(--input-height) - var(--spacing-2));
1820
+ border-end-end-radius: var(--input-radius);
1821
+ border-start-end-radius: var(--input-radius);
1822
+ border-end-start-radius: 0;
1823
+ border-start-start-radius: 0;
1824
+ border-inline-start: 1px solid var(--color-stroke-soft-200);
1823
1825
  }.celeste-dropdown-input[data-v-bd59a65e] {
1824
1826
  display: flex;
1825
1827
  align-items: center;
@@ -1968,11 +1970,13 @@ to {
1968
1970
  transform: translateY(10px);
1969
1971
  opacity: 0;
1970
1972
  }
1973
+ }.celeste-combobox-root[data-v-29e14e56] {
1974
+ flex-shrink: 0;
1971
1975
  }.celeste-dropdown-separator[data-v-987226c9] {
1972
1976
  width: 100%;
1973
1977
  height: 1px;
1974
1978
  background-color: var(--color-stroke-soft-200);
1975
- }.celeste-dropdown-anchor-trigger[data-v-43f9e53e] {
1979
+ }.celeste-dropdown-anchor-trigger[data-v-bddcd2de] {
1976
1980
  transition-property: background-color, transform, opacity;
1977
1981
  transition-duration: var(--animation-fast);
1978
1982
  transition-timing-function: ease-out;
@@ -1984,29 +1988,29 @@ to {
1984
1988
  gap: var(--spacing-8);
1985
1989
  cursor: pointer;
1986
1990
  }
1987
- .celeste-dropdown-anchor-trigger[data-v-43f9e53e] i {
1991
+ .celeste-dropdown-anchor-trigger[data-v-bddcd2de] i {
1988
1992
  width: 20px;
1989
1993
  height: 20px;
1990
1994
  color: var(--color-icon-soft-400);
1991
1995
  }
1992
- .celeste-dropdown-anchor-trigger[data-v-43f9e53e]:hover {
1996
+ .celeste-dropdown-anchor-trigger[data-v-bddcd2de]:hover {
1993
1997
  background: var(--color-bg-weak-50);
1994
1998
  }
1995
- .celeste-dropdown-anchor-trigger[data-v-43f9e53e]:focus, .celeste-dropdown-anchor-trigger[data-v-43f9e53e]:focus-visible, .celeste-dropdown-anchor-trigger[data-v-43f9e53e]:focus-within {
1999
+ .celeste-dropdown-anchor-trigger[data-v-bddcd2de]:focus, .celeste-dropdown-anchor-trigger[data-v-bddcd2de]:focus-visible, .celeste-dropdown-anchor-trigger[data-v-bddcd2de]:focus-within {
1996
2000
  outline: none;
1997
2001
  box-shadow: var(--shadow-buttons-important-focus);
1998
2002
  }
1999
- .celeste-dropdown-anchor-trigger .celeste-dropdown-anchor-trigger-prefix[data-v-43f9e53e] {
2003
+ .celeste-dropdown-anchor-trigger .celeste-dropdown-anchor-trigger-prefix[data-v-bddcd2de] {
2000
2004
  display: flex;
2001
2005
  align-items: center;
2002
2006
  justify-content: center;
2003
2007
  }
2004
- .celeste-dropdown-anchor-trigger .celeste-dropdown-anchor-trigger-prefix-selected[data-v-43f9e53e] {
2008
+ .celeste-dropdown-anchor-trigger .celeste-dropdown-anchor-trigger-prefix-selected[data-v-bddcd2de] {
2005
2009
  display: flex;
2006
2010
  align-items: center;
2007
2011
  justify-content: center;
2008
2012
  }
2009
- .celeste-dropdown-anchor-trigger .celeste-dropdown-input[data-v-43f9e53e] {
2013
+ .celeste-dropdown-anchor-trigger .celeste-dropdown-input[data-v-bddcd2de] {
2010
2014
  display: flex;
2011
2015
  flex: 1 0 0;
2012
2016
  align-items: center;
@@ -2017,7 +2021,7 @@ to {
2017
2021
  cursor: pointer;
2018
2022
  gap: var(--spacing-8);
2019
2023
  }
2020
- .celeste-dropdown-anchor-trigger .celeste-dropdown-trigger[data-v-43f9e53e] {
2024
+ .celeste-dropdown-anchor-trigger .celeste-dropdown-trigger[data-v-bddcd2de] {
2021
2025
  transition-property: background-color, transform, opacity;
2022
2026
  transition-duration: var(--animation-fast);
2023
2027
  transition-timing-function: ease-out;
@@ -2028,27 +2032,27 @@ to {
2028
2032
  color: var(--color-icon-soft-400);
2029
2033
  cursor: pointer;
2030
2034
  }
2031
- .celeste-dropdown-anchor-trigger[data-state=open][data-v-43f9e53e]:not([data-disabled]) .celeste-dropdown-trigger {
2035
+ .celeste-dropdown-anchor-trigger[data-state=open][data-v-bddcd2de]:not([data-disabled]) .celeste-dropdown-trigger {
2032
2036
  transform: rotate(180deg);
2033
2037
  }
2034
- .celeste-dropdown-anchor-trigger-error[data-v-43f9e53e]:not(.celeste-dropdown-anchor-trigger-type-compact) {
2038
+ .celeste-dropdown-anchor-trigger-error[data-v-bddcd2de]:not(.celeste-dropdown-anchor-trigger-type-compact) {
2035
2039
  border: 1px solid var(--color-state-error-base);
2036
2040
  }
2037
- .celeste-dropdown-anchor-trigger[data-disabled][data-v-43f9e53e] {
2041
+ .celeste-dropdown-anchor-trigger[data-disabled][data-v-bddcd2de] {
2038
2042
  background: var(--color-bg-weak-50);
2039
2043
  color: var(--color-text-disabled-300);
2040
2044
  cursor: not-allowed;
2041
2045
  }
2042
- .celeste-dropdown-anchor-trigger[data-disabled] .celeste-dropdown-input[data-v-43f9e53e] {
2046
+ .celeste-dropdown-anchor-trigger[data-disabled] .celeste-dropdown-input[data-v-bddcd2de] {
2043
2047
  color: var(--color-text-disabled-300);
2044
2048
  cursor: not-allowed;
2045
2049
  }
2046
- .celeste-dropdown-anchor-trigger[data-disabled][data-v-43f9e53e] i,
2047
- .celeste-dropdown-anchor-trigger[data-disabled] .celeste-dropdown-trigger[data-v-43f9e53e] {
2050
+ .celeste-dropdown-anchor-trigger[data-disabled][data-v-bddcd2de] i,
2051
+ .celeste-dropdown-anchor-trigger[data-disabled] .celeste-dropdown-trigger[data-v-bddcd2de] {
2048
2052
  color: var(--color-icon-disabled-300);
2049
2053
  cursor: not-allowed;
2050
2054
  }
2051
- .celeste-dropdown-anchor-trigger[data-state=open][data-v-43f9e53e]:not([data-disabled],
2055
+ .celeste-dropdown-anchor-trigger[data-state=open][data-v-bddcd2de]:not([data-disabled],
2052
2056
  .celeste-dropdown-anchor-trigger-type-compact,
2053
2057
  .celeste-dropdown-anchor-trigger-type-compact-input) {
2054
2058
  border: 1px solid var(--color-stroke-strong-950);
@@ -2057,90 +2061,90 @@ to {
2057
2061
  }
2058
2062
  .celeste-dropdown-anchor-trigger[data-state=open]:not([data-disabled],
2059
2063
  .celeste-dropdown-anchor-trigger-type-compact,
2060
- .celeste-dropdown-anchor-trigger-type-compact-input) .celeste-dropdown-input[data-v-43f9e53e] {
2064
+ .celeste-dropdown-anchor-trigger-type-compact-input) .celeste-dropdown-input[data-v-bddcd2de] {
2061
2065
  color: var(--color-text-strong-950);
2062
2066
  }
2063
2067
  .celeste-dropdown-anchor-trigger[data-state=open]:not([data-disabled],
2064
2068
  .celeste-dropdown-anchor-trigger-type-compact,
2065
- .celeste-dropdown-anchor-trigger-type-compact-input) i[data-v-43f9e53e] {
2069
+ .celeste-dropdown-anchor-trigger-type-compact-input) i[data-v-bddcd2de] {
2066
2070
  color: var(--color-icon-strong-950);
2067
2071
  }
2068
- .celeste-dropdown-anchor-trigger-filled[data-v-43f9e53e] {
2072
+ .celeste-dropdown-anchor-trigger-filled[data-v-bddcd2de] {
2069
2073
  color: var(--color-text-strong-950);
2070
2074
  }
2071
- .celeste-dropdown-anchor-trigger-filled[data-v-43f9e53e] .celeste-dropdown-input {
2075
+ .celeste-dropdown-anchor-trigger-filled[data-v-bddcd2de] .celeste-dropdown-input {
2072
2076
  color: var(--color-text-strong-950);
2073
2077
  }
2074
- .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-43f9e53e] {
2078
+ .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-bddcd2de] {
2075
2079
  width: -moz-fit-content;
2076
2080
  width: fit-content;
2077
2081
  border: none;
2078
2082
  background: transparent;
2079
2083
  box-shadow: none;
2080
2084
  }
2081
- .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-43f9e53e] .celeste-dropdown-input {
2085
+ .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-bddcd2de] .celeste-dropdown-input {
2082
2086
  flex: inherit;
2083
2087
  }
2084
- .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact:hover:not([data-disabled]) .celeste-dropdown-input[data-v-43f9e53e], .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-state=open]:not([data-disabled]) .celeste-dropdown-input[data-v-43f9e53e] {
2088
+ .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact:hover:not([data-disabled]) .celeste-dropdown-input[data-v-bddcd2de], .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-state=open]:not([data-disabled]) .celeste-dropdown-input[data-v-bddcd2de] {
2085
2089
  color: var(--color-text-strong-950);
2086
2090
  }
2087
- .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-43f9e53e]:hover:not([data-disabled]) i, .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-state=open][data-v-43f9e53e]:not([data-disabled]) i {
2091
+ .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-bddcd2de]:hover:not([data-disabled]) i, .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-state=open][data-v-bddcd2de]:not([data-disabled]) i {
2088
2092
  color: var(--color-icon-strong-950);
2089
2093
  }
2090
- .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-v-43f9e53e] {
2094
+ .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-v-bddcd2de] {
2091
2095
  width: -moz-fit-content;
2092
2096
  width: fit-content;
2093
2097
  border: none;
2094
- border-radius: var(--radius-0);
2098
+ border-radius: 0;
2095
2099
  box-shadow: none;
2096
2100
  }
2097
- .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-v-43f9e53e] .celeste-dropdown-input {
2101
+ .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-v-bddcd2de] .celeste-dropdown-input {
2098
2102
  flex: inherit;
2099
2103
  }
2100
- .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-state=open][data-v-43f9e53e] {
2104
+ .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-state=open][data-v-bddcd2de] {
2101
2105
  box-shadow: none;
2102
2106
  }
2103
- .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-inline[data-v-43f9e53e] {
2107
+ .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-inline[data-v-bddcd2de] {
2104
2108
  width: -moz-fit-content;
2105
2109
  width: fit-content;
2106
2110
  gap: var(--spacing-4);
2107
2111
  }
2108
- .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-inline[data-v-43f9e53e] .celeste-dropdown-input {
2112
+ .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-inline[data-v-bddcd2de] .celeste-dropdown-input {
2109
2113
  flex: inherit;
2110
2114
  }
2111
- .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-normal[data-v-43f9e53e] {
2115
+ .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-normal[data-v-bddcd2de] {
2112
2116
  width: 100%;
2113
2117
  min-width: 300px;
2114
2118
  }
2115
- .celeste-dropdown-anchor-trigger-size-xs[data-v-43f9e53e] {
2119
+ .celeste-dropdown-anchor-trigger-size-xs[data-v-bddcd2de] {
2116
2120
  height: 32px;
2117
2121
  padding: var(--spacing-6);
2118
2122
  border-radius: var(--radius-8);
2119
2123
  }
2120
- .celeste-dropdown-anchor-trigger-size-sm[data-v-43f9e53e] {
2124
+ .celeste-dropdown-anchor-trigger-size-sm[data-v-bddcd2de] {
2121
2125
  height: 36px;
2122
2126
  padding: var(--spacing-8);
2123
2127
  border-radius: var(--radius-8);
2124
2128
  }
2125
- .celeste-dropdown-anchor-trigger-size-md[data-v-43f9e53e] {
2129
+ .celeste-dropdown-anchor-trigger-size-md[data-v-bddcd2de] {
2126
2130
  height: 40px;
2127
2131
  padding: var(--spacing-10);
2128
2132
  border-radius: var(--radius-10);
2129
- }[data-v-cad50435] {
2133
+ }[data-v-e3715243] {
2130
2134
  box-sizing: border-box;
2131
2135
  }
2132
- .celeste-dropdown-anchor-trigger-prefix[data-v-cad50435] {
2136
+ .celeste-dropdown-anchor-trigger-prefix[data-v-e3715243] {
2133
2137
  display: flex;
2134
2138
  align-items: center;
2135
2139
  justify-content: center;
2136
2140
  }
2137
- .celeste-dropdown-anchor-trigger-prefix-selected[data-v-cad50435] {
2141
+ .celeste-dropdown-anchor-trigger-prefix-selected[data-v-e3715243] {
2138
2142
  display: flex;
2139
2143
  align-items: center;
2140
2144
  justify-content: center;
2141
2145
  }
2142
- .celeste-dropdown-item-image[data-v-cad50435],
2143
- .selected-dropdown-image[data-v-cad50435] {
2146
+ .celeste-dropdown-item-image[data-v-e3715243],
2147
+ .selected-dropdown-image[data-v-e3715243] {
2144
2148
  display: flex;
2145
2149
  align-items: center;
2146
2150
  justify-content: center;
@@ -2150,7 +2154,7 @@ to {
2150
2154
  object-fit: cover;
2151
2155
  border-radius: var(--radius-full);
2152
2156
  }
2153
- .celeste-dropdown-input[data-v-cad50435] {
2157
+ .celeste-dropdown-input[data-v-e3715243] {
2154
2158
  display: flex;
2155
2159
  flex: 1 0 0;
2156
2160
  align-items: center;
@@ -2161,7 +2165,7 @@ to {
2161
2165
  cursor: pointer;
2162
2166
  gap: var(--spacing-8);
2163
2167
  }
2164
- .celeste-dropdown-trigger[data-v-cad50435] {
2168
+ .celeste-dropdown-trigger[data-v-e3715243] {
2165
2169
  display: flex;
2166
2170
  place-items: center center;
2167
2171
  transition-property: transform;
@@ -2172,7 +2176,7 @@ to {
2172
2176
  color: var(--color-icon-soft-400);
2173
2177
  cursor: pointer;
2174
2178
  }
2175
- .celeste-dropdown-inner-input[data-v-cad50435] {
2179
+ .celeste-dropdown-inner-input[data-v-e3715243] {
2176
2180
  display: flex;
2177
2181
  position: sticky;
2178
2182
  z-index: 50;
@@ -2181,7 +2185,7 @@ to {
2181
2185
  gap: var(--spacing-4);
2182
2186
  background-color: var(--color-bg-white-0);
2183
2187
  }
2184
- .celeste-dropdown-inner-input.sr-only[data-v-cad50435] {
2188
+ .celeste-dropdown-inner-input.sr-only[data-v-e3715243] {
2185
2189
  position: absolute;
2186
2190
  width: 1px;
2187
2191
  height: 1px;
@@ -2430,19 +2434,19 @@ to {
2430
2434
  }
2431
2435
  .celeste-dropdown-item .celeste-dropdown-item-header-lg .celeste-dropdown-item-label[data-v-a0a634ce] {
2432
2436
  font-weight: var(--font-weights-display-0);
2433
- }[data-v-dd43a899] {
2437
+ }[data-v-8ef0e6e7] {
2434
2438
  box-sizing: border-box;
2435
2439
  }
2436
- .celeste-dropdown-wrapper[data-v-dd43a899] {
2440
+ .celeste-dropdown-wrapper[data-v-8ef0e6e7] {
2437
2441
  --dropdown-width: 100%;
2438
2442
  --dropdown-height: 300px;
2439
2443
  position: relative;
2440
2444
  }
2441
- .celeste-dropdown-wrapper[data-v-dd43a899]:focus, .celeste-dropdown-wrapper[data-v-dd43a899]:focus-visible, .celeste-dropdown-wrapper[data-v-dd43a899]:focus-within {
2445
+ .celeste-dropdown-wrapper[data-v-8ef0e6e7]:focus, .celeste-dropdown-wrapper[data-v-8ef0e6e7]:focus-visible, .celeste-dropdown-wrapper[data-v-8ef0e6e7]:focus-within {
2442
2446
  border: none;
2443
2447
  outline: none;
2444
2448
  }
2445
- .celeste-dropdown-wrapper[data-v-dd43a899] .celeste-dropdown-root {
2449
+ .celeste-dropdown-wrapper[data-v-8ef0e6e7] .celeste-dropdown-root {
2446
2450
  display: flex;
2447
2451
  position: relative;
2448
2452
  flex-direction: column;
@@ -2451,7 +2455,7 @@ to {
2451
2455
  padding-top: var(--spacing-4);
2452
2456
  gap: var(--spacing-10);
2453
2457
  }
2454
- .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-dd43a899] {
2458
+ .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-8ef0e6e7] {
2455
2459
  transition-property: background-color, transform, opacity;
2456
2460
  transition-duration: var(--animation-fast);
2457
2461
  transition-timing-function: ease-out;
@@ -2463,25 +2467,25 @@ to {
2463
2467
  gap: var(--spacing-8);
2464
2468
  cursor: pointer;
2465
2469
  }
2466
- .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-dd43a899] i {
2470
+ .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-8ef0e6e7] i {
2467
2471
  width: 20px;
2468
2472
  height: 20px;
2469
2473
  color: var(--color-icon-soft-400);
2470
2474
  }
2471
- .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-dd43a899]:focus, .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-dd43a899]:focus-visible, .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-dd43a899]:focus-within {
2475
+ .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-8ef0e6e7]:focus, .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-8ef0e6e7]:focus-visible, .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-8ef0e6e7]:focus-within {
2472
2476
  outline: none;
2473
2477
  }
2474
- .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-anchor-trigger-prefix[data-v-dd43a899] {
2478
+ .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-anchor-trigger-prefix[data-v-8ef0e6e7] {
2475
2479
  display: flex;
2476
2480
  align-items: center;
2477
2481
  justify-content: center;
2478
2482
  }
2479
- .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-anchor-trigger-prefix-selected[data-v-dd43a899] {
2483
+ .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-anchor-trigger-prefix-selected[data-v-8ef0e6e7] {
2480
2484
  display: flex;
2481
2485
  align-items: center;
2482
2486
  justify-content: center;
2483
2487
  }
2484
- .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-input[data-v-dd43a899] {
2488
+ .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-input[data-v-8ef0e6e7] {
2485
2489
  display: flex;
2486
2490
  flex: 1 0 0;
2487
2491
  align-items: center;
@@ -2492,7 +2496,7 @@ to {
2492
2496
  cursor: pointer;
2493
2497
  gap: var(--spacing-8);
2494
2498
  }
2495
- .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-trigger[data-v-dd43a899] {
2499
+ .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-trigger[data-v-8ef0e6e7] {
2496
2500
  transition-property: background-color, transform, opacity;
2497
2501
  transition-duration: var(--animation-fast);
2498
2502
  transition-timing-function: ease-out;
@@ -2503,99 +2507,99 @@ to {
2503
2507
  color: var(--color-icon-soft-400);
2504
2508
  cursor: pointer;
2505
2509
  }
2506
- .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-state=open][data-v-dd43a899]:not([data-disabled]) .celeste-dropdown-trigger {
2510
+ .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-state=open][data-v-8ef0e6e7]:not([data-disabled]) .celeste-dropdown-trigger {
2507
2511
  transform: rotate(180deg);
2508
2512
  }
2509
- .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-dd43a899]:hover {
2513
+ .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-8ef0e6e7]:hover {
2510
2514
  background: var(--color-bg-weak-50);
2511
2515
  }
2512
- .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-error[data-v-dd43a899]:not(.celeste-dropdown-anchor-trigger-type-compact) {
2516
+ .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-error[data-v-8ef0e6e7]:not(.celeste-dropdown-anchor-trigger-type-compact) {
2513
2517
  border: 1px solid var(--color-state-error-base);
2514
2518
  }
2515
- .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-disabled[data-v-dd43a899] {
2519
+ .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-disabled[data-v-8ef0e6e7] {
2516
2520
  background: var(--color-bg-weak-50);
2517
2521
  color: var(--color-text-disabled-300);
2518
2522
  cursor: not-allowed;
2519
2523
  }
2520
- .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-disabled .celeste-dropdown-input[data-v-dd43a899] {
2524
+ .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-disabled .celeste-dropdown-input[data-v-8ef0e6e7] {
2521
2525
  color: var(--color-text-disabled-300);
2522
2526
  cursor: not-allowed;
2523
2527
  }
2524
- .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-disabled[data-v-dd43a899] i,
2525
- .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-disabled .celeste-dropdown-trigger[data-v-dd43a899] {
2528
+ .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-disabled[data-v-8ef0e6e7] i,
2529
+ .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-disabled .celeste-dropdown-trigger[data-v-8ef0e6e7] {
2526
2530
  color: var(--color-icon-disabled-300);
2527
2531
  cursor: not-allowed;
2528
2532
  }
2529
- .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-focused[data-v-dd43a899]:not(.celeste-dropdown-anchor-trigger-disabled, .celeste-dropdown-anchor-trigger-type-compact) {
2533
+ .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-focused[data-v-8ef0e6e7]:not(.celeste-dropdown-anchor-trigger-disabled, .celeste-dropdown-anchor-trigger-type-compact) {
2530
2534
  border: 1px solid var(--color-stroke-strong-950);
2531
2535
  box-shadow: var(--shadow-buttons-important-focus);
2532
2536
  color: var(--color-text-strong-950);
2533
2537
  }
2534
- .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-focused:not(.celeste-dropdown-anchor-trigger-disabled, .celeste-dropdown-anchor-trigger-type-compact) .celeste-dropdown-input[data-v-dd43a899] {
2538
+ .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-focused:not(.celeste-dropdown-anchor-trigger-disabled, .celeste-dropdown-anchor-trigger-type-compact) .celeste-dropdown-input[data-v-8ef0e6e7] {
2535
2539
  color: var(--color-text-strong-950);
2536
2540
  }
2537
- .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-focused:not(.celeste-dropdown-anchor-trigger-disabled, .celeste-dropdown-anchor-trigger-type-compact) i[data-v-dd43a899] {
2541
+ .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-focused:not(.celeste-dropdown-anchor-trigger-disabled, .celeste-dropdown-anchor-trigger-type-compact) i[data-v-8ef0e6e7] {
2538
2542
  color: var(--color-icon-strong-950);
2539
2543
  }
2540
- .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-filled[data-v-dd43a899] {
2544
+ .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-filled[data-v-8ef0e6e7] {
2541
2545
  color: var(--color-text-strong-950);
2542
2546
  }
2543
- .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-dd43a899] {
2547
+ .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-8ef0e6e7] {
2544
2548
  width: -moz-fit-content;
2545
2549
  width: fit-content;
2546
2550
  border: none;
2547
2551
  background: transparent;
2548
2552
  box-shadow: none;
2549
2553
  }
2550
- .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-dd43a899] .celeste-dropdown-input {
2554
+ .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-8ef0e6e7] .celeste-dropdown-input {
2551
2555
  flex: inherit;
2552
2556
  }
2553
- .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact:hover:not(.celeste-dropdown-anchor-trigger-disabled) .celeste-dropdown-input[data-v-dd43a899], .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact.celeste-dropdown-anchor-trigger-focused:not(.celeste-dropdown-anchor-trigger-disabled) .celeste-dropdown-input[data-v-dd43a899] {
2557
+ .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact:hover:not(.celeste-dropdown-anchor-trigger-disabled) .celeste-dropdown-input[data-v-8ef0e6e7], .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact.celeste-dropdown-anchor-trigger-focused:not(.celeste-dropdown-anchor-trigger-disabled) .celeste-dropdown-input[data-v-8ef0e6e7] {
2554
2558
  color: var(--color-text-strong-950);
2555
2559
  }
2556
- .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-dd43a899]:hover:not(.celeste-dropdown-anchor-trigger-disabled) i, .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact.celeste-dropdown-anchor-trigger-focused[data-v-dd43a899]:not(.celeste-dropdown-anchor-trigger-disabled) i {
2560
+ .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-8ef0e6e7]:hover:not(.celeste-dropdown-anchor-trigger-disabled) i, .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact.celeste-dropdown-anchor-trigger-focused[data-v-8ef0e6e7]:not(.celeste-dropdown-anchor-trigger-disabled) i {
2557
2561
  color: var(--color-icon-strong-950);
2558
2562
  }
2559
- .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-v-dd43a899] {
2563
+ .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-v-8ef0e6e7] {
2560
2564
  width: -moz-fit-content;
2561
2565
  width: fit-content;
2562
2566
  border: none;
2563
- border-radius: var(--radius-0);
2567
+ border-radius: 0;
2564
2568
  box-shadow: none;
2565
2569
  }
2566
- .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-v-dd43a899] .celeste-dropdown-input {
2570
+ .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-v-8ef0e6e7] .celeste-dropdown-input {
2567
2571
  flex: inherit;
2568
2572
  }
2569
- .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input.celeste-dropdown-anchor-trigger-focused[data-v-dd43a899] {
2573
+ .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input.celeste-dropdown-anchor-trigger-focused[data-v-8ef0e6e7] {
2570
2574
  box-shadow: none;
2571
2575
  }
2572
- .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-inline[data-v-dd43a899] {
2576
+ .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-inline[data-v-8ef0e6e7] {
2573
2577
  width: -moz-fit-content;
2574
2578
  width: fit-content;
2575
2579
  gap: var(--spacing-4);
2576
2580
  }
2577
- .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-inline[data-v-dd43a899] .celeste-dropdown-input {
2581
+ .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-inline[data-v-8ef0e6e7] .celeste-dropdown-input {
2578
2582
  flex: inherit;
2579
2583
  }
2580
- .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-normal[data-v-dd43a899] {
2584
+ .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-normal[data-v-8ef0e6e7] {
2581
2585
  min-width: 300px;
2582
2586
  }
2583
- .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-size-xs[data-v-dd43a899] {
2587
+ .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-size-xs[data-v-8ef0e6e7] {
2584
2588
  height: 32px;
2585
2589
  padding: var(--spacing-6);
2586
2590
  border-radius: var(--radius-8);
2587
2591
  }
2588
- .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-size-sm[data-v-dd43a899] {
2592
+ .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-size-sm[data-v-8ef0e6e7] {
2589
2593
  height: 36px;
2590
2594
  padding: var(--spacing-8);
2591
2595
  border-radius: var(--radius-8);
2592
2596
  }
2593
- .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-size-md[data-v-dd43a899] {
2597
+ .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-size-md[data-v-8ef0e6e7] {
2594
2598
  height: 40px;
2595
2599
  padding: var(--spacing-10);
2596
2600
  border-radius: var(--radius-10);
2597
2601
  }
2598
- .celeste-dropdown-wrapper .celeste-dropdown-content[data-v-dd43a899] {
2602
+ .celeste-dropdown-wrapper .celeste-dropdown-content[data-v-8ef0e6e7] {
2599
2603
  transition-property: background-color, transform, opacity;
2600
2604
  transition-duration: var(--animation-fast);
2601
2605
  transition-timing-function: ease-out;
@@ -2615,32 +2619,32 @@ to {
2615
2619
  box-shadow: var(--shadow-regular-md);
2616
2620
  gap: var(--spacing-4);
2617
2621
  }
2618
- .celeste-dropdown-wrapper .celeste-dropdown-content[data-state=closed][data-v-dd43a899] {
2622
+ .celeste-dropdown-wrapper .celeste-dropdown-content[data-state=closed][data-v-8ef0e6e7] {
2619
2623
  transform: translateY(10px);
2620
2624
  opacity: 0;
2621
2625
  pointer-events: none;
2622
2626
  }
2623
- .celeste-dropdown-wrapper .celeste-dropdown-content[data-state=open][data-v-dd43a899] {
2627
+ .celeste-dropdown-wrapper .celeste-dropdown-content[data-state=open][data-v-8ef0e6e7] {
2624
2628
  transform: translateY(0);
2625
2629
  opacity: 1;
2626
2630
  }
2627
- .celeste-dropdown-wrapper .celeste-dropdown-content-size-top[data-v-dd43a899] {
2631
+ .celeste-dropdown-wrapper .celeste-dropdown-content-size-top[data-v-8ef0e6e7] {
2628
2632
  bottom: calc(var(--dropdown-width) + var(--spacing-4));
2629
2633
  }
2630
- .celeste-dropdown-wrapper .celeste-dropdown-content-size-bottom[data-v-dd43a899] {
2634
+ .celeste-dropdown-wrapper .celeste-dropdown-content-size-bottom[data-v-8ef0e6e7] {
2631
2635
  top: calc(var(--dropdown-width) + var(--spacing-4));
2632
2636
  }
2633
- .celeste-dropdown-wrapper .celeste-dropdown-content-align-start[data-v-dd43a899] {
2637
+ .celeste-dropdown-wrapper .celeste-dropdown-content-align-start[data-v-8ef0e6e7] {
2634
2638
  left: 0;
2635
2639
  }
2636
- .celeste-dropdown-wrapper .celeste-dropdown-content-align-end[data-v-dd43a899] {
2640
+ .celeste-dropdown-wrapper .celeste-dropdown-content-align-end[data-v-8ef0e6e7] {
2637
2641
  right: 0;
2638
2642
  }
2639
- .celeste-dropdown-wrapper :not(:has(.celeste-dropdown-anchor-trigger-type-normal)) .celeste-dropdown-content-align-center[data-v-dd43a899] {
2643
+ .celeste-dropdown-wrapper :not(:has(.celeste-dropdown-anchor-trigger-type-normal)) .celeste-dropdown-content-align-center[data-v-8ef0e6e7] {
2640
2644
  left: 50%;
2641
2645
  transform: translateX(-50%);
2642
2646
  }
2643
- .celeste-dropdown-wrapper[data-v-dd43a899] .celeste-input-wrapper .celeste-input-prefix {
2647
+ .celeste-dropdown-wrapper[data-v-8ef0e6e7] .celeste-input-wrapper .celeste-input-prefix {
2644
2648
  width: 20px;
2645
2649
  height: 20px;
2646
2650
  display: flex;
@@ -2650,64 +2654,64 @@ to {
2650
2654
  background: none;
2651
2655
  color: var(--color-icon-sub-600);
2652
2656
  }
2653
- .celeste-dropdown-wrapper[data-v-dd43a899] .celeste-input-wrapper {
2657
+ .celeste-dropdown-wrapper[data-v-8ef0e6e7] .celeste-input-wrapper {
2654
2658
  border: none;
2655
2659
  border-radius: 0;
2656
2660
  box-shadow: none;
2657
2661
  }
2658
- .celeste-dropdown-wrapper[data-v-dd43a899] .celeste-input-wrapper:focus-within {
2662
+ .celeste-dropdown-wrapper[data-v-8ef0e6e7] .celeste-input-wrapper:focus-within {
2659
2663
  border: none;
2660
2664
  box-shadow: none;
2661
2665
  }
2662
- .celeste-dropdown-wrapper[data-v-dd43a899] .celeste-dropdown-items-viewport {
2666
+ .celeste-dropdown-wrapper[data-v-8ef0e6e7] .celeste-dropdown-items-viewport {
2663
2667
  display: flex;
2664
2668
  position: relative;
2665
2669
  flex-direction: column;
2666
2670
  gap: var(--spacing-4);
2667
2671
  }
2668
- .celeste-dropdown-wrapper .celeste-dropdown-empty-list[data-v-dd43a899] {
2672
+ .celeste-dropdown-wrapper .celeste-dropdown-empty-list[data-v-8ef0e6e7] {
2669
2673
  display: flex;
2670
2674
  align-items: center;
2671
2675
  padding: var(--spacing-8);
2672
2676
  color: var(--color-text-sub-600);
2673
2677
  font: var(--paragraph-sm);
2674
2678
  }
2675
- .celeste-dropdown-wrapper[data-v-dd43a899] .celeste-input-wrapper .celeste-input-suffix {
2679
+ .celeste-dropdown-wrapper[data-v-8ef0e6e7] .celeste-input-wrapper .celeste-input-suffix {
2676
2680
  cursor: pointer;
2677
2681
  }
2678
- .celeste-dropdown-wrapper[data-v-dd43a899] .celeste-input-wrapper .celeste-input-suffix div {
2682
+ .celeste-dropdown-wrapper[data-v-8ef0e6e7] .celeste-input-wrapper .celeste-input-suffix div {
2679
2683
  display: flex;
2680
2684
  align-items: center;
2681
2685
  justify-content: center;
2682
2686
  }
2683
- .celeste-dropdown-wrapper[data-v-dd43a899] .celeste-input-wrapper .celeste-input-suffix:deep(i) {
2687
+ .celeste-dropdown-wrapper[data-v-8ef0e6e7] .celeste-input-wrapper .celeste-input-suffix:deep(i) {
2684
2688
  width: 20px;
2685
2689
  height: 20px;
2686
2690
  color: var(--color-icon-soft-400);
2687
2691
  }
2688
- .celeste-dropdown-wrapper .celeste-dropdown-search[data-v-dd43a899] {
2692
+ .celeste-dropdown-wrapper .celeste-dropdown-search[data-v-8ef0e6e7] {
2689
2693
  display: flex;
2690
2694
  position: sticky;
2691
2695
  top: 0;
2692
2696
  flex-direction: column;
2693
2697
  gap: var(--spacing-4);
2694
2698
  }
2695
- .celeste-dropdown-wrapper .celeste-dropdown-search[data-v-dd43a899] .celeste-input-wrapper-type-search {
2699
+ .celeste-dropdown-wrapper .celeste-dropdown-search[data-v-8ef0e6e7] .celeste-input-wrapper-type-search {
2696
2700
  border-top-left-radius: var(--radius-8);
2697
2701
  border-top-right-radius: var(--radius-8);
2698
2702
  }
2699
- .celeste-dropdown-wrapper .celeste-dropdown-separator[data-v-dd43a899] {
2703
+ .celeste-dropdown-wrapper .celeste-dropdown-separator[data-v-8ef0e6e7] {
2700
2704
  width: 100%;
2701
2705
  height: 1px;
2702
2706
  background-color: var(--color-stroke-soft-200);
2703
2707
  }
2704
- .celeste-dropdown-wrapper .celeste-dropdown-items-group[data-v-dd43a899] {
2708
+ .celeste-dropdown-wrapper .celeste-dropdown-items-group[data-v-8ef0e6e7] {
2705
2709
  display: flex;
2706
2710
  flex-direction: column;
2707
2711
  gap: var(--spacing-4);
2708
2712
  }
2709
- .celeste-dropdown-wrapper .celeste-dropdown-item-image[data-v-dd43a899],
2710
- .celeste-dropdown-wrapper .selected-dropdown-image[data-v-dd43a899] {
2713
+ .celeste-dropdown-wrapper .celeste-dropdown-item-image[data-v-8ef0e6e7],
2714
+ .celeste-dropdown-wrapper .selected-dropdown-image[data-v-8ef0e6e7] {
2711
2715
  width: 20px;
2712
2716
  height: 20px;
2713
2717
  display: flex;