/* Header profile button of the static ps.tv home: the look of the Nuxt header's ProfileMenu.vue
   (88x54, 80x42 up to 1280px), right of "Start a room"; on phones it stays in the bar, left of the burger. */
.v7-profile[hidden]{display:none}
.v7-profile{position:relative;flex:0 0 88px;width:88px;height:54px}
.v-v7 .v5-hd-in.has-profile .v7-hd-cta{grid-area:1/3;margin-right:104px}
.v-v7 .v5-hd-in.has-profile .v7-profile{grid-area:1/3;justify-self:end}
.v7-pf-btn{display:flex;align-items:center;justify-content:center;width:100%;height:100%;box-sizing:border-box;padding:0;overflow:hidden;cursor:pointer;background:linear-gradient(180deg,#352968 0%,#241D47 100%);border:2px inset rgba(255,255,255,.07);border-radius:36px}
.v7-pf-btn:hover{background:#fff;border:2px solid transparent;transition:transform .3s ease,background .3s ease}
.v7-pf-btn:hover .v7-pf-us path{fill:#02010D}
.v7-pf-btn:focus-visible{outline:3px solid var(--yel);outline-offset:2px}
.v7-pf-icon{position:relative;display:block;flex:0 0 52px;width:52px;height:52px}
.v7-pf-ic{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0}
.v7-profile:not(.is-in) .v7-pf-av,.v7-profile.is-in .v7-pf-us{visibility:hidden}
.v7-pf-pop[hidden]{display:none}
.v7-pf-pop{position:absolute;top:60px;right:0;z-index:40;display:flex;flex-direction:column;gap:16px;min-width:160px;padding:12px 24px;border-radius:12px;background:#110E31}
.v7-pf-pop a,.v7-pf-pop button{display:flex;align-items:center;min-height:24px;padding:0;border:0;background:none;color:#fff;font:inherit;font-weight:500;font-size:16px;text-decoration:none;cursor:pointer;white-space:nowrap}
.v7-pf-pop a:hover,.v7-pf-pop button:hover{opacity:.8}
.v7-pf-err[hidden]{display:none}
.v7-pf-err{max-width:220px;margin:0;color:#FF8A8A;font-size:14px;line-height:1.3}
.v7-pf-mi{flex:none;width:18px;height:18px;margin-right:4px}
.v7-profile.is-minimal .v7-pf-mi-sub,.v7-profile:not(.is-minimal) .v7-pf-mi-acc{display:none}
@media(max-width:1280px){
  .v7-profile{flex-basis:80px;width:80px;height:42px}
  .v-v7 .v5-hd-in.has-profile .v7-hd-cta{margin-right:96px}
  .v7-pf-icon{flex-basis:32px;width:32px;height:32px}
  .v7-pf-pop{top:48px}
}
@media(max-width:860px){
  .v7-js .v5-hd-in.has-profile .v7-profile{margin-left:auto}
  .v7-js .v5-hd-in.has-profile .v7-burger{margin-left:8px}
  .v-v7 .v5-hd-in.has-profile .v7-hd-cta{margin-right:0}
}