/* Standalone-only platform affordance layer. Tilda does not consume this file. */
.pw-platform-label{display:inline-flex;align-items:center;gap:.55rem;min-width:0}
.pw-platform-icon{
  display:inline-block;
  flex:0 0 19px;
  width:19px;
  height:19px;
  background:currentColor;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
}
.pw-platform-icon--youtube{-webkit-mask-image:url("/shared/platform-icons/youtube.svg");mask-image:url("/shared/platform-icons/youtube.svg")}
.pw-platform-icon--google-play{-webkit-mask-image:url("/shared/platform-icons/google-play.svg");mask-image:url("/shared/platform-icons/google-play.svg")}
.pw-platform-icon--github{-webkit-mask-image:url("/shared/platform-icons/github.svg");mask-image:url("/shared/platform-icons/github.svg")}

#pw-literacy-v2 .pw-lesson-link{grid-template-columns:44px minmax(0,1fr) 18px auto}
#pw-literacy-v2 .pw-lesson-link>.pw-platform-icon{width:18px;height:18px;flex-basis:18px;color:var(--pw-fg-subtle)}
#pw-literacy-v2 .pw-frame-lesson>.pw-platform-icon{width:17px;height:17px;flex-basis:17px;color:var(--pw-fg-subtle);margin-left:auto}
#pw-literacy-v2 .pw-frame-lesson::after{margin-left:0}
#pw-manifesto-v3 .pw-m3-media-play .pw-platform-icon{width:12px;height:12px;flex-basis:12px}
@media(max-width:640px){
  #pw-literacy-v2 .pw-lesson-link{grid-template-columns:34px minmax(0,1fr) 18px auto;gap:10px}
}