.actions{
  --card-actions-surface-inset-top:var(--sn-primitive-dimension-4, 4px);
  --card-actions-surface-inset-right:var(--sn-primitive-dimension-4, 4px);
}
.actions[data-actions-visibility=always]{
  position:absolute;
  top:var(--card-actions-surface-inset-top);
  right:var(--card-actions-surface-inset-right);
}

.titleContainer{
  display:flex;
  gap:var(--sn-primitive-dimension-4, 4px);
  align-items:center;
  width:100%;
  min-width:0;
}
.titleContainer[data-actions-visibility=always][data-visible-actions="1"]{
  padding-right:calc(1 * var(--sn-button-anatomy-size-m-container-iconOnly-minWidth, var(--sn-density-size-m, var(--sn-density-scale-100-m, var(--sn-platform-comfort-scale-100-m, var(--sn-primitive-dimension-40, 40px))))));
}
.titleContainer[data-actions-visibility=always][data-visible-actions="2"]{
  padding-right:calc(2 * var(--sn-button-anatomy-size-m-container-iconOnly-minWidth, var(--sn-density-size-m, var(--sn-density-scale-100-m, var(--sn-platform-comfort-scale-100-m, var(--sn-primitive-dimension-40, 40px))))));
}

.root{
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  width:100%;
  padding:0;
  border:none;
  font:inherit;
  color:inherit;
  text-decoration:none;
  background-color:transparent;
  outline:none;
}
.root:hover .actions, .root:focus-visible .actions, .root:has(*:focus-visible) .actions{
  visibility:visible;
}
.root:hover .titleContainer[data-visible-actions="1"], .root:focus-visible .titleContainer[data-visible-actions="1"], .root:has(*:focus-visible) .titleContainer[data-visible-actions="1"]{
  padding-right:calc(1 * var(--sn-button-anatomy-size-m-container-iconOnly-minWidth, var(--sn-density-size-m, var(--sn-density-scale-100-m, var(--sn-platform-comfort-scale-100-m, var(--sn-primitive-dimension-40, 40px))))));
}
.root:hover .titleContainer[data-visible-actions="2"], .root:focus-visible .titleContainer[data-visible-actions="2"], .root:has(*:focus-visible) .titleContainer[data-visible-actions="2"]{
  padding-right:calc(2 * var(--sn-button-anatomy-size-m-container-iconOnly-minWidth, var(--sn-density-size-m, var(--sn-density-scale-100-m, var(--sn-platform-comfort-scale-100-m, var(--sn-primitive-dimension-40, 40px))))));
}

.container{
  display:flex;
  gap:var(--sn-primitive-dimension-4, 4px);
  align-items:flex-start;
  box-sizing:border-box;
  width:100%;
  min-width:0;
  padding:var(--sn-density-spacing-interval-s, var(--sn-platform-comfort-spacing-interval-s, var(--sn-primitive-dimension-12, 12px)));
}

.icon{
  flex-shrink:0;
  width:var(--sn-density-icon-s, var(--sn-platform-comfort-icon-s, var(--sn-primitive-dimension-24, 24px)));
  height:var(--sn-density-icon-s, var(--sn-platform-comfort-icon-s, var(--sn-primitive-dimension-24, 24px)));
  color:var(--sn-theme-color-available-version-textTertiary, var(--sn-brand-color-text-version-tertiary, rgba(0, 0, 0, 0.5803921569)));
}

.textContent{
  display:flex;
  flex:1;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  text-align:left;
}

.titleRow{
  display:flex;
  gap:var(--sn-primitive-dimension-4, 4px);
  align-items:center;
  justify-content:space-between;
  width:100%;
  min-height:var(--sn-primitive-dimension-24, 24px);
}

.title{
  overflow:hidden;
  display:block;
  flex-shrink:1;
  min-width:0;
  color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
}

.description{
  width:100%;
  color:var(--sn-theme-color-available-version-textTertiary, var(--sn-brand-color-text-version-tertiary, rgba(0, 0, 0, 0.5803921569)));
}