@awsui/components-react/internal/components/option/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

._option_1p2cx_udok4_3: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;
  display:flex;
  align-items:flex-start;
  width:100%;
  min-width:0;
  box-sizing:border-box;
  color:inherit;
}
._option_1p2cx_udok4_3:not(#\9):not(._disabled_1p2cx_udok4_18){
  cursor:inherit;
}

._content_1p2cx_udok4_22:not(#\9){
  width:100%;
  display:flex;
  flex-direction:column;
  min-width:0;
}

._label-content_1p2cx_udok4_29:not(#\9){
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
}

._label_1p2cx_udok4_29:not(#\9),
._tag_1p2cx_udok4_36:not(#\9),
._label-tag_1p2cx_udok4_37:not(#\9){
  min-width:0;
  -ms-word-break:break-all;
  word-break:break-word;
}

._label_1p2cx_udok4_29:not(#\9),
._tag_1p2cx_udok4_36:not(#\9){
  flex-wrap:wrap;
}

._label-prefix_1p2cx_udok4_48:not(#\9){
  font-weight:700;
}

._label-tag_1p2cx_udok4_37:not(#\9){
  padding-left:1.2rem;
  padding-left:var(--space-s-3LgOeB, 1.2rem);
  flex:auto;
  text-align:right;
}
._label-tag_1p2cx_udok4_37:not(#\9):empty{
  display:none;
}

._tags_1p2cx_udok4_61:not(#\9),
._description_1p2cx_udok4_62:not(#\9){
  font-size:1.2rem;
  font-size:var(--size-font-body-50-3LgOeB, 1.2rem);
  line-height:1.6rem;
  line-height:var(--size-lineHeight-body-50-3o9QS_, 1.6rem);
  color:#687078;
  color:var(--color-text-dropdown-item-secondary-12qHNk, #687078);
  flex-wrap:wrap;
}

._tags_1p2cx_udok4_61:not(#\9){
  display:flex;
  align-items:stretch;
}

._tag_1p2cx_udok4_36:not(#\9):not(:last-child){
  padding-right:1.6rem;
  padding-right:var(--space-m-3o9QS_, 1.6rem);
}

._icon_1p2cx_udok4_78:not(#\9){
  padding-right:0.8rem;
  padding-right:var(--space-xs-qJuxzO, 0.8rem);
  align-content:center;
  display:flex;
  flex-shrink:0;
}

._icon-size-big_1p2cx_udok4_85:not(#\9){
  padding-top:0.2rem;
  padding-top:var(--space-xxxs-adYOh0, 0.2rem);
}

._filtering-match-highlight_1p2cx_udok4_89:not(#\9){
  background-color:#f1faff;
  background-color:var(--color-background-dropdown-item-filter-match-1qprMO, #f1faff);
  color:#0073bb;
  color:var(--color-text-dropdown-item-filter-match-3H8Hch, #0073bb);
  font-weight:bold;
}

._disabled_1p2cx_udok4_18:not(#\9){
  color:#aab7b8;
  color:var(--color-text-dropdown-item-disabled-1Ca5V1, #aab7b8);
  pointer-events:none;
}
._disabled_1p2cx_udok4_18 > ._content_1p2cx_udok4_22 > ._tags_1p2cx_udok4_61:not(#\9),
._disabled_1p2cx_udok4_18 > ._content_1p2cx_udok4_22 > ._description_1p2cx_udok4_62:not(#\9){
  color:currentColor;
}

._trigger-variant_1p2cx_udok4_104:not(#\9){
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}