.spotify-login-button__icon{margin-right:10px}.home-page{display:flex;flex-direction:column;flex-grow:1;justify-content:center;align-items:center}.home-page__logo{max-width:200px;margin-bottom:2em}.home-page__content{text-align:center;height:100px}.home-page__error{color:#f44336}.user-avatar{--avatar-size: 32px;display:flex;align-items:center}.user-avatar__image{width:var(--avatar-size);height:var(--avatar-size);border-radius:50%;box-shadow:var(--shadow-elevation-3)}.user-avatar__placeholder{width:var(--avatar-size);height:var(--avatar-size);border-radius:50%;background-color:var(--color-spotify-green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;box-shadow:var(--shadow-elevation-3)}.user-menu{display:flex;align-items:center;position:relative}.user-menu__trigger{background:none;border:none;margin-left:8px;padding:8px;cursor:pointer}.user-menu__dropdown{position:absolute;top:100%;right:0;margin-top:10px;background-color:var(--color-bg-surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-elevation-3);z-index:var(--z-dropdown);min-width:80px}.user-menu__item{display:block;width:100%;padding:5px 10px;border:none;background:none;color:var(--color-text-primary);font-size:.8rem;text-align:left;cursor:pointer}.user-menu__item:hover{background-color:#ffffff14}.fullscreen-button{position:absolute;right:var(--spacing-overlay-inset);bottom:var(--spacing-overlay-inset);z-index:var(--z-overlay-chrome);cursor:pointer;background:none;border:none;padding:8px}@media(max-width:600px){.fullscreen-button{display:none}}.cast-button{position:absolute;right:70px;bottom:30px;z-index:var(--z-overlay-chrome);background:none;border:none;padding:8px;cursor:pointer}.cast-button svg{fill:var(--color-text-primary);display:block}.cast-button:hover svg{fill:var(--color-text-secondary)}.cast-button--connected svg{fill:var(--color-spotify-green)}.cast-button--connected:hover svg{fill:var(--color-spotify-green-hover)}.cast-button:focus-visible{outline:2px solid var(--color-spotify-green);outline-offset:2px;border-radius:var(--radius-sm)}@media(max-width:600px){.cast-button{right:var(--spacing-overlay-inset-mobile);bottom:var(--spacing-overlay-inset-mobile)}}.error-page{display:flex;flex-direction:column;flex-grow:1;justify-content:center;align-items:center}