@awsui/components-react/expandable-section/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

._content-enter_gwq0h_5zwyw_3:not(#\9){
  animation:_awsui-motion-fade-in_gwq0h_5zwyw_1 180ms ease-out;
  animation:_awsui-motion-fade-in_gwq0h_5zwyw_1 var(--motion-duration-show-paced-2crOWV, 180ms) var(--motion-easing-show-paced-25z_bd, ease-out);
}
@keyframes _awsui-motion-fade-in_gwq0h_5zwyw_1{
  from{
    opacity:0.2;
  }
  to{
    opacity:1;
  }
}
@media (prefers-reduced-motion: reduce){
  ._content-enter_gwq0h_5zwyw_3:not(#\9){
    animation:none;
    transition:none;
  }
}
.awsui-motion-disabled ._content-enter_gwq0h_5zwyw_3:not(#\9){
  animation:none;
  transition:none;
}

._trigger-expanded_gwq0h_5zwyw_25:not(#\9){
  transition:border-bottom-color 180ms ease-out;
  transition:border-bottom-color var(--motion-duration-show-paced-2crOWV, 180ms) var(--motion-easing-show-paced-25z_bd, ease-out);
}
@media (prefers-reduced-motion: reduce){
  ._trigger-expanded_gwq0h_5zwyw_25:not(#\9){
    animation:none;
    transition:none;
  }
}
.awsui-motion-disabled ._trigger-expanded_gwq0h_5zwyw_25:not(#\9){
  animation:none;
  transition:none;
}

._icon_gwq0h_5zwyw_39:not(#\9){
  transition:transform 135ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition:transform var(--motion-duration-rotate-90-TMbCmo, 135ms) var(--motion-easing-rotate-90-2ebTCo, cubic-bezier(0.165, 0.84, 0.44, 1));
}
@media (prefers-reduced-motion: reduce){
  ._icon_gwq0h_5zwyw_39:not(#\9){
    animation:none;
    transition:none;
  }
}
.awsui-motion-disabled ._icon_gwq0h_5zwyw_39:not(#\9){
  animation:none;
  transition:none;
}

._root_gwq0h_5zwyw_53: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;
  min-width:0;
  -ms-word-break:break-all;
  word-break:break-word;
  display:block;
}

._icon_gwq0h_5zwyw_39:not(#\9){
  transform:rotate(-90deg);
}
._icon_gwq0h_5zwyw_39._expanded_gwq0h_5zwyw_70:not(#\9){
  transform:rotate(0deg);
}

._icon-container_gwq0h_5zwyw_74:not(#\9){
  position:relative;
  margin-left:calc((2.2rem - 1.6rem) / -2);
  margin-left:calc((var(--size-lineHeight-body-100-2aIKVt, 2.2rem) - var(--size-icon-normal-3o9QS_, 1.6rem)) / -2);
  margin-right:calc(0.4rem + 1px);
  margin-right:calc(var(--space-xxs-1SRICw, 0.4rem) + 1px);
}

._trigger_gwq0h_5zwyw_25:not(#\9){
  cursor:pointer;
  box-sizing:border-box;
  display:flex;
  border:none;
  width:100%;
  line-height:2.2rem;
  line-height:var(--size-lineHeight-body-100-2aIKVt, 2.2rem);
  text-align:left;
}
._trigger-default_gwq0h_5zwyw_89:not(#\9){
  padding:0.4rem 0.4rem;
  padding:var(--space-scaled-xxs-wz9S8K, 0.4rem) var(--space-xxs-1SRICw, 0.4rem);
}
._trigger-footer_gwq0h_5zwyw_92:not(#\9){
  padding:0.4rem 0;
  padding:var(--space-scaled-xxs-wz9S8K, 0.4rem) 0;
}
._trigger-default_gwq0h_5zwyw_89:not(#\9), ._trigger-navigation_gwq0h_5zwyw_95:not(#\9), ._trigger-footer_gwq0h_5zwyw_92:not(#\9){
  border:1px solid transparent;
  color:#545b64;
  color:var(--color-text-interactive-default-3MrzkF, #545b64);
  font-weight:700;
}
._trigger-default_gwq0h_5zwyw_89:not(#\9):hover, ._trigger-navigation_gwq0h_5zwyw_95:not(#\9):hover, ._trigger-footer_gwq0h_5zwyw_92:not(#\9):hover{
  color:#16191f;
  color:var(--color-text-interactive-hover-2ZjSsg, #16191f);
}
._trigger-container_gwq0h_5zwyw_103:not(#\9){
  padding:1.2rem 2rem;
  padding:var(--space-scaled-s-1sAHT4, 1.2rem) var(--space-l-3SmGmy, 2rem);
}
._trigger-container_gwq0h_5zwyw_103[data-awsui-focus-visible=true]:not(#\9):focus{
  padding:calc(1.2rem - 1px) calc(2rem - 1px);
  padding:calc(var(--space-scaled-s-1sAHT4, 1.2rem) - 1px) calc(var(--space-l-3SmGmy, 2rem) - 1px);
}
._trigger-default_gwq0h_5zwyw_89._trigger-expanded_gwq0h_5zwyw_25:not(#\9){
  border-bottom-color:#eaeded;
  border-bottom-color:var(--color-border-divider-default-p5fVsz, #eaeded);
}

._header_gwq0h_5zwyw_113:not(#\9){
  display:flex;
}
._header-container_gwq0h_5zwyw_116:not(#\9){
  width:100%;
}
._header-container_gwq0h_5zwyw_116 > ._icon-container_gwq0h_5zwyw_74:not(#\9){
  margin-top:0.8rem;
  margin-top:var(--space-scaled-xs-19adjU, 0.8rem);
  margin-right:0.8rem;
  margin-right:var(--space-xs-qJuxzO, 0.8rem);
}
._header-navigation_gwq0h_5zwyw_123 > ._icon-container_gwq0h_5zwyw_74:not(#\9){
  display:inline-flex;
  cursor:pointer;
  color:#879596;
  color:var(--color-text-icon-caret-18f9uV, #879596);
  border:0;
  padding:0;
  background:transparent;
  outline:none;
  text-decoration:none;
  flex-direction:column;
}
._header-navigation_gwq0h_5zwyw_123 > ._icon-container_gwq0h_5zwyw_74:not(#\9):hover{
  color:#16191f;
  color:var(--color-text-interactive-hover-2ZjSsg, #16191f);
}
._header-navigation_gwq0h_5zwyw_123 > ._icon-container_gwq0h_5zwyw_74[data-awsui-focus-visible=true]:not(#\9):focus{
  position:relative;
}
._header-navigation_gwq0h_5zwyw_123 > ._icon-container_gwq0h_5zwyw_74[data-awsui-focus-visible=true]:not(#\9):focus{
  outline:2px dotted transparent;
  outline-offset:calc(2px - 1px);
}
._header-navigation_gwq0h_5zwyw_123 > ._icon-container_gwq0h_5zwyw_74[data-awsui-focus-visible=true]:not(#\9):focus::before{
  content:" ";
  display:block;
  position:absolute;
  left:-2px;
  top:-2px;
  width:calc(100% + 2 * 2px);
  height:calc(100% + 2 * 2px);
  border-radius:2px;
  box-shadow:0 0 0 2px #00a1c9;
  box-shadow:0 0 0 2px var(--color-border-item-focused-RH7L5U, #00a1c9);
}

._content_gwq0h_5zwyw_3:not(#\9){
  display:none;
}
._content-default_gwq0h_5zwyw_159:not(#\9){
  padding:0.8rem 0;
  padding:var(--space-scaled-xs-19adjU, 0.8rem) 0;
}
._content-footer_gwq0h_5zwyw_162:not(#\9){
  padding:0.8rem 0;
  padding:var(--space-xs-qJuxzO, 0.8rem) 0;
}
._content-expanded_gwq0h_5zwyw_165:not(#\9){
  display:block;
}

._focusable_gwq0h_5zwyw_169:not(#\9):focus{
  outline:none;
  text-decoration:none;
}
._focusable_gwq0h_5zwyw_169[data-awsui-focus-visible=true]:not(#\9):focus{
  outline:2px dotted transparent;
  border:1px solid #00a1c9;
  border:1px solid var(--color-border-item-focused-RH7L5U, #00a1c9);
  border-radius:2px;
  box-shadow:0 0 0 1px #00a1c9;
  box-shadow:0 0 0 1px var(--color-border-item-focused-RH7L5U, #00a1c9);
}