@box/blueprint-web 16.12.1 → 16.13.0

package/dist/lib-esm/components.css

@@ -6144,7 +6144,7 @@
 .bp_combobox_group_module_comboboxHasFocus--289de.bp_combobox_group_module_errorSelect--289de.bp_combobox_group_module_trailing--289de{
   --blueprint-select-border-error-left-width:none;
 }
-.bp_select_module_container--a177a[data-modern=false]{
+.bp_select_module_container--80de0[data-modern=false]{
   --select-gap:var(--space-2);
   --select-label-color:var(--text-text-on-light);
   --select-trigger-btn-gap:var(--space-2);
@@ -6181,7 +6181,7 @@
   text-decoration:var(--body-default-text-decoration);
   text-transform:var(--body-default-text-case);
 }
-.bp_select_module_container--a177a[data-modern=false] .bp_select_module_label--a177a{
+.bp_select_module_container--80de0[data-modern=false] .bp_select_module_label--80de0{
   font-family:var(--body-default-bold-font-family);
   font-size:var(--body-default-bold-font-size);
   font-weight:var(--body-default-bold-font-weight);
@@ -6190,7 +6190,7 @@
   text-decoration:var(--body-default-bold-text-decoration);
   text-transform:var(--body-default-bold-text-case);
 }
-.bp_select_module_container--a177a[data-modern=false] .bp_select_module_triggerBtn--a177a{
+.bp_select_module_container--80de0[data-modern=false] .bp_select_module_triggerBtn--80de0{
   font-family:var(--body-default-font-family);
   font-size:var(--body-default-font-size);
   font-weight:var(--body-default-font-weight);
@@ -6200,7 +6200,7 @@
   text-transform:var(--body-default-text-case);
 }
 
-.bp_select_module_container--a177a[data-modern=true]{
+.bp_select_module_container--80de0[data-modern=true]{
   --select-gap:var(--bp-space-020);
   --select-label-color:var(--bp-text-text-on-light);
   --select-trigger-btn-gap:var(--bp-space-020);
@@ -6236,7 +6236,7 @@
   letter-spacing:var(--bp-font-letter-spacing-01);
   line-height:var(--bp-font-line-height-04);
 }
-:where(body.is-inter-font) .bp_select_module_container--a177a[data-modern=true]{
+:where(body.is-inter-font) .bp_select_module_container--80de0[data-modern=true]{
   font-family:InterVariable, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:.875rem;
   font-style:normal;
@@ -6247,7 +6247,7 @@
   text-transform:none;
 }
 
-.bp_select_module_container--a177a[data-modern=true] .bp_select_module_label--a177a{
+.bp_select_module_container--80de0[data-modern=true] .bp_select_module_label--80de0{
   font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:var(--bp-font-size-05);
   font-style:normal;
@@ -6255,7 +6255,7 @@
   letter-spacing:var(--bp-font-letter-spacing-01);
   line-height:var(--bp-font-line-height-04);
 }
-:where(body.is-inter-font) .bp_select_module_container--a177a[data-modern=true] .bp_select_module_label--a177a{
+:where(body.is-inter-font) .bp_select_module_container--80de0[data-modern=true] .bp_select_module_label--80de0{
   font-family:InterVariable, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:.875rem;
   font-style:normal;
@@ -6266,7 +6266,7 @@
   text-transform:none;
 }
 
-.bp_select_module_container--a177a[data-modern=true] .bp_select_module_triggerBtn--a177a{
+.bp_select_module_container--80de0[data-modern=true] .bp_select_module_triggerBtn--80de0{
   font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:var(--bp-font-size-05);
   font-style:normal;
@@ -6274,7 +6274,7 @@
   letter-spacing:var(--bp-font-letter-spacing-01);
   line-height:var(--bp-font-line-height-04);
 }
-:where(body.is-inter-font) .bp_select_module_container--a177a[data-modern=true] .bp_select_module_triggerBtn--a177a{
+:where(body.is-inter-font) .bp_select_module_container--80de0[data-modern=true] .bp_select_module_triggerBtn--80de0{
   font-family:InterVariable, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:.875rem;
   font-style:normal;
@@ -6285,26 +6285,26 @@
   text-transform:none;
 }
 
-.bp_select_module_ellipsis--a177a{
+.bp_select_module_ellipsis--80de0{
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
 }
 
-.bp_select_module_container--a177a{
+.bp_select_module_container--80de0{
   display:flex;
   flex-direction:column;
   gap:var(--select-gap);
 }
-.bp_select_module_container--a177a.bp_select_module_disabled--a177a{
+.bp_select_module_container--80de0.bp_select_module_disabled--80de0{
   opacity:60%;
 }
-.bp_select_module_container--a177a .bp_select_module_label--a177a{
+.bp_select_module_container--80de0 .bp_select_module_label--80de0{
   color:var(--select-label-color);
   flex:0 0 fit-content;
   overflow-wrap:break-word;
 }
-.bp_select_module_container--a177a .bp_select_module_triggerBtn--a177a{
+.bp_select_module_container--80de0 .bp_select_module_triggerBtn--80de0{
   align-items:center;
   background-color:var(--select-trigger-btn-bg-color);
   border-bottom:var(--select-trigger-btn-border-bottom);
@@ -6325,7 +6325,7 @@
   text-align:start;
   width:100%;
 }
-.bp_select_module_container--a177a .bp_select_module_triggerBtn--a177a .bp_select_module_triggerValue--a177a{
+.bp_select_module_container--80de0 .bp_select_module_triggerBtn--80de0 .bp_select_module_triggerValue--80de0{
   align-items:center;
   display:flex;
   gap:var(--select-trigger-btn-gap);
@@ -6334,7 +6334,7 @@
   text-overflow:ellipsis;
   white-space:nowrap;
 }
-.bp_select_module_container--a177a .bp_select_module_triggerBtn--a177a .bp_select_module_triggerLeftElement--a177a{
+.bp_select_module_container--80de0 .bp_select_module_triggerBtn--80de0 .bp_select_module_triggerLeftElement--80de0{
   align-items:center;
   display:flex;
   flex-shrink:0;
@@ -6342,58 +6342,72 @@
   justify-content:center;
   width:var(--select-trigger-left-element-size);
 }
-.bp_select_module_container--a177a .bp_select_module_triggerBtn--a177a span{
+.bp_select_module_container--80de0 .bp_select_module_triggerBtn--80de0 span{
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
 }
-.bp_select_module_container--a177a .bp_select_module_triggerBtn--a177a:disabled{
+.bp_select_module_container--80de0 .bp_select_module_triggerBtn--80de0:disabled{
   cursor:default;
 }
-.bp_select_module_container--a177a .bp_select_module_triggerBtn--a177a.bp_select_module_readonly--a177a:not(:disabled){
+.bp_select_module_container--80de0 .bp_select_module_triggerBtn--80de0.bp_select_module_readonly--80de0:not(:disabled){
   background-color:var(--gray-02);
   box-shadow:none;
   color:var(--text-text-on-light-secondary);
   cursor:default;
 }
-.bp_select_module_container--a177a .bp_select_module_triggerBtn--a177a:not(.bp_select_module_readonly--a177a, :disabled).bp_select_module_error--a177a, .bp_select_module_container--a177a .bp_select_module_triggerBtn--a177a:not(.bp_select_module_readonly--a177a, :disabled)[aria-invalid=true]{
+.bp_select_module_container--80de0 .bp_select_module_triggerBtn--80de0:not(.bp_select_module_readonly--80de0, :disabled).bp_select_module_error--80de0, .bp_select_module_container--80de0 .bp_select_module_triggerBtn--80de0:not(.bp_select_module_readonly--80de0, :disabled)[aria-invalid=true]{
   background-color:var(--select-trigger-btn-error-bg-color);
   border-bottom:var(--select-trigger-btn-error-border-bottom);
   border-left:var(--select-trigger-btn-error-border-left);
   border-right:var(--select-trigger-btn-error-border-right);
   border-top:var(--select-trigger-btn-error-border-top);
 }
-.bp_select_module_container--a177a .bp_select_module_triggerBtn--a177a:not(.bp_select_module_readonly--a177a):focus,.bp_select_module_container--a177a .bp_select_module_triggerBtn--a177a:not(.bp_select_module_readonly--a177a, :disabled).bp_select_module_error--a177a:focus,.bp_select_module_container--a177a .bp_select_module_triggerBtn--a177a:not(.bp_select_module_readonly--a177a, :disabled)[aria-invalid=true]:focus{
+.bp_select_module_container--80de0 .bp_select_module_triggerBtn--80de0:not(.bp_select_module_readonly--80de0):focus,.bp_select_module_container--80de0 .bp_select_module_triggerBtn--80de0:not(.bp_select_module_readonly--80de0, :disabled).bp_select_module_error--80de0:focus,.bp_select_module_container--80de0 .bp_select_module_triggerBtn--80de0:not(.bp_select_module_readonly--80de0, :disabled)[aria-invalid=true]:focus{
   background-color:var(--select-trigger-btn-focus-bg-color);
   border:var(--select-trigger-btn-focus-border);
 }
-.bp_select_module_container--a177a .bp_select_module_triggerBtn--a177a:not(.bp_select_module_readonly--a177a, :disabled, :focus, .bp_select_module_error--a177a, [aria-invalid=true]):hover{
+.bp_select_module_container--80de0 .bp_select_module_triggerBtn--80de0:not(.bp_select_module_readonly--80de0, :disabled, :focus, .bp_select_module_error--80de0, [aria-invalid=true]):hover{
   background-color:var(--select-trigger-btn-hover-bg-color);
   border-color:var(--select-trigger-btn-hover-border-color);
 }
-.bp_select_module_container--a177a .bp_select_module_triggerBtn--a177a .bp_select_module_iconWrapper--a177a{
+.bp_select_module_container--80de0 .bp_select_module_triggerBtn--80de0 .bp_select_module_iconWrapper--80de0{
   flex-shrink:0;
   -webkit-user-select:none;
           user-select:none;
 }
-.bp_select_module_container--a177a .bp_select_module_triggerBtn--a177a .bp_select_module_iconCaret--a177a{
+.bp_select_module_container--80de0 .bp_select_module_triggerBtn--80de0 .bp_select_module_iconCaret--80de0{
   display:block;
   height:var(--select-trigger-btn-caret-height);
   width:var(--select-trigger-btn-caret-width);
 }
-.bp_select_module_container--a177a .bp_select_module_triggerBtn--a177a .bp_select_module_iconCaret--a177a path{
+.bp_select_module_container--80de0 .bp_select_module_triggerBtn--80de0 .bp_select_module_iconCaret--80de0 path{
   fill:var(--select-trigger-btn-caret-color);
 }
-.bp_select_module_container--a177a .bp_select_module_triggerBtn--a177a .bp_select_module_iconPencilCrossed--a177a{
+.bp_select_module_container--80de0 .bp_select_module_triggerBtn--80de0 .bp_select_module_iconPencilCrossed--80de0{
   display:block;
   height:var(--select-trigger-btn-pencil-height);
   width:var(--select-trigger-btn-pencil-width);
 }
-.bp_select_module_container--a177a .bp_select_module_triggerBtn--a177a[data-state=open] .bp_select_module_icon--a177a{
-  transform:rotate(180deg);
+
+.bp_select_module_container--80de0[data-bp-animated=true] .bp_select_module_triggerBtn--80de0:not(.bp_select_module_readonly--80de0, :disabled){
+  transition-duration:var(--bp-duration-short);
+  transition-property:border-color, background-color;
+  transition-timing-function:var(--bp-curve-small-off);
+}
+.bp_select_module_container--80de0[data-bp-animated=true] .bp_select_module_triggerBtn--80de0:not(.bp_select_module_readonly--80de0, :disabled).bp_select_module_error--80de0, .bp_select_module_container--80de0[data-bp-animated=true] .bp_select_module_triggerBtn--80de0:not(.bp_select_module_readonly--80de0, :disabled):focus, .bp_select_module_container--80de0[data-bp-animated=true] .bp_select_module_triggerBtn--80de0:not(.bp_select_module_readonly--80de0, :disabled):hover, .bp_select_module_container--80de0[data-bp-animated=true] .bp_select_module_triggerBtn--80de0:not(.bp_select_module_readonly--80de0, :disabled)[aria-invalid=true]{
+  transition-timing-function:var(--bp-curve-small-on);
+}
+.bp_select_module_container--80de0[data-bp-animated=true] .bp_select_module_triggerBtn--80de0:not(.bp_select_module_readonly--80de0, :disabled) .bp_select_module_iconCaret--80de0{
+  transition-duration:var(--bp-duration-short);
+  transition-property:transform;
+  transition-timing-function:var(--bp-curve-extra-small-on);
+}
+.bp_select_module_container--80de0[data-bp-animated=true] .bp_select_module_triggerBtn--80de0:not(.bp_select_module_readonly--80de0, :disabled)[data-bp-exiting=true] .bp_select_module_iconCaret--80de0, .bp_select_module_container--80de0[data-bp-animated=true] .bp_select_module_triggerBtn--80de0:not(.bp_select_module_readonly--80de0, :disabled)[data-state=closed]:hover .bp_select_module_iconCaret--80de0{
+  transform:translateY(var(--bp-size-005));
 }
 
-.bp_select_module_content--a177a[data-modern=false]{
+.bp_select_module_content--80de0[data-modern=false]{
   --select-content-bg-color:var(--surface-menu-surface);
   --select-content-backdrop-filter:none;
   --select-content-border:var(--border-1) solid var(--border-card-border);
@@ -6409,6 +6423,7 @@
   --select-content-viewport-option-focus-bg-color:var(--surface-menu-surface-focus);
   --select-content-viewport-option-focus-border:var(--border-2) solid var(--outline-focus-on-light);
   --select-content-viewport-option-hover-bg-color:var(--surface-menu-surface-hover);
+  --select-content-viewport-option-active-bg-color:var(--surface-menu-surface-pressed);
   --select-content-viewport-option-secondary-text-color:var(--text-text-on-light-secondary);
   --select-content-viewport-option-indicator-inline-end:var(--space-2);
   --select-content-viewport-option-indicator-color:var(--icon-icon-on-light);
@@ -6425,7 +6440,7 @@
   text-transform:var(--body-default-text-case);
 }
 
-.bp_select_module_content--a177a[data-modern=true]{
+.bp_select_module_content--80de0[data-modern=true]{
   --select-content-bg-color:var(--bp-surface-menu-surface-dropdown);
   --select-content-backdrop-filter:blur(16px);
   --select-content-border:var(--bp-border-01) solid var(--bp-border-card-border);
@@ -6441,6 +6456,7 @@
   --select-content-viewport-option-focus-bg-color:var(--bp-surface-menu-item-surface-hover);
   --select-content-viewport-option-focus-border:var(--bp-border-02) solid var(--bp-outline-focus-on-light);
   --select-content-viewport-option-hover-bg-color:var(--bp-surface-menu-item-surface-hover);
+  --select-content-viewport-option-active-bg-color:var(--bp-surface-menu-item-surface-pressed);
   --select-content-viewport-option-secondary-text-color:var(--bp-text-text-on-light-secondary);
   --select-content-viewport-option-indicator-inline-end:var(--bp-space-020);
   --select-content-viewport-option-indicator-color:var(--bp-icon-icon-on-light);
@@ -6455,7 +6471,7 @@
   letter-spacing:var(--bp-font-letter-spacing-01);
   line-height:var(--bp-font-line-height-04);
 }
-:where(body.is-inter-font) .bp_select_module_content--a177a[data-modern=true]{
+:where(body.is-inter-font) .bp_select_module_content--80de0[data-modern=true]{
   font-family:InterVariable, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:.875rem;
   font-style:normal;
@@ -6466,7 +6482,7 @@
   text-transform:none;
 }
 
-.bp_select_module_content--a177a{
+.bp_select_module_content--80de0{
   backdrop-filter:var(--select-content-backdrop-filter);
   background-color:var(--select-content-bg-color);
   border:var(--select-content-border);
@@ -6478,11 +6494,11 @@
   overflow:hidden auto;
   z-index:380;
 }
-.bp_select_module_content--a177a .bp_select_module_viewport--a177a{
+.bp_select_module_content--80de0 .bp_select_module_viewport--80de0{
   padding-block:var(--select-content-viewport-padding-block);
   padding-inline:var(--select-content-viewport-padding-inline);
 }
-.bp_select_module_content--a177a .bp_select_module_viewport--a177a .bp_select_module_option--a177a{
+.bp_select_module_content--80de0 .bp_select_module_viewport--80de0 .bp_select_module_option--80de0{
   align-items:center;
   border:var(--select-content-viewport-option-border);
   border-radius:var(--select-content-viewport-option-border-radius);
@@ -6498,24 +6514,27 @@
   -webkit-user-select:none;
           user-select:none;
 }
-.bp_select_module_content--a177a .bp_select_module_viewport--a177a .bp_select_module_option--a177a[data-disabled]{
+.bp_select_module_content--80de0 .bp_select_module_viewport--80de0 .bp_select_module_option--80de0[data-disabled]{
   opacity:60%;
   pointer-events:none;
 }
-.bp_select_module_content--a177a .bp_select_module_viewport--a177a .bp_select_module_option--a177a:focus-visible{
+.bp_select_module_content--80de0 .bp_select_module_viewport--80de0 .bp_select_module_option--80de0:focus-visible{
   background-color:var(--select-content-viewport-option-focus-bg-color);
   border:var(--select-content-viewport-option-focus-border);
 }
-.bp_select_module_content--a177a .bp_select_module_viewport--a177a .bp_select_module_option--a177a:hover{
+.bp_select_module_content--80de0 .bp_select_module_viewport--80de0 .bp_select_module_option--80de0:hover{
   background-color:var(--select-content-viewport-option-hover-bg-color);
 }
-.bp_select_module_content--a177a .bp_select_module_viewport--a177a .bp_select_module_option--a177a .bp_select_module_secondaryText--a177a{
+.bp_select_module_content--80de0 .bp_select_module_viewport--80de0 .bp_select_module_option--80de0:active{
+  background-color:var(--select-content-viewport-option-active-bg-color);
+}
+.bp_select_module_content--80de0 .bp_select_module_viewport--80de0 .bp_select_module_option--80de0 .bp_select_module_secondaryText--80de0{
   color:var(--select-content-viewport-option-secondary-text-color);
   min-width:0;
   overflow-wrap:break-word;
   white-space:normal;
 }
-.bp_select_module_content--a177a .bp_select_module_viewport--a177a .bp_select_module_option--a177a .bp_select_module_textWrapper--a177a{
+.bp_select_module_content--80de0 .bp_select_module_viewport--80de0 .bp_select_module_option--80de0 .bp_select_module_textWrapper--80de0{
   align-items:center;
   display:flex;
   flex:1;
@@ -6524,24 +6543,24 @@
   min-width:0;
   overflow:hidden;
 }
-.bp_select_module_content--a177a .bp_select_module_viewport--a177a .bp_select_module_option--a177a .bp_select_module_textWrapper--a177a span:first-child{
+.bp_select_module_content--80de0 .bp_select_module_viewport--80de0 .bp_select_module_option--80de0 .bp_select_module_textWrapper--80de0 span:first-child{
   overflow:hidden;
   overflow-wrap:break-word;
 }
-.bp_select_module_content--a177a .bp_select_module_viewport--a177a .bp_select_module_option--a177a .bp_select_module_textWrapper--a177a.bp_select_module_ellipsis--a177a span:first-child{
+.bp_select_module_content--80de0 .bp_select_module_viewport--80de0 .bp_select_module_option--80de0 .bp_select_module_textWrapper--80de0.bp_select_module_ellipsis--80de0 span:first-child{
   overflow-wrap:normal;
   text-overflow:ellipsis;
   white-space:nowrap;
   width:100%;
 }
-.bp_select_module_content--a177a .bp_select_module_viewport--a177a .bp_select_module_option--a177a .bp_select_module_textWrapper--a177a.bp_select_module_ellipsis--a177a .bp_select_module_secondaryText--a177a{
+.bp_select_module_content--80de0 .bp_select_module_viewport--80de0 .bp_select_module_option--80de0 .bp_select_module_textWrapper--80de0.bp_select_module_ellipsis--80de0 .bp_select_module_secondaryText--80de0{
   -webkit-box-orient:vertical;
   -webkit-line-clamp:2;
   display:-webkit-box;
   overflow:hidden;
   width:100%;
 }
-.bp_select_module_content--a177a .bp_select_module_viewport--a177a .bp_select_module_option--a177a .bp_select_module_leftElement--a177a{
+.bp_select_module_content--80de0 .bp_select_module_viewport--80de0 .bp_select_module_option--80de0 .bp_select_module_leftElement--80de0{
   align-items:center;
   display:flex;
   flex-shrink:0;
@@ -6549,14 +6568,14 @@
   justify-content:center;
   width:var(--select-content-viewport-option-left-element-size);
 }
-.bp_select_module_content--a177a .bp_select_module_viewport--a177a .bp_select_module_option--a177a.bp_select_module_hasLeftElement--a177a .bp_select_module_textWrapper--a177a{
+.bp_select_module_content--80de0 .bp_select_module_viewport--80de0 .bp_select_module_option--80de0.bp_select_module_hasLeftElement--80de0 .bp_select_module_textWrapper--80de0{
   align-items:flex-start;
   flex-direction:column;
 }
-.bp_select_module_content--a177a .bp_select_module_viewport--a177a .bp_select_module_option--a177a.bp_select_module_hasLeftElement--a177a .bp_select_module_textWrapper--a177a .bp_select_module_secondaryText--a177a{
+.bp_select_module_content--80de0 .bp_select_module_viewport--80de0 .bp_select_module_option--80de0.bp_select_module_hasLeftElement--80de0 .bp_select_module_textWrapper--80de0 .bp_select_module_secondaryText--80de0{
   width:100%;
 }
-.bp_select_module_content--a177a .bp_select_module_viewport--a177a .bp_select_module_option--a177a .bp_select_module_indicator--a177a{
+.bp_select_module_content--80de0 .bp_select_module_viewport--80de0 .bp_select_module_option--80de0 .bp_select_module_indicator--80de0{
   align-items:center;
   display:flex;
   height:100%;
@@ -6565,16 +6584,16 @@
   position:absolute;
   top:0;
 }
-.bp_select_module_content--a177a .bp_select_module_viewport--a177a .bp_select_module_option--a177a .bp_select_module_indicator--a177a path{
+.bp_select_module_content--80de0 .bp_select_module_viewport--80de0 .bp_select_module_option--80de0 .bp_select_module_indicator--80de0 path{
   fill:var(--select-content-viewport-option-indicator-color);
 }
-.bp_select_module_content--a177a .bp_select_module_viewport--a177a .bp_select_module_separator--a177a{
+.bp_select_module_content--80de0 .bp_select_module_viewport--80de0 .bp_select_module_separator--80de0{
   background-color:var(--select-content-viewport-option-separator-bg-color);
   flex-shrink:0;
   height:var(--select-content-viewport-option-separator-height);
   margin-block:var(--select-content-viewport-option-separator-margin-block);
 }
-.bp_select_module_content--a177a .bp_select_module_viewport--a177a.bp_select_module_withTruncatedText--a177a{
+.bp_select_module_content--80de0 .bp_select_module_viewport--80de0.bp_select_module_withTruncatedText--80de0{
   box-sizing:border-box;
   display:block !important;
   max-width:100%;
@@ -6582,6 +6601,133 @@
   width:100%;
 }
 
+.bp_select_module_content--80de0[data-bp-animated=true]{
+  transform-origin:var(--radix-select-content-transform-origin);
+}
+.bp_select_module_content--80de0[data-bp-animated=true] .bp_select_module_viewport--80de0 .bp_select_module_option--80de0{
+  transition-duration:var(--bp-duration-short);
+  transition-property:background-color;
+  transition-timing-function:var(--bp-curve-small-off);
+}
+.bp_select_module_content--80de0[data-bp-animated=true] .bp_select_module_viewport--80de0 .bp_select_module_option--80de0:active,.bp_select_module_content--80de0[data-bp-animated=true] .bp_select_module_viewport--80de0 .bp_select_module_option--80de0:focus-visible,.bp_select_module_content--80de0[data-bp-animated=true] .bp_select_module_viewport--80de0 .bp_select_module_option--80de0:hover{
+  transition-timing-function:var(--bp-curve-small-on);
+}
+.bp_select_module_content--80de0[data-bp-animated=true][data-state=open]:not([data-bp-exiting=true]){
+  animation-duration:var(--bp-duration-medium);
+  animation-timing-function:var(--bp-curve-medium-on);
+}
+.bp_select_module_content--80de0[data-bp-animated=true][data-state=open]:not([data-bp-exiting=true])[data-side=top]{
+  animation-name:bp_select_module_bpSelectMediumTopSlideEnter--80de0, bp_select_module_bpSelectFadeIn--80de0;
+}
+.bp_select_module_content--80de0[data-bp-animated=true][data-state=open]:not([data-bp-exiting=true])[data-side=bottom]{
+  animation-name:bp_select_module_bpSelectMediumBottomSlideEnter--80de0, bp_select_module_bpSelectFadeIn--80de0;
+}
+.bp_select_module_content--80de0[data-bp-animated=true][data-state=open]:not([data-bp-exiting=true])[data-side=left]{
+  animation-name:bp_select_module_bpSelectMediumLeftSlideEnter--80de0, bp_select_module_bpSelectFadeIn--80de0;
+}
+.bp_select_module_content--80de0[data-bp-animated=true][data-state=open]:not([data-bp-exiting=true])[data-side=right]{
+  animation-name:bp_select_module_bpSelectMediumRightSlideEnter--80de0, bp_select_module_bpSelectFadeIn--80de0;
+}
+.bp_select_module_content--80de0[data-bp-animated=true][data-bp-exiting=true]{
+  animation-duration:var(--bp-duration-short);
+  animation-fill-mode:forwards;
+  animation-timing-function:var(--bp-curve-medium-off);
+  pointer-events:none;
+}
+.bp_select_module_content--80de0[data-bp-animated=true][data-bp-exiting=true][data-side=top]{
+  animation-name:bp_select_module_bpSelectMediumTopSlideExit--80de0, bp_select_module_bpSelectFadeOut--80de0;
+}
+.bp_select_module_content--80de0[data-bp-animated=true][data-bp-exiting=true][data-side=bottom]{
+  animation-name:bp_select_module_bpSelectMediumBottomSlideExit--80de0, bp_select_module_bpSelectFadeOut--80de0;
+}
+.bp_select_module_content--80de0[data-bp-animated=true][data-bp-exiting=true][data-side=left]{
+  animation-name:bp_select_module_bpSelectMediumLeftSlideExit--80de0, bp_select_module_bpSelectFadeOut--80de0;
+}
+.bp_select_module_content--80de0[data-bp-animated=true][data-bp-exiting=true][data-side=right]{
+  animation-name:bp_select_module_bpSelectMediumRightSlideExit--80de0, bp_select_module_bpSelectFadeOut--80de0;
+}
+
+@keyframes bp_select_module_bpSelectFadeIn--80de0{
+  from{
+    opacity:var(--bp-opacity-hidden);
+  }
+  to{
+    opacity:var(--bp-opacity-visible);
+  }
+}
+@keyframes bp_select_module_bpSelectFadeOut--80de0{
+  from{
+    opacity:var(--bp-opacity-visible);
+  }
+  to{
+    opacity:var(--bp-opacity-hidden);
+  }
+}
+@keyframes bp_select_module_bpSelectMediumTopSlideEnter--80de0{
+  from{
+    transform:translateY(var(--bp-space-020));
+  }
+  to{
+    transform:translateY(0);
+  }
+}
+@keyframes bp_select_module_bpSelectMediumTopSlideExit--80de0{
+  from{
+    transform:translateY(0);
+  }
+  to{
+    transform:translateY(var(--bp-space-020));
+  }
+}
+@keyframes bp_select_module_bpSelectMediumBottomSlideEnter--80de0{
+  from{
+    transform:translateY(calc(var(--bp-space-020)*-1));
+  }
+  to{
+    transform:translateY(0);
+  }
+}
+@keyframes bp_select_module_bpSelectMediumBottomSlideExit--80de0{
+  from{
+    transform:translateY(0);
+  }
+  to{
+    transform:translateY(calc(var(--bp-space-020)*-1));
+  }
+}
+@keyframes bp_select_module_bpSelectMediumLeftSlideEnter--80de0{
+  from{
+    transform:translateX(var(--bp-space-020));
+  }
+  to{
+    transform:translateX(0);
+  }
+}
+@keyframes bp_select_module_bpSelectMediumLeftSlideExit--80de0{
+  from{
+    transform:translateX(0);
+  }
+  to{
+    transform:translateX(var(--bp-space-020));
+  }
+}
+@keyframes bp_select_module_bpSelectMediumRightSlideEnter--80de0{
+  from{
+    transform:translateX(calc(var(--bp-space-020)*-1));
+  }
+  to{
+    transform:translateX(0);
+  }
+}
+@keyframes bp_select_module_bpSelectMediumRightSlideExit--80de0{
+  from{
+    transform:translateX(0);
+  }
+  to{
+    transform:translateX(calc(var(--bp-space-020)*-1));
+  }
+}
+
 .bp_content_card_module_card--2f5d8[data-modern=false],.bp_content_card_module_ghostCard--2f5d8[data-modern=false]{
   --content-card-body-display:block;
   --content-card-background-color:var(--surface-surface);