/* "Back to Goosy Apps" bar above the Choosy Goosy product page and the Kids coming-soon pages. */
.studio-return {
  position: relative; z-index: 20; display: flex; justify-content: center; align-items: center;
  min-height: 48px; padding: 6px 16px; text-decoration: none; color: #fff;
  background: linear-gradient(90deg, #1B3631, #24473F 50%, #1B3631);
  box-shadow: inset 0 -1px 0 #ffffff14;
  view-transition-name: studio-return;
}
.studio-return-pill {
  display: inline-flex; align-items: center; gap: 10px; padding: 5px 16px 5px 5px; border-radius: 999px;
  font: 700 14px/1.2 Nunito, system-ui, sans-serif; letter-spacing: .1px;
  transition: background .25s;
}
.studio-return-arrow {
  display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%;
  background: #ffffff1f; color: #fff; transition: transform .3s cubic-bezier(.3,1.6,.5,1), background .25s, color .25s;
}
.studio-return .brand-medal {
  display: grid; place-items: center; flex-shrink: 0; overflow: hidden; width: 30px; height: 30px; border-radius: 50%;
  background: linear-gradient(#fff 0 62%, #E5F2EC 62%); box-shadow: 0 0 0 1.5px #ffffff59;
}
.studio-return .brand-medal img { width: 26px; height: 26px; margin: 4px 0 0 1px; transition: transform .35s cubic-bezier(.3,1.8,.5,1); }
.studio-return-label { display: inline-flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.studio-return-label b { font: 700 16px/1 "Baloo 2", Nunito, system-ui, sans-serif; }
.studio-return .brand-color { color: #FFB066; }
.studio-return-rest { color: #D7E8E2; font-weight: 600; }
.studio-return-rest::before { content: "·"; margin-right: 8px; color: #8FB5A9; }
.studio-return:hover .studio-return-pill { background: #ffffff12; }
.studio-return:hover .studio-return-arrow { transform: translateX(-4px); background: #FF8A3D; color: #1F2A44; }
.studio-return:hover .brand-medal img { transform: rotate(-10deg); }
.studio-return:focus-visible { outline: none; }
.studio-return:focus-visible .studio-return-pill { outline: 2px solid #FFB066; outline-offset: 2px; }
html[data-theme=midnight] .studio-return { background: linear-gradient(90deg, #0B1517, #142022 50%, #0B1517); box-shadow: inset 0 -1px 0 #2C4A4E; }
html[data-theme=neon] .studio-return { background: linear-gradient(90deg, #160F3C, #241C58 50%, #160F3C); box-shadow: inset 0 -1px 0 #4B3E9E; }
html[data-theme=neon] .studio-return .brand-color { color: #FF85C0; }
@media (max-width: 480px) {
  .studio-return { min-height: 44px; }
  .studio-return-pill { font-size: 13px; gap: 8px; }
  .studio-return-label b { font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .studio-return-arrow, .studio-return .brand-medal img { transition: none; }
}