.root{
  position:relative;
  box-sizing:border-box;
  padding:var(--sn-primitive-dimension-16, 16px);
  text-decoration:none;
}
.root .closeButton{
  position:absolute;
  top:var(--sn-primitive-dimension-8, 8px);
  right:var(--sn-primitive-dimension-8, 8px);
  visibility:hidden;
}
@media (hover: none){
  .root .closeButton{
    visibility:visible;
  }
}
.root:hover .closeButton, .root:focus-within .closeButton{
  visibility:visible;
}

.content{
  display:flex;
  flex-direction:row;
  gap:var(--sn-primitive-dimension-16, 16px);
  align-items:flex-start;
  width:100%;
}

.left{
  display:flex;
  flex:1;
  flex-direction:column;
  gap:var(--sn-primitive-dimension-12, 12px);
  min-width:0;
}

.title{
  color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
}

.description{
  color:var(--sn-theme-color-available-version-textSecondary, var(--sn-brand-color-text-version-secondary, rgba(0, 0, 0, 0.7803921569)));
}

.image{
  flex-shrink:0;
  width:var(--sn-primitive-dimension-96, 96px);
  height:var(--sn-primitive-dimension-96, 96px);
  -o-object-fit:cover;
     object-fit:cover;
}
.body{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  max-width:100%;
}
.body[data-size=s]{
  padding-right:var(--sn-primitive-dimension-8, 8px);
  padding-left:var(--sn-primitive-dimension-8, 8px);
}
.body[data-size=m]{
  padding-right:var(--sn-primitive-dimension-16, 16px);
  padding-left:var(--sn-primitive-dimension-16, 16px);
}
.body[data-size=l]{
  padding-right:var(--sn-primitive-dimension-24, 24px);
  padding-left:var(--sn-primitive-dimension-24, 24px);
}
.action{
  display:flex;
  gap:var(--sn-primitive-dimension-16, 16px);
  align-items:center;
  justify-content:flex-start;
  box-sizing:border-box;
}
.action[data-size=s]{
  margin-top:var(--sn-primitive-dimension-4, 4px);
  padding-right:var(--sn-primitive-dimension-8, 8px);
  padding-bottom:var(--sn-primitive-dimension-8, 8px);
  padding-left:var(--sn-primitive-dimension-8, 8px);
}
.action[data-size=m]{
  margin-top:var(--sn-primitive-dimension-8, 8px);
  padding-right:var(--sn-primitive-dimension-16, 16px);
  padding-bottom:var(--sn-primitive-dimension-16, 16px);
  padding-left:var(--sn-primitive-dimension-16, 16px);
}
.action[data-size=l]{
  margin-top:var(--sn-primitive-dimension-16, 16px);
  padding-right:var(--sn-primitive-dimension-24, 24px);
  padding-bottom:var(--sn-primitive-dimension-24, 24px);
  padding-left:var(--sn-primitive-dimension-24, 24px);
}
.callToAction{
  display:flex;
  gap:var(--sn-primitive-dimension-4, 4px);
  align-items:center;
  justify-content:flex-start;
  box-sizing:border-box;
}
.callToAction[data-size=s]{
  margin-top:var(--sn-primitive-dimension-4, 4px);
  padding-right:var(--sn-primitive-dimension-8, 8px);
  padding-bottom:var(--sn-primitive-dimension-8, 8px);
  padding-left:var(--sn-primitive-dimension-8, 8px);
}
.callToAction[data-size=m]{
  margin-top:var(--sn-primitive-dimension-8, 8px);
  padding-right:var(--sn-primitive-dimension-16, 16px);
  padding-bottom:var(--sn-primitive-dimension-16, 16px);
  padding-left:var(--sn-primitive-dimension-16, 16px);
}
.callToAction[data-size=l]{
  margin-top:var(--sn-primitive-dimension-16, 16px);
  padding-right:var(--sn-primitive-dimension-24, 24px);
  padding-bottom:var(--sn-primitive-dimension-24, 24px);
  padding-left:var(--sn-primitive-dimension-24, 24px);
}

.icon{
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--sn-theme-color-primary-text, var(--sn-brand-color-primary-40, #0d0d0d));
}
.icon svg{
  width:var(--sn-density-icon-s, var(--sn-platform-comfort-icon-s, var(--sn-primitive-dimension-24, 24px))) !important;
  height:var(--sn-density-icon-s, var(--sn-platform-comfort-icon-s, var(--sn-primitive-dimension-24, 24px))) !important;
}

.label{
  color:var(--sn-theme-color-primary-text, var(--sn-brand-color-primary-40, #0d0d0d));
}
.wrapper{
  display:flex;
  flex:1 0 auto;
  gap:var(--sn-primitive-dimension-4, 4px);
  justify-content:flex-end;
  box-sizing:border-box;
}

.valueContainer{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:flex-start;
  box-sizing:border-box;
}

.currentValue{
  color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
}

.oldValue{
  color:var(--sn-theme-color-available-version-textSecondary, var(--sn-brand-color-text-version-secondary, rgba(0, 0, 0, 0.7803921569)));
  text-decoration:line-through;
}

.dimension{
  color:var(--sn-theme-color-available-version-textSecondary, var(--sn-brand-color-text-version-secondary, rgba(0, 0, 0, 0.7803921569)));
}
.promo{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  box-sizing:border-box;
}
.promo[data-size=s]{
  margin-top:var(--sn-primitive-dimension-4, 4px);
  padding-right:var(--sn-primitive-dimension-8, 8px);
  padding-bottom:var(--sn-primitive-dimension-8, 8px);
  padding-left:var(--sn-primitive-dimension-8, 8px);
}
.promo[data-size=m]{
  margin-top:var(--sn-primitive-dimension-8, 8px);
  padding-right:var(--sn-primitive-dimension-16, 16px);
  padding-bottom:var(--sn-primitive-dimension-16, 16px);
  padding-left:var(--sn-primitive-dimension-16, 16px);
}
.promo[data-size=l]{
  margin-top:var(--sn-primitive-dimension-16, 16px);
  padding-right:var(--sn-primitive-dimension-24, 24px);
  padding-bottom:var(--sn-primitive-dimension-24, 24px);
  padding-left:var(--sn-primitive-dimension-24, 24px);
}
.button{
  cursor:pointer;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  width:var(--sn-primitive-dimension-32, 32px);
  height:var(--sn-primitive-dimension-32, 32px);
  border:0;
  border-radius:var(--sn-brand-anatomy-radius-card-toggles-xs, var(--sn-primitive-dimension-0, 0px));
  color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
  background-color:transparent;
  outline-color:transparent;
}
.button:hover{
  color:var(--sn-theme-color-available-version-textSecondary, var(--sn-brand-color-text-version-secondary, rgba(0, 0, 0, 0.7803921569)));
}
.button:focus-visible{
  color:var(--sn-theme-color-available-version-textSecondary, var(--sn-brand-color-text-version-secondary, rgba(0, 0, 0, 0.7803921569)));
  outline:var(--sn-theme-color-available-complementary, #000000) solid var(--sn-primitive-strokeWeight-strokeSemiBold, 2px);
  outline-offset:var(--sn-primitive-strokeWeight-strokeSemiBold, 2px);
}
.button:active{
  color:var(--sn-theme-color-available-version-textTertiary, var(--sn-brand-color-text-version-tertiary, rgba(0, 0, 0, 0.5803921569)));
}
.button svg{
  width:var(--sn-density-icon-s, var(--sn-platform-comfort-icon-s, var(--sn-primitive-dimension-24, 24px))) !important;
  height:var(--sn-density-icon-s, var(--sn-platform-comfort-icon-s, var(--sn-primitive-dimension-24, 24px))) !important;
}

.wrapper{
  position:relative;
}

.item{
  width:-moz-max-content;
  width:max-content;
}
.titleLayout{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  box-sizing:border-box;
  width:100%;
}
.titleLayout[data-size=s]{
  gap:var(--sn-primitive-dimension-4, 4px);
  margin-bottom:var(--sn-primitive-dimension-4, 4px);
  padding-top:var(--sn-primitive-dimension-8, 8px);
  padding-right:var(--sn-primitive-dimension-8, 8px);
  padding-left:var(--sn-primitive-dimension-8, 8px);
}
.titleLayout[data-size=m]{
  gap:var(--sn-primitive-dimension-8, 8px);
  margin-bottom:var(--sn-primitive-dimension-8, 8px);
  padding-top:var(--sn-primitive-dimension-16, 16px);
  padding-right:var(--sn-primitive-dimension-16, 16px);
  padding-left:var(--sn-primitive-dimension-16, 16px);
}
.titleLayout[data-size=l]{
  gap:var(--sn-primitive-dimension-16, 16px);
  margin-bottom:var(--sn-primitive-dimension-16, 16px);
  padding-top:var(--sn-primitive-dimension-24, 24px);
  padding-right:var(--sn-primitive-dimension-24, 24px);
  padding-left:var(--sn-primitive-dimension-24, 24px);
}

[data-card-custom-image] + .titleLayout[data-size]{
  padding-top:0;
}

.contentLayout{
  overflow:hidden;
  display:block;
  min-width:0;
  max-width:100%;
}

.title{
  display:block;
  max-width:100%;
  color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
}

.metadata{
  max-width:100%;
  color:var(--sn-theme-color-available-version-textSecondary, var(--sn-brand-color-text-version-secondary, rgba(0, 0, 0, 0.7803921569)));
}

.description{
  max-width:100%;
  color:var(--sn-theme-color-available-version-textSecondary, var(--sn-brand-color-text-version-secondary, rgba(0, 0, 0, 0.7803921569)));
}
.image{
  display:block;
  box-sizing:border-box;
  width:100%;
  height:auto;
  -o-object-fit:cover;
     object-fit:cover;
}
.image[data-mode=little]{
  position:relative;
}
.image[data-mode=little][data-size=s]{
  margin-bottom:var(--sn-primitive-dimension-4, 4px);
  padding-right:var(--sn-primitive-dimension-8, 8px);
  padding-left:var(--sn-primitive-dimension-8, 8px);
}
.image[data-mode=little][data-size=m]{
  margin-bottom:var(--sn-primitive-dimension-8, 8px);
  padding-right:var(--sn-primitive-dimension-16, 16px);
  padding-left:var(--sn-primitive-dimension-16, 16px);
}
.image[data-mode=little][data-size=l]{
  margin-bottom:var(--sn-primitive-dimension-16, 16px);
  padding-right:var(--sn-primitive-dimension-24, 24px);
  padding-left:var(--sn-primitive-dimension-24, 24px);
}
.image[data-mode=little]{
  height:var(--sn-primitive-dimension-144, 144px);
}
.image[data-mode=middle]{
  position:relative;
}
.image[data-mode=middle][data-size=s]{
  margin-bottom:var(--sn-primitive-dimension-4, 4px);
  padding-right:var(--sn-primitive-dimension-8, 8px);
  padding-left:var(--sn-primitive-dimension-8, 8px);
}
.image[data-mode=middle][data-size=m]{
  margin-bottom:var(--sn-primitive-dimension-8, 8px);
  padding-right:var(--sn-primitive-dimension-16, 16px);
  padding-left:var(--sn-primitive-dimension-16, 16px);
}
.image[data-mode=middle][data-size=l]{
  margin-bottom:var(--sn-primitive-dimension-16, 16px);
  padding-right:var(--sn-primitive-dimension-24, 24px);
  padding-left:var(--sn-primitive-dimension-24, 24px);
}
.image[data-mode=middle]{
  height:240px;
}
.image[data-mode=background]{
  pointer-events:none;
  position:absolute;
  z-index:0;
  inset:0;
  width:auto;
  height:auto;
  -o-object-fit:cover;
     object-fit:cover;
}
.image[data-mode=background][data-fading]{
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, transparent 33%, var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff))) 100%);
          mask-image:linear-gradient(90deg, transparent 0%, transparent 33%, var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff))) 100%);
}
.image[data-mode=little][data-size=s], .image[data-mode=middle][data-size=s]{
  padding-top:var(--sn-primitive-dimension-8, 8px);
}
.image[data-mode=little][data-size=m], .image[data-mode=middle][data-size=m]{
  padding-top:var(--sn-primitive-dimension-16, 16px);
}
.image[data-mode=little][data-size=l], .image[data-mode=middle][data-size=l]{
  padding-top:var(--sn-primitive-dimension-24, 24px);
}

@charset "UTF-8";
.acrylic{
  pointer-events:none;
  position:absolute;
  inset:0;
  border-radius:inherit;
}

.stateLayer{
  visibility:initial;
}

.outlineBorder{
  pointer-events:none;
  position:absolute;
  inset:0;
  border-color:var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(0, 0, 0, 0.1411764706)));
  border-style:solid;
  border-width:var(--sn-card-anatomy-radius-s-container-borderWidth, var(--sn-primitive-strokeWeight-strokeRegular, 1px));
  border-radius:inherit;
}

.cardActions[data-actions-visibility=always]{
  position:relative;
}

.container{
  position:relative;
  display:flex;
  gap:var(--sn-primitive-dimension-8, 8px);
  align-items:center;
  box-sizing:border-box;
  width:100%;
  min-width:0;
  min-height:var(--sn-density-size-m, var(--sn-density-scale-100-m, var(--sn-platform-comfort-scale-100-m, var(--sn-primitive-dimension-40, 40px))));
  padding:0 var(--sn-primitive-dimension-4, 4px);
  border-radius:inherit;
}
.root[data-detailed] .container{
  gap:var(--sn-primitive-dimension-4, 4px);
  align-items:flex-start;
  min-height:0;
  padding:var(--sn-density-spacing-interval-s, var(--sn-platform-comfort-spacing-interval-s, var(--sn-primitive-dimension-12, 12px)));
}

.root{
  cursor:pointer;
  position:relative;
  display:flex;
  align-items:center;
  box-sizing:border-box;
  width:100%;
  padding:0;
  border:none;
  border-radius:var(--sn-density-radius-3xs, var(--sn-platform-comfort-radius-3xs, var(--sn-primitive-dimension-2, 2px)));
  font:inherit;
  color:inherit;
  text-decoration:none;
  background-color:transparent;
}
.root[data-disabled]{
  pointer-events:none;
  cursor:default;
  opacity:var(--sn-theme-effect-opacity-disabled, 0.4);
}
.root[data-disabled] .stateLayer{
  visibility:hidden;
}
.root[data-detailed] .cardActions{
  --card-actions-surface-inset-top:var(--sn-primitive-dimension-4, 4px);
  --card-actions-surface-inset-right:var(--sn-primitive-dimension-4, 4px);
}
.root:not([data-detailed]) .cardActions{
  margin-left:var(--sn-primitive-dimension-4, 4px);
}
.root:focus-visible{
  outline:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #222222)) solid var(--sn-primitive-strokeWeight-strokeSemiBold, 2px);
  outline-offset:calc(-1 * var(--sn-primitive-strokeWeight-strokeSemiBold, 2px));
}
.root:not([data-detailed], [data-disabled]):hover .cardActions, .root:not([data-detailed], [data-disabled]):focus-visible .cardActions, .root:not([data-detailed], [data-disabled])[data-tooltip-open] .cardActions, .root:not([data-detailed], [data-disabled]):has(*:focus-visible) .cardActions{
  position:relative;
  visibility:visible;
}
.root .stateLayer{
  position:absolute;
  inset:0;
  border-radius:inherit;
}
.root .stateLayer[data-state=borderOnBackground]{
  border-color:var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(0, 0, 0, 0.1411764706)));
  border-style:solid;
  border-width:var(--sn-primitive-strokeWeight-strokeRegular, 1px);
}
.root .stateLayer[data-state=emptyNeutralOnBackground]{
  background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-defaultEmpty-filled, var(--sn-brand-color-state-neutral-forLightMode-default-background, rgba(0, 0, 0, 0)));
}
.root .stateLayer[data-state=activatedOnBackground]{
  background:var(--sn-theme-color-material-stateLayer-activated-default-filled, var(--sn-brand-color-state-activated-default-background, rgba(128, 128, 128, 0.1607843137)));
}
.root .stateLayer[data-state=versionOnColor]{
  background:var(--sn-theme-color-material-stateLayer-versionOnColor-default-filled, rgba(0, 0, 0, 0.0509803922));
}
.root .stateLayer[data-state=emptyVersionOnColor]{
  background:var(--sn-theme-color-material-stateLayer-versionOnColor-defaultEmpty-filled, rgba(0, 0, 0, 0));
}
.root .stateLayer[data-state=inversionOnColor]{
  background:var(--sn-theme-color-material-stateLayer-inversionOnColor-default-filled, rgba(255, 255, 255, 0.1019607843));
}
.root .stateLayer[data-state=emptyInversionOnColor]{
  background:var(--sn-theme-color-material-stateLayer-inversionOnColor-defaultEmpty-filled, rgba(255, 255, 255, 0));
}
.root .stateLayer[data-state=emptyDarkOnAccent]{
  background:var(--sn-theme-color-material-stateLayer-darkOnAccent-defaultEmpty-filled, rgba(0, 0, 0, 0));
}
@media (hover: hover){
  .root:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=borderOnBackground]{
    border-color:var(--sn-theme-color-material-stateLayer-neutral-border-hovered-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-hovered-borderColor, rgba(0, 0, 0, 0.2392156863)));
  }
  .root:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyNeutralOnBackground]{
    background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-hovered-filled, var(--sn-brand-color-state-neutral-forLightMode-hovered-background, rgba(0, 0, 0, 0.0784313725)));
  }
  .root:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=activatedOnBackground]{
    background:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(128, 128, 128, 0.2392156863)));
  }
  .root:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=versionOnColor]{
    background:var(--sn-theme-color-material-stateLayer-versionOnColor-hovered-filled, rgba(0, 0, 0, 0.1019607843));
  }
  .root:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyVersionOnColor]{
    background:var(--sn-theme-color-material-stateLayer-versionOnColor-hovered-filled, rgba(0, 0, 0, 0.1019607843));
  }
  .root:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=inversionOnColor]{
    background:var(--sn-theme-color-material-stateLayer-inversionOnColor-hovered-filled, rgba(255, 255, 255, 0.1490196078));
  }
  .root:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyInversionOnColor]{
    background:var(--sn-theme-color-material-stateLayer-inversionOnColor-hovered-filled, rgba(255, 255, 255, 0.1490196078));
  }
  .root:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyDarkOnAccent]{
    background:var(--sn-theme-color-material-stateLayer-darkOnAccent-hovered-filled, rgba(0, 0, 0, 0.0588235294));
  }
}
.root{
}
.root[data-loading] .stateLayer[data-state=borderOnBackground], .root:active:not([data-disabled], [data-loading]) .stateLayer[data-state=borderOnBackground], .root[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=borderOnBackground]{
  border-color:var(--sn-theme-color-material-stateLayer-neutral-border-pressed-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-pressed-borderColor, rgba(0, 0, 0, 0.3411764706)));
}
.root[data-loading] .stateLayer[data-state=emptyNeutralOnBackground], .root:active:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyNeutralOnBackground], .root[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyNeutralOnBackground]{
  background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-pressed-filled, var(--sn-brand-color-state-neutral-forLightMode-pressed-background, rgba(0, 0, 0, 0.1215686275)));
}
.root[data-loading] .stateLayer[data-state=activatedOnBackground], .root:active:not([data-disabled], [data-loading]) .stateLayer[data-state=activatedOnBackground], .root[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=activatedOnBackground]{
  background:var(--sn-theme-color-material-stateLayer-activated-pressed-filled, var(--sn-brand-color-state-activated-pressed-background, rgba(128, 128, 128, 0.3411764706)));
}
.root[data-loading] .stateLayer[data-state=versionOnColor], .root:active:not([data-disabled], [data-loading]) .stateLayer[data-state=versionOnColor], .root[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=versionOnColor]{
  background:var(--sn-theme-color-material-stateLayer-versionOnColor-pressed-filled, rgba(0, 0, 0, 0.1490196078));
}
.root[data-loading] .stateLayer[data-state=emptyVersionOnColor], .root:active:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyVersionOnColor], .root[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyVersionOnColor]{
  background:var(--sn-theme-color-material-stateLayer-versionOnColor-pressed-filled, rgba(0, 0, 0, 0.1490196078));
}
.root[data-loading] .stateLayer[data-state=inversionOnColor], .root:active:not([data-disabled], [data-loading]) .stateLayer[data-state=inversionOnColor], .root[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=inversionOnColor]{
  background:var(--sn-theme-color-material-stateLayer-inversionOnColor-pressed-filled, rgba(255, 255, 255, 0.0509803922));
}
.root[data-loading] .stateLayer[data-state=emptyInversionOnColor], .root:active:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyInversionOnColor], .root[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyInversionOnColor]{
  background:var(--sn-theme-color-material-stateLayer-inversionOnColor-pressed-filled, rgba(255, 255, 255, 0.0509803922));
}
.root[data-loading] .stateLayer[data-state=emptyDarkOnAccent], .root:active:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyDarkOnAccent], .root[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyDarkOnAccent]{
  background:var(--sn-theme-color-material-stateLayer-darkOnAccent-pressed-filled, rgba(0, 0, 0, 0.1215686275));
}
.root[data-detailed]{
  isolation:isolate;
  overflow:hidden;
  align-items:flex-start;
  min-width:0;
  border-radius:var(--sn-card-anatomy-radius-s-container-borderRadius, var(--sn-brand-anatomy-radius-card-s, var(--sn-primitive-dimension-4, 4px)));
  outline:none;
}
.root[data-detailed] .stateLayer{
  display:none;
}
.root[data-detailed][data-disabled]{
  opacity:1;
}
.root[data-detailed][data-disabled] .container{
  opacity:var(--sn-theme-effect-opacity-disabled, 0.4);
}
.root[data-detailed]:focus-visible::after{
  pointer-events:none;
  content:"";
  position:absolute;
  inset:0;
  border:var(--sn-primitive-strokeWeight-strokeSemiBold, 2px) solid var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #222222));
  border-radius:inherit;
}
.root[data-detailed]:hover .cardActions, .root[data-detailed]:focus-visible .cardActions, .root[data-detailed]:has(*:focus-visible) .cardActions{
  visibility:visible;
}
.root[data-detailed]:hover[data-actions-visibility=hover][data-visible-actions="1"] .titleRow, .root[data-detailed]:focus-visible[data-actions-visibility=hover][data-visible-actions="1"] .titleRow, .root[data-detailed]:has(*:focus-visible)[data-actions-visibility=hover][data-visible-actions="1"] .titleRow{
  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[data-detailed]:hover[data-actions-visibility=hover][data-visible-actions="2"] .titleRow, .root[data-detailed]:focus-visible[data-actions-visibility=hover][data-visible-actions="2"] .titleRow, .root[data-detailed]:has(*:focus-visible)[data-actions-visibility=hover][data-visible-actions="2"] .titleRow{
  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[data-detailed][data-actions-visibility=always][data-visible-actions="1"] .titleRow{
  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[data-detailed][data-actions-visibility=always][data-visible-actions="2"] .titleRow{
  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[data-detailed][data-actions-visibility=always] .cardActions{
  position:absolute;
  top:var(--card-actions-surface-inset-top);
  right:var(--card-actions-surface-inset-right);
}
@media (hover: hover){
  .root[data-detailed]:not([data-disabled]):hover .outlineBorder{
    border-color:var(--sn-theme-color-material-stateLayer-neutral-border-hovered-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-hovered-borderColor, rgba(0, 0, 0, 0.2392156863)));
  }
}
.root[data-detailed][data-acrylic-appearance=primary][data-acrylic-level=default]{
  backdrop-filter:var(--sn-acrylic-backdropFilter, none);
}
.root[data-detailed][data-acrylic-appearance=primary][data-acrylic-level=default] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground, 1);
  background:var(--sn-theme-color-primary-background, var(--sn-brand-color-primary-90, #f2f2f2));
}
.root[data-detailed][data-acrylic-appearance=primary][data-acrylic-level="1Level"]{
  backdrop-filter:var(--sn-acrylic-backdropFilter1Level, none);
}
.root[data-detailed][data-acrylic-appearance=primary][data-acrylic-level="1Level"] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
  background:var(--sn-theme-color-primary-background1Level, var(--sn-brand-color-primary-95, #f8f8f8));
}
.root[data-detailed][data-acrylic-appearance=primary][data-acrylic-level="2Level"]{
  backdrop-filter:var(--sn-acrylic-backdropFilter2Level, none);
}
.root[data-detailed][data-acrylic-appearance=primary][data-acrylic-level="2Level"] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground2Level, 1);
  background:var(--sn-theme-color-primary-background2Level, var(--sn-brand-color-primary-99, #ffffff));
}
.root[data-detailed][data-acrylic-appearance=neutral][data-acrylic-level=default]{
  backdrop-filter:var(--sn-acrylic-backdropFilter, none);
}
.root[data-detailed][data-acrylic-appearance=neutral][data-acrylic-level=default] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground, 1);
  background:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #f4f4f4)));
}
.root[data-detailed][data-acrylic-appearance=neutral][data-acrylic-level="1Level"]{
  backdrop-filter:var(--sn-acrylic-backdropFilter1Level, none);
}
.root[data-detailed][data-acrylic-appearance=neutral][data-acrylic-level="1Level"] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
  background:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff)));
}
.root[data-detailed][data-acrylic-appearance=neutral][data-acrylic-level="2Level"]{
  backdrop-filter:var(--sn-acrylic-backdropFilter2Level, none);
}
.root[data-detailed][data-acrylic-appearance=neutral][data-acrylic-level="2Level"] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground2Level, 1);
  background:var(--sn-theme-color-neutral-background2Level, var(--sn-brand-color-neutral-99, var(--sn-brand-palette-gray-99, #ffffff)));
}
.root[data-detailed][data-acrylic-appearance=red][data-acrylic-level=default]{
  backdrop-filter:var(--sn-acrylic-backdropFilter, none);
}
.root[data-detailed][data-acrylic-appearance=red][data-acrylic-level=default] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground, 1);
  background:var(--sn-theme-color-red-background, var(--sn-brand-palette-red-90, #fee8e5));
}
.root[data-detailed][data-acrylic-appearance=red][data-acrylic-level="1Level"]{
  backdrop-filter:var(--sn-acrylic-backdropFilter1Level, none);
}
.root[data-detailed][data-acrylic-appearance=red][data-acrylic-level="1Level"] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
  background:var(--sn-theme-color-red-background1Level, var(--sn-brand-palette-red-95, #fef5f1));
}
.root[data-detailed][data-acrylic-appearance=red][data-acrylic-level="2Level"]{
  backdrop-filter:var(--sn-acrylic-backdropFilter2Level, none);
}
.root[data-detailed][data-acrylic-appearance=red][data-acrylic-level="2Level"] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground2Level, 1);
  background:var(--sn-theme-color-red-background2Level, var(--sn-brand-palette-red-99, #fffaf7));
}
.root[data-detailed][data-acrylic-appearance=orange][data-acrylic-level=default]{
  backdrop-filter:var(--sn-acrylic-backdropFilter, none);
}
.root[data-detailed][data-acrylic-appearance=orange][data-acrylic-level=default] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground, 1);
  background:var(--sn-theme-color-orange-background, var(--sn-brand-palette-orange-90, #ffedcf));
}
.root[data-detailed][data-acrylic-appearance=orange][data-acrylic-level="1Level"]{
  backdrop-filter:var(--sn-acrylic-backdropFilter1Level, none);
}
.root[data-detailed][data-acrylic-appearance=orange][data-acrylic-level="1Level"] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
  background:var(--sn-theme-color-orange-background1Level, var(--sn-brand-palette-orange-95, #fff6e5));
}
.root[data-detailed][data-acrylic-appearance=orange][data-acrylic-level="2Level"]{
  backdrop-filter:var(--sn-acrylic-backdropFilter2Level, none);
}
.root[data-detailed][data-acrylic-appearance=orange][data-acrylic-level="2Level"] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground2Level, 1);
  background:var(--sn-theme-color-orange-background2Level, var(--sn-brand-palette-orange-99, #fffcf4));
}
.root[data-detailed][data-acrylic-appearance=yellow][data-acrylic-level=default]{
  backdrop-filter:var(--sn-acrylic-backdropFilter, none);
}
.root[data-detailed][data-acrylic-appearance=yellow][data-acrylic-level=default] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground, 1);
  background:var(--sn-theme-color-yellow-background, var(--sn-brand-palette-yellow-90, #fdf4cc));
}
.root[data-detailed][data-acrylic-appearance=yellow][data-acrylic-level="1Level"]{
  backdrop-filter:var(--sn-acrylic-backdropFilter1Level, none);
}
.root[data-detailed][data-acrylic-appearance=yellow][data-acrylic-level="1Level"] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
  background:var(--sn-theme-color-yellow-background1Level, var(--sn-brand-palette-yellow-95, #fffbe6));
}
.root[data-detailed][data-acrylic-appearance=yellow][data-acrylic-level="2Level"]{
  backdrop-filter:var(--sn-acrylic-backdropFilter2Level, none);
}
.root[data-detailed][data-acrylic-appearance=yellow][data-acrylic-level="2Level"] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground2Level, 1);
  background:var(--sn-theme-color-yellow-background2Level, var(--sn-brand-palette-yellow-99, #fffef6));
}
.root[data-detailed][data-acrylic-appearance=green][data-acrylic-level=default]{
  backdrop-filter:var(--sn-acrylic-backdropFilter, none);
}
.root[data-detailed][data-acrylic-appearance=green][data-acrylic-level=default] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground, 1);
  background:var(--sn-theme-color-green-background, var(--sn-brand-palette-green-90, #e4f5df));
}
.root[data-detailed][data-acrylic-appearance=green][data-acrylic-level="1Level"]{
  backdrop-filter:var(--sn-acrylic-backdropFilter1Level, none);
}
.root[data-detailed][data-acrylic-appearance=green][data-acrylic-level="1Level"] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
  background:var(--sn-theme-color-green-background1Level, var(--sn-brand-palette-green-95, #f1faed));
}
.root[data-detailed][data-acrylic-appearance=green][data-acrylic-level="2Level"]{
  backdrop-filter:var(--sn-acrylic-backdropFilter2Level, none);
}
.root[data-detailed][data-acrylic-appearance=green][data-acrylic-level="2Level"] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground2Level, 1);
  background:var(--sn-theme-color-green-background2Level, var(--sn-brand-palette-green-99, #fcfefa));
}
.root[data-detailed][data-acrylic-appearance=blue][data-acrylic-level=default]{
  backdrop-filter:var(--sn-acrylic-backdropFilter, none);
}
.root[data-detailed][data-acrylic-appearance=blue][data-acrylic-level=default] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground, 1);
  background:var(--sn-theme-color-blue-background, var(--sn-brand-palette-blue-90, #e6f4fd));
}
.root[data-detailed][data-acrylic-appearance=blue][data-acrylic-level="1Level"]{
  backdrop-filter:var(--sn-acrylic-backdropFilter1Level, none);
}
.root[data-detailed][data-acrylic-appearance=blue][data-acrylic-level="1Level"] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
  background:var(--sn-theme-color-blue-background1Level, var(--sn-brand-palette-blue-95, #f2f9ff));
}
.root[data-detailed][data-acrylic-appearance=blue][data-acrylic-level="2Level"]{
  backdrop-filter:var(--sn-acrylic-backdropFilter2Level, none);
}
.root[data-detailed][data-acrylic-appearance=blue][data-acrylic-level="2Level"] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground2Level, 1);
  background:var(--sn-theme-color-blue-background2Level, var(--sn-brand-palette-blue-99, #fdfeff));
}
.root[data-detailed][data-acrylic-appearance=violet][data-acrylic-level=default]{
  backdrop-filter:var(--sn-acrylic-backdropFilter, none);
}
.root[data-detailed][data-acrylic-appearance=violet][data-acrylic-level=default] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground, 1);
  background:var(--sn-theme-color-violet-background, var(--sn-brand-palette-violet-90, #f3edfc));
}
.root[data-detailed][data-acrylic-appearance=violet][data-acrylic-level="1Level"]{
  backdrop-filter:var(--sn-acrylic-backdropFilter1Level, none);
}
.root[data-detailed][data-acrylic-appearance=violet][data-acrylic-level="1Level"] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
  background:var(--sn-theme-color-violet-background1Level, var(--sn-brand-palette-violet-95, #f9f5ff));
}
.root[data-detailed][data-acrylic-appearance=violet][data-acrylic-level="2Level"]{
  backdrop-filter:var(--sn-acrylic-backdropFilter2Level, none);
}
.root[data-detailed][data-acrylic-appearance=violet][data-acrylic-level="2Level"] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground2Level, 1);
  background:var(--sn-theme-color-violet-background2Level, var(--sn-brand-palette-violet-99, #fdfdfd));
}
.root[data-detailed][data-acrylic-appearance=pink][data-acrylic-level=default]{
  backdrop-filter:var(--sn-acrylic-backdropFilter, none);
}
.root[data-detailed][data-acrylic-appearance=pink][data-acrylic-level=default] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground, 1);
  background:var(--sn-theme-color-pink-background, var(--sn-brand-palette-pink-90, #fceaf0));
}
.root[data-detailed][data-acrylic-appearance=pink][data-acrylic-level="1Level"]{
  backdrop-filter:var(--sn-acrylic-backdropFilter1Level, none);
}
.root[data-detailed][data-acrylic-appearance=pink][data-acrylic-level="1Level"] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
  background:var(--sn-theme-color-pink-background1Level, var(--sn-brand-palette-pink-95, #fff5f7));
}
.root[data-detailed][data-acrylic-appearance=pink][data-acrylic-level="2Level"]{
  backdrop-filter:var(--sn-acrylic-backdropFilter2Level, none);
}
.root[data-detailed][data-acrylic-appearance=pink][data-acrylic-level="2Level"] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground2Level, 1);
  background:var(--sn-theme-color-pink-background2Level, var(--sn-brand-palette-pink-99, #fdfcfc));
}
.root[data-detailed][data-acrylic-appearance=transparent]{
  backdrop-filter:var(--sn-acrylic-backdropFilter1Level, none);
}
.root[data-detailed][data-acrylic-appearance=transparent] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
  background:transparent;
}
.root[data-detailed][data-acrylic-appearance=decorTransparent]{
  backdrop-filter:var(--sn-acrylic-backdropFilter1Level, none);
}
.root[data-detailed][data-acrylic-appearance=decorTransparent] .acrylic{
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
  background:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(136, 146, 170, 0.0784313725)));
}

.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;
  box-sizing:border-box;
  width:100%;
  min-width:0;
  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));
  text-overflow:ellipsis;
  white-space:nowrap;
}

.description{
  width:100%;
  color:var(--sn-theme-color-available-version-textTertiary, var(--sn-brand-color-text-version-tertiary, rgba(0, 0, 0, 0.5803921569)));
}
.root{
  box-sizing:border-box;
  padding:var(--sn-primitive-dimension-16, 16px);
  text-decoration:none;
}

.content{
  display:flex;
  flex-direction:column;
  gap:var(--sn-primitive-dimension-8, 8px);
}

.header{
  display:flex;
  gap:var(--sn-primitive-dimension-8, 8px);
  align-items:center;
}

.emblem{
  flex-shrink:0;
}

.title{
  color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
}

.description{
  flex:1;
  color:var(--sn-theme-color-available-version-textSecondary, var(--sn-brand-color-text-version-secondary, rgba(0, 0, 0, 0.7803921569)));
}
.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)));
}
@charset "UTF-8";
.stateLayer{
  visibility:initial;
}

.cardActions{
  margin-left:var(--sn-primitive-dimension-4, 4px);
}
.cardActions[data-actions-visibility=always]{
  position:relative;
}

.root{
  cursor:pointer;
  position:relative;
  display:flex;
  align-items:center;
  box-sizing:border-box;
  width:100%;
  padding:0;
  border:none;
  border-radius:var(--sn-density-radius-3xs, var(--sn-platform-comfort-radius-3xs, var(--sn-primitive-dimension-2, 2px)));
  font:inherit;
  color:inherit;
  text-decoration:none;
  background-color:transparent;
}
.root[data-disabled]{
  pointer-events:none;
  cursor:default;
  opacity:var(--sn-theme-effect-opacity-disabled, 0.4);
}
.root[data-disabled] .stateLayer{
  visibility:hidden;
}
.root:focus-visible{
  outline:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #222222)) solid var(--sn-primitive-strokeWeight-strokeSemiBold, 2px);
  outline-offset:calc(-1 * var(--sn-primitive-strokeWeight-strokeSemiBold, 2px));
}
.root:not([data-disabled]):hover .cardActions, .root:not([data-disabled]):focus-visible .cardActions, .root:not([data-disabled])[data-tooltip-open] .cardActions, .root:not([data-disabled]):has(*:focus-visible) .cardActions{
  position:relative;
  visibility:visible;
}
.root .stateLayer{
  position:absolute;
  inset:0;
  border-radius:inherit;
}
.root .stateLayer[data-state=borderOnBackground]{
  border-color:var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(0, 0, 0, 0.1411764706)));
  border-style:solid;
  border-width:var(--sn-primitive-strokeWeight-strokeRegular, 1px);
}
.root .stateLayer[data-state=emptyNeutralOnBackground]{
  background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-defaultEmpty-filled, var(--sn-brand-color-state-neutral-forLightMode-default-background, rgba(0, 0, 0, 0)));
}
.root .stateLayer[data-state=activatedOnBackground]{
  background:var(--sn-theme-color-material-stateLayer-activated-default-filled, var(--sn-brand-color-state-activated-default-background, rgba(128, 128, 128, 0.1607843137)));
}
.root .stateLayer[data-state=versionOnColor]{
  background:var(--sn-theme-color-material-stateLayer-versionOnColor-default-filled, rgba(0, 0, 0, 0.0509803922));
}
.root .stateLayer[data-state=emptyVersionOnColor]{
  background:var(--sn-theme-color-material-stateLayer-versionOnColor-defaultEmpty-filled, rgba(0, 0, 0, 0));
}
.root .stateLayer[data-state=inversionOnColor]{
  background:var(--sn-theme-color-material-stateLayer-inversionOnColor-default-filled, rgba(255, 255, 255, 0.1019607843));
}
.root .stateLayer[data-state=emptyInversionOnColor]{
  background:var(--sn-theme-color-material-stateLayer-inversionOnColor-defaultEmpty-filled, rgba(255, 255, 255, 0));
}
.root .stateLayer[data-state=emptyDarkOnAccent]{
  background:var(--sn-theme-color-material-stateLayer-darkOnAccent-defaultEmpty-filled, rgba(0, 0, 0, 0));
}
@media (hover: hover){
  .root:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=borderOnBackground]{
    border-color:var(--sn-theme-color-material-stateLayer-neutral-border-hovered-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-hovered-borderColor, rgba(0, 0, 0, 0.2392156863)));
  }
  .root:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyNeutralOnBackground]{
    background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-hovered-filled, var(--sn-brand-color-state-neutral-forLightMode-hovered-background, rgba(0, 0, 0, 0.0784313725)));
  }
  .root:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=activatedOnBackground]{
    background:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(128, 128, 128, 0.2392156863)));
  }
  .root:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=versionOnColor]{
    background:var(--sn-theme-color-material-stateLayer-versionOnColor-hovered-filled, rgba(0, 0, 0, 0.1019607843));
  }
  .root:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyVersionOnColor]{
    background:var(--sn-theme-color-material-stateLayer-versionOnColor-hovered-filled, rgba(0, 0, 0, 0.1019607843));
  }
  .root:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=inversionOnColor]{
    background:var(--sn-theme-color-material-stateLayer-inversionOnColor-hovered-filled, rgba(255, 255, 255, 0.1490196078));
  }
  .root:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyInversionOnColor]{
    background:var(--sn-theme-color-material-stateLayer-inversionOnColor-hovered-filled, rgba(255, 255, 255, 0.1490196078));
  }
  .root:hover:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyDarkOnAccent]{
    background:var(--sn-theme-color-material-stateLayer-darkOnAccent-hovered-filled, rgba(0, 0, 0, 0.0588235294));
  }
}
.root{
}
.root[data-loading] .stateLayer[data-state=borderOnBackground], .root:active:not([data-disabled], [data-loading]) .stateLayer[data-state=borderOnBackground], .root[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=borderOnBackground]{
  border-color:var(--sn-theme-color-material-stateLayer-neutral-border-pressed-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-pressed-borderColor, rgba(0, 0, 0, 0.3411764706)));
}
.root[data-loading] .stateLayer[data-state=emptyNeutralOnBackground], .root:active:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyNeutralOnBackground], .root[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyNeutralOnBackground]{
  background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-pressed-filled, var(--sn-brand-color-state-neutral-forLightMode-pressed-background, rgba(0, 0, 0, 0.1215686275)));
}
.root[data-loading] .stateLayer[data-state=activatedOnBackground], .root:active:not([data-disabled], [data-loading]) .stateLayer[data-state=activatedOnBackground], .root[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=activatedOnBackground]{
  background:var(--sn-theme-color-material-stateLayer-activated-pressed-filled, var(--sn-brand-color-state-activated-pressed-background, rgba(128, 128, 128, 0.3411764706)));
}
.root[data-loading] .stateLayer[data-state=versionOnColor], .root:active:not([data-disabled], [data-loading]) .stateLayer[data-state=versionOnColor], .root[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=versionOnColor]{
  background:var(--sn-theme-color-material-stateLayer-versionOnColor-pressed-filled, rgba(0, 0, 0, 0.1490196078));
}
.root[data-loading] .stateLayer[data-state=emptyVersionOnColor], .root:active:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyVersionOnColor], .root[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyVersionOnColor]{
  background:var(--sn-theme-color-material-stateLayer-versionOnColor-pressed-filled, rgba(0, 0, 0, 0.1490196078));
}
.root[data-loading] .stateLayer[data-state=inversionOnColor], .root:active:not([data-disabled], [data-loading]) .stateLayer[data-state=inversionOnColor], .root[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=inversionOnColor]{
  background:var(--sn-theme-color-material-stateLayer-inversionOnColor-pressed-filled, rgba(255, 255, 255, 0.0509803922));
}
.root[data-loading] .stateLayer[data-state=emptyInversionOnColor], .root:active:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyInversionOnColor], .root[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyInversionOnColor]{
  background:var(--sn-theme-color-material-stateLayer-inversionOnColor-pressed-filled, rgba(255, 255, 255, 0.0509803922));
}
.root[data-loading] .stateLayer[data-state=emptyDarkOnAccent], .root:active:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyDarkOnAccent], .root[data-pressed=true]:not([data-disabled], [data-loading]) .stateLayer[data-state=emptyDarkOnAccent]{
  background:var(--sn-theme-color-material-stateLayer-darkOnAccent-pressed-filled, rgba(0, 0, 0, 0.1215686275));
}

.container{
  position:relative;
  display:flex;
  gap:var(--sn-primitive-dimension-8, 8px);
  align-items:center;
  box-sizing:border-box;
  width:100%;
  min-width:0;
  min-height:var(--sn-density-size-m, var(--sn-density-scale-100-m, var(--sn-platform-comfort-scale-100-m, var(--sn-primitive-dimension-40, 40px))));
  padding:0 var(--sn-primitive-dimension-4, 4px);
  border-radius:inherit;
}

.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)));
}

.content{
  display:flex;
  flex:1;
  gap:var(--sn-primitive-dimension-4, 4px);
  align-items:center;
  min-width:0;
  min-height:var(--sn-primitive-dimension-24, 24px);
}

.title{
  overflow:hidden;
  display:block;
  min-width:0;
  color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
  text-overflow:ellipsis;
  white-space:nowrap;
}
.promoTagWrapper{
  position:absolute;
  top:calc(-1 * var(--sn-primitive-dimension-4, 4px));
  right:calc(-1 * var(--sn-primitive-dimension-4, 4px));
  display:flex;
}

.favouriteWrapper{
  flex-shrink:0;
}
.favouriteWrapper[data-actions-visibility=hover]{
  display:none;
}
.favouriteWrapper[data-actions-visibility=always]{
  display:flex;
}

.wrapper{
  position:relative;
  box-sizing:border-box;
}
.wrapper:hover .favouriteWrapper[data-actions-visibility=hover], .wrapper:focus-within .favouriteWrapper[data-actions-visibility=hover]{
  display:flex;
}

.card{
  box-sizing:border-box;
  width:100%;
}

.contentWrapper{
  display:flex;
  gap:var(--sn-primitive-dimension-8, 8px);
  align-items:center;
  justify-content:space-between;
  box-sizing:border-box;
  width:100%;
  padding:var(--sn-primitive-dimension-8, 8px);
  color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
}

.icon{
  flex-shrink:0;
  color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
}

.iconSvg{
  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)));
}

.contentLayout{
  overflow:hidden;
  display:block;
  flex-grow:1;
  min-width:0;
  max-width:100%;
}

.title{
  overflow:hidden;
  display:block;
  max-width:100%;
  color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
  text-overflow:ellipsis;
  white-space:nowrap;
}
.content{
  position:relative;
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
  width:100%;
}

.title{
  color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
}

.description{
  color:var(--sn-theme-color-available-version-textSecondary, var(--sn-brand-color-text-version-secondary, rgba(0, 0, 0, 0.7803921569)));
}

.promoBadge{
  position:absolute;
  z-index:1;
  top:var(--sn-primitive-dimension-4, 4px);
  right:var(--sn-primitive-dimension-4, 4px);
}

.root{
  box-sizing:border-box;
  text-decoration:none;
}
.root[data-size=m] .content{
  gap:var(--sn-primitive-dimension-8, 8px);
  padding:var(--sn-primitive-dimension-16, 16px);
}
.root[data-size=s] .content{
  gap:var(--sn-primitive-dimension-4, 4px);
  padding:var(--sn-primitive-dimension-8, 8px);
}
.root{
  display:flex;
  gap:var(--sn-primitive-dimension-4, 4px);
  align-items:center;
  box-sizing:border-box;
  height:var(--sn-primitive-dimension-32, 32px);
  color:var(--sn-theme-color-primary-text, var(--sn-brand-color-primary-40, #0d0d0d));
}

.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)));
}
.root{
  display:flex;
  flex-shrink:0;
  align-items:center;
  box-sizing:border-box;
}
.root[data-actions-visibility=hover]{
  position:absolute;
  top:var(--card-actions-surface-inset-top, 0);
  right:var(--card-actions-surface-inset-right, 0);
  border-radius:var(--sn-density-radius-3xs, var(--sn-platform-comfort-radius-3xs, var(--sn-primitive-dimension-2, 2px)));
  visibility:hidden;
  background-color:var(--sn-theme-color-neutral-background2Level, var(--sn-brand-color-neutral-99, var(--sn-brand-palette-gray-99, #ffffff)));
  box-shadow:var(--sn-boxShadow-elevation-level2, var(--sn-theme-effect-shadow-level2-layer1-positionX, 0) var(--sn-theme-effect-shadow-level2-layer1-positionY, 0) var(--sn-theme-effect-shadow-level2-layer1-blur, 4px) var(--sn-theme-effect-shadow-level2-layer1-spread, 0) var(--sn-theme-effect-shadow-layer1Color, rgba(34, 34, 34, 0.0784313725)), var(--sn-theme-effect-shadow-level2-layer2-positionX, 0) var(--sn-theme-effect-shadow-level2-layer2-positionY, 4px) var(--sn-theme-effect-shadow-level2-layer2-blur, 8px) var(--sn-theme-effect-shadow-level2-layer2-spread, 2px) var(--sn-theme-effect-shadow-layer2Color, rgba(34, 34, 34, 0.0784313725)));
  transition:visibility 1ms linear;
}
.root[data-actions-visibility=hover]:has(*:focus-visible){
  visibility:visible;
}

.favorite{
  flex-shrink:0;
}
.favorite[data-checked=true] svg{
  color:var(--sn-theme-color-yellow-accent, var(--sn-brand-palette-yellow-50, #f3b917));
}

.expandButton{
  flex-shrink:0;
}

.tooltipTrigger{
  display:flex;
  flex-shrink:0;
}
.promoTag{
  cursor:inherit;
  flex-shrink:0;
}
.img{
  overflow:hidden;
  flex-shrink:0;
  box-sizing:border-box;
  border-color:var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(0, 0, 0, 0.1411764706)));
  border-style:solid;
  border-width:var(--sn-primitive-strokeWeight-strokeRegular, 1px);
  border-radius:var(--sn-card-anatomy-radius-s-container-borderRadius, var(--sn-brand-anatomy-radius-card-s, var(--sn-primitive-dimension-4, 4px)));
  -o-object-fit:cover;
     object-fit:cover;
}
.img[data-size=s]{
  width:var(--sn-primitive-dimension-32, 32px);
  height:var(--sn-primitive-dimension-32, 32px);
}
.img[data-size=m]{
  width:var(--sn-primitive-dimension-40, 40px);
  height:var(--sn-primitive-dimension-40, 40px);
}
.img[data-size=l]{
  width:var(--sn-primitive-dimension-80, 80px);
  height:var(--sn-primitive-dimension-80, 80px);
}
@charset "UTF-8";
.wrapper{
  position:absolute;
  z-index:2;
  top:0;
  right:0;
  display:none;
  box-sizing:border-box;
  padding-top:var(--sn-primitive-dimension-8, 8px);
  padding-right:var(--sn-primitive-dimension-8, 8px);
}
.wrapper[data-visible]{
  display:block;
}

@media (hover: hover){
  [data-card]:hover [data-function-badge-wrapper],
  [data-card]:has(:focus-visible) [data-function-badge-wrapper],
  [data-card]:focus-visible [data-function-badge-wrapper]{
    display:block;
  }
}
.functionBadge{
  position:absolute;
  top:0;
  right:0;
  box-sizing:border-box;
}

.functionRow{
  position:relative;
}
.functionRow::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:var(--sn-primitive-dimension-32, 32px);
  height:var(--sn-primitive-dimension-32, 32px);
  border-radius:var(--sn-brand-anatomy-radius-card-toggles-xs, var(--sn-primitive-dimension-0, 0px));
  opacity:0.8;
  background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff)));
  box-shadow:var(--sn-boxShadow-elevation-level2, var(--sn-theme-effect-shadow-level2-layer1-positionX, 0) var(--sn-theme-effect-shadow-level2-layer1-positionY, 0) var(--sn-theme-effect-shadow-level2-layer1-blur, 4px) var(--sn-theme-effect-shadow-level2-layer1-spread, 0) var(--sn-theme-effect-shadow-layer1Color, rgba(34, 34, 34, 0.0784313725)), var(--sn-theme-effect-shadow-level2-layer2-positionX, 0) var(--sn-theme-effect-shadow-level2-layer2-positionY, 4px) var(--sn-theme-effect-shadow-level2-layer2-blur, 8px) var(--sn-theme-effect-shadow-level2-layer2-spread, 2px) var(--sn-theme-effect-shadow-layer2Color, rgba(34, 34, 34, 0.0784313725)));
}