sidebar-pocket.css

.logout #root-folder,
.logout #pocket-logout,
.logout #controls-bottom,
.logout #controls-button,
.logout #pocket-username,
.logout #pocket-username::before,
#pocket-login,
.type .domain-view,
.domain .type-view {
	display: none;
}
.logout #pocket-login {
	display: block;
}
.logout #controls-user {
	justify-content: center;
}
#pocket-username {
	padding-left: 1.5rem;
	position: relative;
}
#pocket-username::before {
	content: '';
	display: inline-block;
	position: absolute;
	left: .2rem;
	-webkit-mask-image: url(/icons/user.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	-webkit-mask-position: center;
	-webkit-mask-mode: alpha;
	mask-image: url(/icons/user.svg);
	mask-repeat: no-repeat;
	mask-size: 100% 100%;
	mask-position: center;
	mask-mode: alpha;
	background-color: var(--font-color);
	width: 1rem;
	height: 1rem;
}
#pocket-logout {
	display: inline-flex;
	margin-left: .4rem;
}

.item #pocket-edit,
.item #pocket-delete,
.domain .folder-name #pocket-folderDelete,
.item #pocket-fav,
.item #pocket-archive,
.domain .folder-name #pocket-folderArchive,
.type-archives.item #pocket-unarchive,
.type .folder-name #pocket-move,
.domain .folder-name #pocket-move {
	display: inline-flex;
}
.domain-articles {
	background-image: url(icons/article.svg);
}
.domain-pictures {
	background-image: url(icons/picture.svg);
}
.domain-videos {
	background-image: url(icons/video.svg);
}
.domain-other {
	background-image: url(icons/default.svg);
}
.domain-archives {
	background-image: url(icons/archive.svg);
}
.favorite {
	background-color: var(--background-color-active);
}
.favorite #pocket-fav,
.type-archives #pocket-archive {
	display: none;
}
.favorite #pocket-unfav {
	display: inline-block;
}
.type-archives {
	text-decoration: line-through;
}
.plain .type-archives,
.domain .type-archives {
	display: none;
}