@keyframes _17xg0p70{0%{opacity:0}to{opacity:1}}
@keyframes _17xg0p71{0%{opacity:1}to{opacity:0}}
::view-transition-old(.staff-fade){animation:.3s cubic-bezier(.78,0,.81,0) both _17xg0p71}
::view-transition-new(.staff-fade){animation:.6s cubic-bezier(.19,1,.22,1) both _17xg0p70}
._17xg0p72{width:100%;height:100%}
._17xg0p73{flex-direction:column;justify-content:space-between;gap:4rem;width:100%;height:100%;display:flex;position:relative}
._17xg0p74{flex:1;position:relative;overflow:hidden}
._17xg0p75{overscroll-behavior:contain;scrollbar-width:none;scrollbar-color:#666 transparent;flex-direction:column;gap:4rem;height:100%;display:flex;overflow-y:auto}
._17xg0p75:after{content:"";opacity:0;pointer-events:none;background-image:linear-gradient(#0000,#000);width:100%;height:12rem;position:absolute;bottom:0;left:0}
._17xg0p75.is-overflow:after{opacity:calc(1 - var(--scroll-progress,0))}
._17xg0p76{align-items:center;gap:2rem;display:flex}
._17xg0p77{aspect-ratio:200/249;background-color:#181818;flex-shrink:0;width:20rem;overflow:hidden}
._17xg0p78{flex-direction:column;gap:.8rem;display:flex}
._17xg0p79{line-height:1.5}
._17xg0p7a{line-height:1}
._17xg0p7b{flex:1}
._17xg0p7d{display:flex}
._17xg0p7e{border:1px solid;display:flex;position:relative}
._17xg0p7e:after{content:"";background-color:currentColor;width:1px;height:100%;position:absolute;top:0;left:50%;translate:-50%}
._17xg0p7f{scale:-1 1}
._17xg0p7h{display:block}
._17xg0p7h.is-disabled{pointer-events:none}
._17xg0p7i{aspect-ratio:1;width:2.8rem;font-size:.6rem;display:block}
._17xg0p7h.is-disabled ._17xg0p7i{color:#666}
@media screen and not (min-width:768px){._17xg0p7a{font-size:2rem}}
@media screen and (min-width:768px){._17xg0p7a{font-size:2rem}._17xg0p7d{justify-content:flex-end}}