@awsui/components-react/tutorial-panel/components/tutorial-list/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_ig8mp_1f1ki_3:not(#\9){
  animation:_awsui-motion-fade-in_ig8mp_1f1ki_1 180ms ease-out;
  animation:_awsui-motion-fade-in_ig8mp_1f1ki_1 var(--motion-duration-show-paced-2crOWV, 180ms) var(--motion-easing-show-paced-25z_bd, ease-out);
}
@keyframes _awsui-motion-fade-in_ig8mp_1f1ki_1{
  from{
    opacity:0.2;
  }
  to{
    opacity:1;
  }
}
@media (prefers-reduced-motion: reduce){
  ._content-enter_ig8mp_1f1ki_3:not(#\9){
    animation:none;
    transition:none;
  }
}
.awsui-motion-disabled ._content-enter_ig8mp_1f1ki_3:not(#\9){
  animation:none;
  transition:none;
}

._tutorial-list_ig8mp_1f1ki_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;
  padding:0;
  margin:0;
}

._tutorial-box_ig8mp_1f1ki_37: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;
  list-style:none;
  border:1px solid #aab7b8;
  border:1px solid var(--color-border-control-default-2xktd9, #aab7b8);
  padding:1.6rem;
  padding:var(--space-m-3o9QS_, 1.6rem);
}
._tutorial-box_ig8mp_1f1ki_37:not(#\9):not(:first-child){
  margin-top:2rem;
  margin-top:var(--space-l-3SmGmy, 2rem);
}

._tutorial-box-title_ig8mp_1f1ki_53:not(#\9){
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
}

._tutorial-description-plaintext_ig8mp_1f1ki_59:not(#\9){
  white-space:pre-line;
}
._tutorial-description_ig8mp_1f1ki_59 ul:not(#\9){
  list-style-type:disc;
}

._expandable-section_ig8mp_1f1ki_70:not(#\9){
  display:none;
  margin-top:1.6rem;
  margin-top:var(--space-m-3o9QS_, 1.6rem);
}
._expandable-section_ig8mp_1f1ki_70._expanded_ig8mp_1f1ki_74:not(#\9){
  display:block;
}

._button-wrapper_ig8mp_1f1ki_78:not(#\9){
  margin:calc(-1 * 0.4rem - 1px);
  margin:calc(-1 * var(--space-xxs-1SRICw, 0.4rem) - 1px);
}

._download-link_ig8mp_1f1ki_98: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;
  text-decoration:none;
  display:inline;
  white-space:inherit;
  font-weight:700;
  letter-spacing:0.01em;
  color:#545b64;
  color:var(--color-text-body-secondary-3MrzkF, #545b64);
}
._download-link_ig8mp_1f1ki_98:not(#\9):hover{
  cursor:pointer;
}
._download-link_ig8mp_1f1ki_98:not(#\9):focus{
  outline:none;
}
._download-link_ig8mp_1f1ki_98:not(#\9):active, ._download-link_ig8mp_1f1ki_98:not(#\9):focus, ._download-link_ig8mp_1f1ki_98:not(#\9):hover{
  text-decoration:underline;
}
._download-link_ig8mp_1f1ki_98[data-awsui-focus-visible=true]:not(#\9):focus{
  outline:thin dotted;
  outline:5px auto -webkit-focus-ring-color;
  outline-offset:2px;
  outline-color:#00a1c9;
  outline-color:var(--color-border-item-focused-RH7L5U, #00a1c9);
}