a.share-switch{
	display: block;
	width: 20px;
	height: 20px;
	background: scroll transparent url('images/share.gif') center center no-repeat;
}
.share-window-parent{
	position: relative;
}
table.bookmarks-table{
	padding: 0px;
	height: 19px;
//	height: 18px;
}

.share-dialog{
	z-index:1000;
	position: absolute;
	top: 50px;
}
.share-dialog-left{
	left: 0;
}
.share-dialog-right{
	right: 18px;
}
.share-dialog-inner-left{
	background: scroll transparent url('images/background.gif') right center no-repeat;
	padding: 0 1px 1px 4px;
//	padding: 1px 1px 1px 4px;
}
.share-dialog-inner-right{
	background: scroll transparent url('images/background-right.gif') left center no-repeat;
	padding: 0 4px 1px 1px;
//	padding: 1px 4px 1px 1px;
}
td.bookmarks{
	padding-left: 2px!important;
	padding-right: 2px!important;
	padding-top: 1px!important;
	padding-bottom: 0px!important;
	border: none!important;
}
.bookmarks a{
	background:none no-repeat scroll center center transparent;
	display:block;
	width:16px;
	height:16px;
	overflow:hidden;
}

.bookmarks a.vk { background-image:url('images/vk.gif'); }
.bookmarks a.facebook { background-image:url('images/facebook.gif'); }
.bookmarks a.twitter { background-image:url('images/twitter.gif'); }
.bookmarks a.delicious { background-image:url('images/delicious.gif'); }
.bookmarks a.lj { background-image:url('images/lj.gif'); }
.bookmarks a.mailru { background-image:url('images/mailru.gif'); }

.share {
	position: relative;
	cursor: pointer;
}

.share:hover .shareLinks {
	opacity: 1;
	pointer-events: all;
}

.shareLinks {
	position: absolute;
	top: 50%;
	right: 100%;
	width: 240px;
	padding-right: 8px;
	opacity: 0;
	transform: translateY(-50%);
	transition: .3s ease-in-out;
	pointer-events: none;
}

.shareLinksWrapper {
	padding: 8px;
	border-radius: 12px;
	background: var(--color-white);
	box-shadow: 0 4px 38px 0 rgb(21 22 24 / 8%);
}

.shareLink {
	display: flex;
	align-items: center;
	gap: 8px;
	grid-gap: 8px;
	height: 48px;
	padding: 0 12px;
	color: var(--color-secondary);
	transition: .3s ease-in-out;
	cursor: pointer;
	user-select: none;
}

.shareLink .shareLinkText,
.shareLink .copyLinkInnerText {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
}

.shareLink:hover {
	border-radius: 8px;
	border-top-color: transparent;
	background-color: var(--color-primary);
	color: var(--text-black);
}

.shareLink + .shareLink {
	border-top: 1px solid transparent;
}

.shareLink:not(:first-child) {
	border-top: 1px solid var(--color-grey);
}

.shareLink:hover:has(+ .shareLink:hover) {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.shareLink:hover:has(+ .shareLink:hover) + .shareLink:hover {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-color: transparent;
}

.shareLink_green {
	color: #7bad83;
}

.shareLink_green:hover {
	color: #7bad83;
}

.copyLinkInner {
	display: flex;
	align-items: center;
	gap: 8px;
	grid-gap: 8px;
}

.copyLinkInnerIcon,
.shareLinkIcon {
	display: flex;
	align-items: center;
	width: 16px;
	height: 16px;
}

.copyLinkInnerIcon svg,
.shareLinkIcon svg {
	width: 100%;
	height: 100%;
}

.fade-abs-enter-active,
.fade-abs-leave-active {
	transition: opacity .3s ease-in-out;
}

.fade-abs-leave-active {
	position: absolute;
}

.fade-abs-enter-from,
.fade-abs-leave-to {
	opacity: 0;
}

@media (max-width: 421px) {
	.shareLinks {
		top: auto;
		bottom: 50px;
		left: 0;
		transform: translateY(0);
		padding-right: 0;
		padding-bottom: 4px;
	}
}