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

._selectable-item_15o6u_1dw39_3:not(#\9){
  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;
  list-style:none;
  border:1px solid transparent;
  border-top-color:#eaeded;
  border-top-color:var(--color-border-dropdown-item-default-233r5S, #eaeded);
  background-color:#ffffff;
  background-color:var(--color-background-dropdown-item-default-2k-l2Z, #ffffff);
  color:#16191f;
  color:var(--color-text-dropdown-item-default-2fNU47, #16191f);
  border-left-width:0;
  border-right-width:0;
  padding:0.4rem calc(0.8rem + 1px);
  padding:var(--space-xxs-1SRICw, 0.4rem) calc(var(--space-xs-qJuxzO, 0.8rem) + 1px);
}
._selectable-item_15o6u_1dw39_3:not(#\9):not(:last-child){
  border-bottom-color:#eaeded;
  border-bottom-color:var(--color-border-dropdown-item-default-233r5S, #eaeded);
}
._selectable-item_15o6u_1dw39_3:not(#\9):not(:first-child){
  margin-top:-1px;
}
._selectable-item_15o6u_1dw39_3:not(#\9):last-child:not(:first-child){
  padding-bottom:calc(0.4rem + 0.2rem);
  padding-bottom:calc(var(--space-xxs-1SRICw, 0.4rem) + var(--space-xxxs-adYOh0, 0.2rem));
}
._selectable-item_15o6u_1dw39_3._has-background_15o6u_1dw39_28:not(#\9){
  background-color:#f2f3f3;
  background-color:var(--color-background-dropdown-item-hover-KdLCQ3, #f2f3f3);
}
._selectable-item_15o6u_1dw39_3._highlighted_15o6u_1dw39_31:not(#\9), ._selectable-item_15o6u_1dw39_3._selected_15o6u_1dw39_31:not(#\9){
  color:#16191f;
  color:var(--color-text-dropdown-item-highlighted-2ZjSsg, #16191f);
  border-left-width:1px;
  border-right-width:1px;
  padding-left:0.8rem;
  padding-left:var(--space-xs-qJuxzO, 0.8rem);
  padding-right:0.8rem;
  padding-right:var(--space-xs-qJuxzO, 0.8rem);
}
._selectable-item_15o6u_1dw39_3._highlighted_15o6u_1dw39_31:not(#\9){
  z-index:1;
  background-color:#f2f3f3;
  background-color:var(--color-background-dropdown-item-hover-KdLCQ3, #f2f3f3);
  border-color:#879596;
  border-color:var(--color-border-dropdown-item-hover-18f9uV, #879596);
}
._selectable-item_15o6u_1dw39_3._selected_15o6u_1dw39_31:not(#\9){
  z-index:2;
  background-color:#f1faff;
  background-color:var(--color-background-dropdown-item-selected-36C5tw, #f1faff);
  border-color:#00a1c9;
  border-color:var(--color-border-dropdown-item-selected-1xvp_4, #00a1c9);
}
._selectable-item_15o6u_1dw39_3._highlighted_15o6u_1dw39_31._selected_15o6u_1dw39_31._is-keyboard_15o6u_1dw39_48:not(#\9){
  box-shadow:inset 0 0 0 1px #00a1c9;
  box-shadow:inset 0 0 0 1px var(--color-border-item-focused-RH7L5U, #00a1c9);
}
._selectable-item_15o6u_1dw39_3._parent_15o6u_1dw39_51:not(#\9){
  font-weight:bold;
  color:#545b64;
  color:var(--color-text-dropdown-group-label-2CI6Pj, #545b64);
  border-top-color:#eaeded;
  border-top-color:var(--color-border-dropdown-group-2nTkIY, #eaeded);
  padding:0.8rem;
  padding:var(--space-xs-qJuxzO, 0.8rem);
}
._selectable-item_15o6u_1dw39_3._child_15o6u_1dw39_57:not(#\9){
  padding-left:calc(3.2rem + 1px);
  padding-left:calc(var(--space-xxl-ne7xIx, 3.2rem) + 1px);
}
._selectable-item_15o6u_1dw39_3._child_15o6u_1dw39_57._highlighted_15o6u_1dw39_31:not(#\9), ._selectable-item_15o6u_1dw39_3._child_15o6u_1dw39_57._selected_15o6u_1dw39_31:not(#\9){
  padding-left:3.2rem;
  padding-left:var(--space-xxl-ne7xIx, 3.2rem);
}
._selectable-item_15o6u_1dw39_3._disabled_15o6u_1dw39_63:not(#\9){
  color:#aab7b8;
  color:var(--color-text-dropdown-item-disabled-1Ca5V1, #aab7b8);
}
._selectable-item_15o6u_1dw39_3:not(#\9):not(._disabled_15o6u_1dw39_63):not(._parent_15o6u_1dw39_51){
  cursor:pointer;
}
._selectable-item_15o6u_1dw39_3._virtual_15o6u_1dw39_69:not(#\9){
  position:absolute;
  top:0;
  left:0;
  width:100%;
  box-sizing:border-box;
}

._measure-strut_15o6u_1dw39_77:not(#\9){
  position:absolute;
  pointer-events:none;
  height:100%;
  width:100%;
  top:0;
  left:0;
  padding-top:1px;
}
._measure-strut-first_15o6u_1dw39_86:not(#\9){
  padding-bottom:1px;
}