.appbar-wrapper[data-v-bdedc492]{margin-left:.75rem;margin-right:.75rem;top:1rem;transition:margin-left .38s cubic-bezier(.4,0,.2,1),margin-right .38s cubic-bezier(.4,0,.2,1),top .38s cubic-bezier(.4,0,.2,1)}@media(min-width:640px){.appbar-wrapper[data-v-bdedc492]{margin-left:2rem;margin-right:2rem}}@media(min-width:1024px){.appbar-wrapper[data-v-bdedc492]{margin-left:5rem;margin-right:5rem}.appbar-wrapper[data-v-bdedc492]:not(.is-scrolled){margin-left:0;margin-right:0;top:0}}.appbar-header[data-v-bdedc492]{transition:border-radius .38s cubic-bezier(.4,0,.2,1),background .38s cubic-bezier(.4,0,.2,1),box-shadow .38s cubic-bezier(.4,0,.2,1),border-color .38s cubic-bezier(.4,0,.2,1),padding-left .38s cubic-bezier(.4,0,.2,1),padding-right .38s cubic-bezier(.4,0,.2,1)}.appbar-wrapper[data-v-bdedc492]:before{backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);content:"";height:7rem;left:0;-webkit-mask-image:linear-gradient(180deg,#000 35%,transparent);mask-image:linear-gradient(180deg,#000 35%,transparent);opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .38s cubic-bezier(.4,0,.2,1);z-index:-1}@media(min-width:1024px){.appbar-wrapper[data-v-bdedc492]:not(.is-scrolled):before{opacity:1}.appbar-wrapper:not(.is-scrolled) .appbar-header[data-v-bdedc492]{backdrop-filter:none;-webkit-backdrop-filter:none;background:transparent;border-color:transparent;border-radius:0;box-shadow:none;padding-left:5rem;padding-right:5rem}}.glass-pill[data-v-bdedc492]{backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);background:#ffffff40;border:1px solid hsla(0,0%,100%,.2);border-radius:9999px;box-shadow:0 4px 24px #00000014,0 1px 4px #0000000f,inset 0 1px #fff3}:root.dark .glass-pill[data-v-bdedc492]{background:#14141c8c;border-color:#ffffff14;box-shadow:0 4px 24px #00000059,0 1px 4px #00000040,inset 0 1px #ffffff0f}