@awsui/components-react/internal/components/dropdown/styles.scoped.css

AWS UI is a collection of [React](https://reactjs.org/) components that help create intuitive, responsive, and accessible user experiences for web applications. It is developed by Amazon Web Services (AWS). This work is available under the terms of the [A

._dropdown_qwoo0_1ysoq_3:not(#\9){
  animation:_awsui-motion-fade-in-dropdown_qwoo0_1ysoq_1 135ms ease-out;
  animation:_awsui-motion-fade-in-dropdown_qwoo0_1ysoq_1 var(--motion-duration-show-quick-TMbCmo, 135ms) var(--motion-easing-show-quick-25z_bd, ease-out);
}
@keyframes _awsui-motion-fade-in-dropdown_qwoo0_1ysoq_1{
  from{
    opacity:0.4;
  }
  to{
    opacity:1;
  }
}
@media (prefers-reduced-motion: reduce){
  ._dropdown_qwoo0_1ysoq_3:not(#\9){
    animation:none;
    transition:none;
  }
}
.awsui-motion-disabled ._dropdown_qwoo0_1ysoq_3:not(#\9){
  animation:none;
  transition:none;
}

._root_qwoo0_1ysoq_25:not(#\9){
  border-collapse:separate;
  border-spacing:0;
  caption-side:top;
  cursor:auto;
  direction:ltr;
  empty-cells:show;
  font-family:serif;
  font-size:medium;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  font-stretch:normal;
  line-height:normal;
  hyphens:none;
  letter-spacing:normal;
  list-style:disc outside none;
  tab-size:8;
  text-align:left;
  text-align-last:auto;
  text-indent:0;
  text-shadow:none;
  text-transform:none;
  visibility:visible;
  white-space:normal;
  widows:2;
  word-spacing:normal;
  box-sizing:border-box;
  font-size:1.4rem;
  font-size:var(--size-font-body-100-1S0qZw, 1.4rem);
  line-height:2.2rem;
  line-height:var(--size-lineHeight-body-100-2aIKVt, 2.2rem);
  color:#16191f;
  color:var(--color-text-body-default-2ZjSsg, #16191f);
  font-weight:400;
  font-family:"Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
  position:relative;
  white-space:inherit;
}
._root_qwoo0_1ysoq_25._interior_qwoo0_1ysoq_36:not(#\9){
  position:static;
  display:inline;
}
._root-inline_qwoo0_1ysoq_40:not(#\9){
  display:inline-block;
}
._root_qwoo0_1ysoq_25._stretch_qwoo0_1ysoq_43:not(#\9){
  width:100%;
}
._root_qwoo0_1ysoq_25 > ._trigger-inline_qwoo0_1ysoq_46:not(#\9){
  display:inline-block;
  width:100%;
}
._root_qwoo0_1ysoq_25 > ._dropdown_qwoo0_1ysoq_3:not(#\9){
  position:absolute;
  display:none;
  flex-direction:row;
  z-index:2000;
  -webkit-user-select:none;
      -ms-user-select:none;
          user-select:none;
  background-color:#ffffff;
  background-color:var(--color-background-dropdown-item-default-2k-l2Z, #ffffff);
  outline:none;
  box-shadow:0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15);
  box-shadow:0 1px 1px 0 var(--color-shadow-medium-p-AJyl, rgba(0, 28, 36, 0.3)), 1px 1px 1px 0 var(--color-shadow-side-2Rp96d, rgba(0, 28, 36, 0.15)), -1px 1px 1px 0 var(--color-shadow-side-2Rp96d, rgba(0, 28, 36, 0.15));
  border-top:1px solid #eaeded;
  border-top:1px solid var(--color-border-container-top-p5fVsz, #eaeded);
  border-radius:0;
  box-sizing:border-box;
  border-bottom:none;
}
@media screen and (-ms-high-contrast: active){
  ._root_qwoo0_1ysoq_25 > ._dropdown_qwoo0_1ysoq_3:not(#\9){
    border:1px solid #eaeded;
    border:1px solid var(--color-border-container-top-p5fVsz, #eaeded);
  }
}
._root_qwoo0_1ysoq_25 > ._dropdown-drop-up_qwoo0_1ysoq_69:not(#\9){
  bottom:100%;
  box-shadow:0 -1px 1px 0 rgba(0, 28, 36, 0.3), 1px -1px 1px 0 rgba(0, 28, 36, 0.15), -1px -1px 1px 0 rgba(0, 28, 36, 0.15);
  box-shadow:0 -1px 1px 0 var(--color-shadow-medium-p-AJyl, rgba(0, 28, 36, 0.3)), 1px -1px 1px 0 var(--color-shadow-side-2Rp96d, rgba(0, 28, 36, 0.15)), -1px -1px 1px 0 var(--color-shadow-side-2Rp96d, rgba(0, 28, 36, 0.15));
}
._root_qwoo0_1ysoq_25 > ._dropdown-drop-up_qwoo0_1ysoq_69._with-limited-width_qwoo0_1ysoq_73:not(#\9){
  border-top:none;
}
._root_qwoo0_1ysoq_25 > ._dropdown-drop-left_qwoo0_1ysoq_76:not(#\9){
  right:0;
}
._root_qwoo0_1ysoq_25 > ._dropdown-drop-right_qwoo0_1ysoq_79:not(#\9){
  left:0;
}
._root_qwoo0_1ysoq_25 > ._dropdown_qwoo0_1ysoq_3._occupy-entire-width_qwoo0_1ysoq_82:not(#\9){
  min-width:100%;
}
._root_qwoo0_1ysoq_25 > ._dropdown_qwoo0_1ysoq_3._hide-upper-border_qwoo0_1ysoq_85:not(#\9){
  border-top:none;
}
._root_qwoo0_1ysoq_25 > ._dropdown_qwoo0_1ysoq_3._interior_qwoo0_1ysoq_36:not(#\9){
  margin-top:-1px;
}
._root_qwoo0_1ysoq_25 > ._dropdown_qwoo0_1ysoq_3._open_qwoo0_1ysoq_91:not(#\9){
  display:flex;
}
._root_qwoo0_1ysoq_25 > ._dropdown_qwoo0_1ysoq_3._open_qwoo0_1ysoq_91._nowrap_qwoo0_1ysoq_94:not(#\9){
  white-space:nowrap;
  overflow:scroll;
  display:block;
}
._root_qwoo0_1ysoq_25 > ._dropdown_qwoo0_1ysoq_3._extra-margin_qwoo0_1ysoq_99:not(#\9){
  margin:1px 0;
}

._with-limited-width_qwoo0_1ysoq_73:not(#\9){
  display:inline;
}

._ie11-wrapper_qwoo0_1ysoq_107:not(#\9){
  display:flex;
  flex-direction:column;
  width:100%;
}