.techmag-social-bar {
	--tm-social-bottom: 20px;
	--tm-social-center: 50vw;
	--tm-social-pill-bg: #fff;
	--tm-social-pill-close-bg: #fff;
	--tm-social-pill-close-color: #666;
	--tm-social-pill-divider: #e2e2e2;
	--tm-social-pill-gap: 13px;
	--tm-social-pill-icon: #666;
	--tm-social-pill-icon-size: 22px;
	--tm-social-pill-icon-stroke: 2.4;
	--tm-social-pill-value: #555;
	--tm-social-width: 620px;
	direction: rtl;
	inline-size: min(calc(100% - 24px), var(--tm-social-width));
}

.techmag-social-bar,
.techmag-social-bar * {
	box-sizing: border-box;
}

.techmag-social-bar[hidden] {
	display: none !important;
}

.techmag-social-bar.is-collapsed .techmag-social-bar__inner {
	display: none;
}

.techmag-social-bar--fixed {
	bottom: max(var(--tm-social-bottom), env(safe-area-inset-bottom));
	inline-size: min(calc(100vw - 24px), var(--tm-social-width));
	left: var(--tm-social-center);
	max-inline-size: calc(100vw - 24px);
	position: fixed;
	right: auto;
	transform: translateX(-50%);
	width: var(--tm-social-width);
	z-index: 999;
}

.techmag-social-bar--inline {
	margin: 20px auto;
	position: relative;
}

.techmag-social-bar__inner {
	align-items: center;
	background: var(--tm-social-pill-bg);
	border: 1px solid rgba(15, 23, 42, .055);
	border-radius: 999px;
	box-shadow: 0 8px 25px rgba(15, 23, 42, .13);
	display: flex;
	inline-size: fit-content;
	justify-content: center;
	margin-inline: auto;
	max-inline-size: 100%;
	min-block-size: 48px;
	padding: 9px 18px;
	position: relative;
}

.techmag-social-bar__items {
	align-items: center;
	display: flex;
	inline-size: auto;
	justify-content: center;
	margin-inline: auto;
	max-inline-size: 100%;
	min-inline-size: 0;
}

.techmag-social-bar__item {
	-webkit-appearance: none;
	align-items: center;
	background: transparent;
	border: 0;
	border-radius: 4px;
	color: inherit;
	cursor: pointer;
	display: inline-flex;
	flex: 0 0 auto;
	font: inherit;
	gap: 8px;
	margin: 0;
	min-inline-size: 0;
	padding: 3px;
	text-align: start;
	text-decoration: none;
	touch-action: manipulation;
}

.techmag-social-bar button.techmag-social-bar__item,
.techmag-social-bar button.techmag-social-bar__item:hover,
.techmag-social-bar button.techmag-social-bar__item:focus,
.techmag-social-bar button.techmag-social-bar__item:active {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: inherit !important;
	min-height: 0 !important;
	min-width: 0 !important;
	outline: none;
	padding: 3px !important;
}

.techmag-social-bar__item:hover .techmag-social-bar__icon,
.techmag-social-bar__item:focus-visible .techmag-social-bar__icon {
	color: #222;
}

.techmag-social-bar__item:focus-visible,
.techmag-social-bar__close:focus-visible {
	box-shadow: 0 0 0 2px rgba(71, 85, 105, .2);
	outline: none;
}

.techmag-social-bar__item[disabled] {
	cursor: default;
}

.techmag-social-bar__icon {
	align-items: center;
	background: transparent;
	block-size: var(--tm-social-pill-icon-size);
	color: var(--tm-social-pill-icon);
	display: inline-flex;
	flex: 0 0 var(--tm-social-pill-icon-size);
	inline-size: var(--tm-social-pill-icon-size);
	justify-content: center;
}

.techmag-social-bar__icon svg {
	block-size: 100%;
	fill: none;
	inline-size: 100%;
	overflow: visible;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: var(--tm-social-pill-icon-stroke);
}

.techmag-social-bar__item--comments .techmag-social-bar__icon svg > path:last-child {
	stroke-width: var(--tm-social-pill-icon-stroke);
}

.techmag-social-bar__item--like.is-liked .techmag-social-bar__icon svg {
	fill: currentColor;
}

.techmag-social-bar__text {
	display: flex;
	line-height: 1;
	min-inline-size: 0;
}

.techmag-social-bar__item--share .techmag-social-bar__icon circle {
	fill: currentColor;
	stroke: none;
}

.techmag-social-bar__value {
	color: var(--tm-social-pill-value);
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1;
	white-space: nowrap;
}

.techmag-social-bar__label {
	display: none;
}

.techmag-social-bar__connector {
	background: var(--tm-social-pill-divider);
	block-size: 22px;
	display: block;
	flex: 0 0 1px;
	inline-size: 1px;
	margin-inline: var(--tm-social-pill-gap);
	opacity: .9;
}

.techmag-social-bar__connector::before,
.techmag-social-bar__connector::after,
.techmag-social-bar__connector i {
	display: none;
}

.techmag-social-bar__close {
	-webkit-appearance: none;
	align-items: center;
	background: var(--tm-social-pill-close-bg);
	border: 0;
	border-radius: 50%;
	box-shadow: 0 3px 10px rgba(15, 23, 42, .14);
	color: var(--tm-social-pill-close-color);
	cursor: pointer;
	display: inline-flex;
	block-size: 24px;
	inline-size: 24px;
	justify-content: center;
	left: -8px;
	margin: 0;
	padding: 6px;
	position: absolute;
	top: -9px;
	touch-action: manipulation;
}

.techmag-social-bar button.techmag-social-bar__close,
.techmag-social-bar button.techmag-social-bar__close:hover,
.techmag-social-bar button.techmag-social-bar__close:focus,
.techmag-social-bar button.techmag-social-bar__close:active {
	background: var(--tm-social-pill-close-bg) !important;
	border: 0 !important;
	border-radius: 50% !important;
	block-size: 24px !important;
	color: var(--tm-social-pill-close-color) !important;
	inline-size: 24px !important;
	min-height: 0 !important;
	min-width: 0 !important;
	padding: 6px !important;
}

.techmag-social-bar__close:hover,
.techmag-social-bar__reopen:hover {
	transform: scale(1.06);
}

.techmag-social-bar__close svg,
.techmag-social-bar__reopen svg {
	block-size: 100%;
	fill: none;
	inline-size: 100%;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
}

.techmag-social-bar__reopen {
	-webkit-appearance: none;
	align-items: center;
	background: var(--tm-social-pill-bg) !important;
	border: 1px solid rgba(15, 23, 42, .055) !important;
	border-radius: 50% !important;
	box-shadow: 0 8px 25px rgba(15, 23, 42, .15) !important;
	color: var(--tm-social-pill-icon) !important;
	cursor: pointer;
	display: none;
	block-size: 38px !important;
	inline-size: 38px !important;
	justify-content: center;
	margin-inline: auto;
	min-height: 0 !important;
	min-width: 0 !important;
	padding: 10px !important;
	touch-action: manipulation;
}

.techmag-social-bar.is-collapsed .techmag-social-bar__reopen {
	display: flex;
}

.techmag-social-bar__reopen:focus-visible {
	box-shadow: 0 0 0 2px rgba(71, 85, 105, .2), 0 8px 25px rgba(15, 23, 42, .15) !important;
	outline: none;
}

@media (max-width: 767px) {
	.techmag-social-bar {
		--tm-social-pill-gap: 10px;
		--tm-social-pill-icon-size: 20px;
		inline-size: min(calc(100% - 16px), var(--tm-social-width));
	}

	.techmag-social-bar--fixed {
		inline-size: min(calc(100vw - 16px), var(--tm-social-width));
		max-inline-size: calc(100vw - 16px);
	}

	.techmag-social-bar__inner {
		min-block-size: 44px;
		padding: 8px 12px;
	}

	.techmag-social-bar__item,
	.techmag-social-bar button.techmag-social-bar__item,
	.techmag-social-bar button.techmag-social-bar__item:hover,
	.techmag-social-bar button.techmag-social-bar__item:focus,
	.techmag-social-bar button.techmag-social-bar__item:active {
		gap: 6px;
		padding: 2px !important;
	}

	.techmag-social-bar__value {
		font-size: 13px;
	}

	.techmag-social-bar__connector {
		block-size: 20px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.techmag-social-bar__close,
	.techmag-social-bar__reopen {
		transition: none;
	}
}