:where(.dp-share-targets) {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--wp--style--block-gap, 8px);
}

.dp-share-targets {
	box-sizing: border-box;
	padding-left: 0;
	padding-right: 0;
	text-indent: 0;
	margin-left: 0;
	background: none;
}

.dp-share-targets .dp-share-target a,
.dp-share-targets .dp-share-target a:hover,
.dp-share-targets .dp-share-target a:active,
.dp-share-targets .dp-share-target a:focus,
.dp-share-targets .dp-share-target a:visited {
	text-decoration: none;
	box-shadow: none;
}

.dp-share-target-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: var(--dp-share-icon-size, 24px);
}

.dp-share-target-label:not(.screen-reader-text) {
	font-size: inherit;
	line-height: 1.2;
}

/* Base default variables */
.dp-share-targets {
	--dp-share-icon-size: 24px;
	--dp-share-font-size: 16px;
}

.dp-share-targets:not([class*="-font-size"]) {
	font-size: var(--dp-share-font-size);
}

/* Icon sizes: S (16px), M (24px - Default), L (32px), XL (48px) */
/* In Inline layout: font-size steps down: S->12px, M->16px, L->24px, XL->32px */
.dp-share-targets.has-sm-icon-size {
	--dp-share-icon-size: 16px;
	--dp-share-font-size: 12px;
}

.dp-share-targets,
.dp-share-targets.has-md-icon-size,
.dp-share-targets.has-small-icon-size {
	--dp-share-icon-size: 24px;
	--dp-share-font-size: 16px;
}

.dp-share-targets.has-lg-icon-size,
.dp-share-targets.has-normal-icon-size {
	--dp-share-icon-size: 32px;
	--dp-share-font-size: 24px;
}

.dp-share-targets.has-xl-icon-size,
.dp-share-targets.has-large-icon-size {
	--dp-share-icon-size: 48px;
	--dp-share-font-size: 32px;
}

/* When button layout is stack, font-size is fixed to 14px caption size */
.dp-share-targets.has-button-layout-stack,
.dp-share-targets.has-content-orientation-vertical {
	--dp-share-font-size: 14px;
}

/* Alignment */
.dp-share-targets.aligncenter {
	justify-content: center;
}

.dp-share-targets.alignright {
	justify-content: flex-end;
}

/* Individual item */
.dp-share-target {
	display: block;
	border-radius: var(--dp-share-button-border-radius, 9999px);
	height: auto;
	margin: 0;
	padding: 0;
}

@media not (prefers-reduced-motion) {
	.dp-share-target,
	.dp-share-target-anchor {
		transition: transform 0.15s ease, background-color 0.2s ease, color 0.2s ease;
	}
}

.dp-share-target a,
.dp-share-target-anchor {
	align-items: center;
	display: flex;
	line-height: 0;
	border-radius: inherit;
	color: inherit;
	gap: 0.5em;
}

.dp-share-target svg {
	width: var(--dp-share-icon-size, 24px);
	height: var(--dp-share-icon-size, 24px);
	display: block;
	pointer-events: none;
}

.dp-share-target-anchor svg,
.dp-share-target-icon svg {
	color: inherit;
	fill: currentColor;
}

button.dp-share-target-anchor {
	appearance: none;
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	cursor: pointer;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

.dp-share-target:hover {
	transform: scale(1.1);
}

.dp-share-target.is-standalone {
	display: inline-flex;
	width: fit-content;
}


/* --- Platform Brand Colors --- */
.dp-share-target-facebook { --dp-share-target-color: #0866ff; }
.dp-share-target-twitter { --dp-share-target-color: #1da1f2; }
.dp-share-target-x { --dp-share-target-color: #000000; }
.dp-share-target-linkedin { --dp-share-target-color: #0d66c2; }
.dp-share-target-instagram { --dp-share-target-color: #f00075; }
.dp-share-target-whatsapp { --dp-share-target-color: #25d366; }
.dp-share-target-telegram { --dp-share-target-color: #2aabee; }
.dp-share-target-reddit { --dp-share-target-color: #ff4500; }
.dp-share-target-pinterest { --dp-share-target-color: #e60122; }
.dp-share-target-youtube { --dp-share-target-color: #ff0000; }
.dp-share-target-tiktok { --dp-share-target-color: #000000; }
.dp-share-target-snapchat { --dp-share-target-color: #fefc00; }
.dp-share-target-github { --dp-share-target-color: #24292d; }
.dp-share-target-medium { --dp-share-target-color: #000000; }
.dp-share-target-tumblr { --dp-share-target-color: #011835; }
.dp-share-target-bluesky { --dp-share-target-color: #0a7aff; }
.dp-share-target-threads { --dp-share-target-color: #000000; }
.dp-share-target-mastodon { --dp-share-target-color: #3288d4; }
.dp-share-target-clipboard { --dp-share-target-color: #333333; }
.dp-share-target-native { --dp-share-target-color: #4285f4; }
.dp-share-target-email { --dp-share-target-color: #444444; }
.dp-share-target-line { --dp-share-target-color: #00c300; }
.dp-share-target-pocket { --dp-share-target-color: #ef4155; }
.dp-share-target-vk { --dp-share-target-color: #4680c2; }
.dp-share-target-more,
.dp-share-target-popover,
.dp-share-target-popup { --dp-share-target-color: #334155; }
/* AI targets */
.dp-share-target-chatgpt { --dp-share-target-color: #10a37f; }
.dp-share-target-claude { --dp-share-target-color: #d97757; }
.dp-share-target-gemini { --dp-share-target-color: #3084fc; }
.dp-share-target-google_ai { --dp-share-target-color: #ea4434; }
.dp-share-target-deepseek { --dp-share-target-color: #5786fe; }
.dp-share-target-perplexity { --dp-share-target-color: #1fb8cd; }
.dp-share-target-grok { --dp-share-target-color: #000000; }
.dp-share-target-copilot { --dp-share-target-color: #000000; }
.dp-share-target-mistral { --dp-share-target-color: #fa520f; }
.dp-share-target-qwen { --dp-share-target-color: #6950ef; }
.dp-share-target-meta,
.dp-share-target-meta_ai { --dp-share-target-color: #0467df; }

/* Dynamic color resolution */
.dp-share-target,
.dp-share-target-anchor {
	--dp-share-target-bg: var(--dp-share-custom-bg-color, var(--dp-share-target-color, #334155));
	--dp-share-target-fg: var(--dp-share-custom-icon-color, var(--dp-share-target-color, #334155));
}

/* Custom icon color override (style attribute or class) */
.dp-share-targets[style*="--dp-share-custom-icon-color"] .dp-share-target-icon,
.dp-share-target[style*="--dp-share-custom-icon-color"] .dp-share-target-icon,
.dp-share-targets.has-icon-color .dp-share-target-icon,
.dp-share-targets.has-custom-icon-color .dp-share-target-icon {
	color: var(--dp-share-custom-icon-color) !important;
}

/* --- Button Container: Shapes --- */
.dp-share-targets.has-button-shape-pill,
.dp-share-targets.is-style-pill-shape {
	--dp-share-button-border-radius: 9999px;
}
.dp-share-targets.has-button-shape-rounded {
	--dp-share-button-border-radius: 8px;
}
.dp-share-targets.has-button-shape-square {
	--dp-share-button-border-radius: 0px;
}

/* --- Button Container: Sizing & Padding --- */
.dp-share-target .dp-share-target-anchor {
	box-sizing: border-box;
	border-radius: inherit;
	padding: 0;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}

/* Icon-only mode (labels hidden): square 1:1 aspect ratio button with standard touch-friendly padding */
.dp-share-targets:not(.has-button-variant-none):not(.is-style-logos-only):not(.has-visible-labels) .dp-share-target-anchor {
	padding: calc(var(--dp-share-icon-size, 24px) * 0.33);
	justify-content: center;
	aspect-ratio: 1 / 1;
}

/* Icon-only mode with icon container badge inside a button: balanced inner padding */
.dp-share-targets:not(.has-button-variant-none):not(.is-style-logos-only):not(.has-visible-labels):is(.has-icon-container-circle, .has-icon-container-square) .dp-share-target-anchor {
	padding: calc(var(--dp-share-icon-size, 24px) * 0.15);
}

/* When button variant is none: remove aspect-ratio constraint and anchor padding */
.dp-share-targets.has-button-variant-none:not(.has-visible-labels) .dp-share-target-anchor,
.dp-share-targets.is-style-logos-only:not(.has-visible-labels) .dp-share-target-anchor {
	padding: 0;
	aspect-ratio: auto;
}

/* Inline buttons with visible text: standard horizontal button padding */
.dp-share-targets:not(.has-button-variant-none):not(.is-style-logos-only).has-visible-labels:not(.has-button-layout-stack):not(.has-content-orientation-vertical) .dp-share-target-anchor {
	padding: 0.4em 0.9em;
	gap: 0.5em;
}

/* Inline buttons with visible text + icon container badge: balanced padding */
.dp-share-targets:not(.has-button-variant-none):not(.is-style-logos-only).has-visible-labels:not(.has-button-layout-stack):not(.has-content-orientation-vertical):is(.has-icon-container-circle, .has-icon-container-square) .dp-share-target-anchor {
	padding: 0.25em 0.9em 0.25em 0.3em;
}

.dp-share-targets.has-button-variant-none.has-visible-labels:not(.has-button-layout-stack):not(.has-content-orientation-vertical) .dp-share-target-anchor,
.dp-share-targets.is-style-logos-only.has-visible-labels:not(.has-button-layout-stack):not(.has-content-orientation-vertical) .dp-share-target-anchor {
	padding: 0.25em 0.5em;
}

/* --- Button Container: Variants --- */
/* 1. Filled (Default) */
.dp-share-targets.has-button-variant-filled .dp-share-target-anchor,
.dp-share-targets.has-button-variant-filled .dp-share-target-anchor:visited,
.dp-share-targets:not([class*="has-button-variant-"]):not(.is-style-logos-only) .dp-share-target-anchor,
.dp-share-targets:not([class*="has-button-variant-"]):not(.is-style-logos-only) .dp-share-target-anchor:visited {
	background-color: var(--dp-share-target-bg);
	color: #ffffff;
	border: 1px solid transparent;
}
.dp-share-targets.has-button-variant-filled .dp-share-target-anchor:hover,
.dp-share-targets.has-button-variant-filled .dp-share-target-anchor:active,
.dp-share-targets.has-button-variant-filled .dp-share-target-anchor:focus,
.dp-share-targets:not([class*="has-button-variant-"]):not(.is-style-logos-only) .dp-share-target-anchor:hover,
.dp-share-targets:not([class*="has-button-variant-"]):not(.is-style-logos-only) .dp-share-target-anchor:active,
.dp-share-targets:not([class*="has-button-variant-"]):not(.is-style-logos-only) .dp-share-target-anchor:focus {
	filter: brightness(1.08);
	color: #ffffff;
}

/* 2. Outline */
.dp-share-targets.has-button-variant-outline .dp-share-target-anchor,
.dp-share-targets.has-button-variant-outline .dp-share-target-anchor:visited {
	background-color: transparent;
	color: var(--dp-share-target-fg);
	border: 1.5px solid var(--dp-share-target-fg);
}
.dp-share-targets.has-button-variant-outline .dp-share-target-anchor:hover,
.dp-share-targets.has-button-variant-outline .dp-share-target-anchor:active,
.dp-share-targets.has-button-variant-outline .dp-share-target-anchor:focus {
	background-color: color-mix(in srgb, var(--dp-share-target-fg) 10%, transparent);
	color: var(--dp-share-target-fg);
}

/* 3. Soft */
.dp-share-targets.has-button-variant-soft .dp-share-target-anchor,
.dp-share-targets.has-button-variant-soft .dp-share-target-anchor:visited {
	background-color: color-mix(in srgb, var(--dp-share-target-bg) 14%, transparent);
	color: var(--dp-share-target-fg);
	border: 1px solid transparent;
}
.dp-share-targets.has-button-variant-soft .dp-share-target-anchor:hover,
.dp-share-targets.has-button-variant-soft .dp-share-target-anchor:active,
.dp-share-targets.has-button-variant-soft .dp-share-target-anchor:focus {
	background-color: color-mix(in srgb, var(--dp-share-target-bg) 22%, transparent);
	color: var(--dp-share-target-fg);
}

/* 4. None (Logos-only / unadorned anchor) */
.dp-share-targets.has-button-variant-none .dp-share-target-anchor,
.dp-share-targets.has-button-variant-none .dp-share-target-anchor:visited,
.dp-share-targets.is-style-logos-only .dp-share-target-anchor,
.dp-share-targets.is-style-logos-only .dp-share-target-anchor:visited {
	background-color: transparent;
	border: 0;
	color: var(--dp-share-target-fg);
}
.dp-share-targets.has-button-variant-none .dp-share-target-anchor:hover,
.dp-share-targets.has-button-variant-none .dp-share-target-anchor:active,
.dp-share-targets.has-button-variant-none .dp-share-target-anchor:focus,
.dp-share-targets.is-style-logos-only .dp-share-target-anchor:hover,
.dp-share-targets.is-style-logos-only .dp-share-target-anchor:active,
.dp-share-targets.is-style-logos-only .dp-share-target-anchor:focus {
	filter: brightness(1.18);
	color: var(--dp-share-target-fg);
}

/* --- Icon Container --- */
.dp-share-target-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: background-color 0.2s ease, color 0.2s ease;
}

/* None */
.dp-share-targets.has-icon-container-none .dp-share-target-icon,
.dp-share-targets:not([class*="has-icon-container-"]) .dp-share-target-icon {
	background: transparent;
	border-radius: 0;
	padding: 0;
}

/* Circle */
.dp-share-targets.has-icon-container-circle .dp-share-target-icon {
	border-radius: 50%;
	width: calc(var(--dp-share-icon-size, 24px) * 1.5);
	height: calc(var(--dp-share-icon-size, 24px) * 1.5);
	padding: calc(var(--dp-share-icon-size, 24px) * 0.25);
	box-sizing: border-box;
}

/* Square */
.dp-share-targets.has-icon-container-square .dp-share-target-icon {
	border-radius: calc(var(--dp-share-icon-size, 24px) * 0.3);
	width: calc(var(--dp-share-icon-size, 24px) * 1.5);
	height: calc(var(--dp-share-icon-size, 24px) * 1.5);
	padding: calc(var(--dp-share-icon-size, 24px) * 0.25);
	box-sizing: border-box;
}

/* Icon container colors depending on button variant */
/* Inside filled button: icon container gets subtle translucent overlay */
.dp-share-targets.has-button-variant-filled.has-icon-container-circle .dp-share-target-icon,
.dp-share-targets.has-button-variant-filled.has-icon-container-square .dp-share-target-icon,
.dp-share-targets:not([class*="has-button-variant-"]).has-icon-container-circle .dp-share-target-icon,
.dp-share-targets:not([class*="has-button-variant-"]).has-icon-container-square .dp-share-target-icon {
	background-color: rgba(255, 255, 255, 0.22);
	color: #ffffff;
}

/* Inside soft / outline / none button: icon container carries solid brand background with white icon */
.dp-share-targets.has-button-variant-soft.has-icon-container-circle .dp-share-target-icon,
.dp-share-targets.has-button-variant-soft.has-icon-container-square .dp-share-target-icon,
.dp-share-targets.has-button-variant-outline.has-icon-container-circle .dp-share-target-icon,
.dp-share-targets.has-button-variant-outline.has-icon-container-square .dp-share-target-icon,
.dp-share-targets.has-button-variant-none.has-icon-container-circle .dp-share-target-icon,
.dp-share-targets.has-button-variant-none.has-icon-container-square .dp-share-target-icon {
	background-color: var(--dp-share-target-bg);
	color: #ffffff;
}

/* --- Feedback Active State --- */
.dp-share-targets .dp-share-target.is-feedback-active .dp-share-target-anchor,
.dp-share-targets .dp-share-target.is-feedback-active .dp-share-target-anchor:visited,
.dp-share-targets .dp-share-target.is-feedback-active .dp-share-target-anchor:hover,
.dp-share-targets .dp-share-target.is-feedback-active .dp-share-target-anchor:focus,
.dp-share-targets .dp-share-target.is-feedback-active .dp-share-target-anchor:active,
.dp-share-targets .dp-share-target-anchor.is-feedback-active,
.dp-share-targets .dp-share-target-anchor.is-feedback-active:visited,
.dp-share-targets .dp-share-target-anchor.is-feedback-active:hover,
.dp-share-targets .dp-share-target-anchor.is-feedback-active:focus,
.dp-share-targets .dp-share-target-anchor.is-feedback-active:active,
.dp-share-target.is-feedback-active .dp-share-target-anchor,
.dp-share-target.is-feedback-active .dp-share-target-anchor:visited,
.dp-share-target-anchor.is-feedback-active,
.dp-share-target-anchor.is-feedback-active:visited {
	background-color: #10b981;
	color: #ffffff;
	border-color: #10b981;
}

.dp-share-targets.has-button-variant-none:not(.has-icon-container-circle):not(.has-icon-container-square) .dp-share-target.is-feedback-active .dp-share-target-anchor,
.dp-share-targets.has-button-variant-none:not(.has-icon-container-circle):not(.has-icon-container-square) .dp-share-target.is-feedback-active .dp-share-target-anchor:visited,
.dp-share-targets.is-style-logos-only:not(.has-icon-container-circle):not(.has-icon-container-square) .dp-share-target.is-feedback-active .dp-share-target-anchor,
.dp-share-targets.is-style-logos-only:not(.has-icon-container-circle):not(.has-icon-container-square) .dp-share-target.is-feedback-active .dp-share-target-anchor:visited {
	background-color: transparent;
	color: #10b981;
}

/* --- Button Layout: Inline vs Stack --- */

/* Inline Layout (Default / 左右结构) */
.dp-share-targets.has-button-layout-inline .dp-share-target-anchor,
.dp-share-targets.has-content-orientation-horizontal .dp-share-target-anchor,
.dp-share-targets:not([class*="has-button-layout-"]):not([class*="has-content-orientation-"]) .dp-share-target-anchor {
	flex-direction: row;
}

/* Stack Layout (上下结构) */
.dp-share-targets.has-button-layout-stack .dp-share-target-anchor,
.dp-share-targets.has-content-orientation-vertical .dp-share-target-anchor {
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 0.35em;
}

/* Stack with visible text labels */
.dp-share-targets.has-button-layout-stack.has-visible-labels .dp-share-target-anchor,
.dp-share-targets.has-content-orientation-vertical.has-visible-labels .dp-share-target-anchor {
	padding: 0.6em 0.8em;
	min-width: 4.4em;
	aspect-ratio: auto;
}

/* Stack with button variant none and visible labels (app icon / share sheet style) */
.dp-share-targets.has-button-layout-stack.has-button-variant-none.has-visible-labels .dp-share-target-anchor,
.dp-share-targets.has-button-layout-stack.is-style-logos-only.has-visible-labels .dp-share-target-anchor,
.dp-share-targets.has-content-orientation-vertical.has-button-variant-none.has-visible-labels .dp-share-target-anchor,
.dp-share-targets.has-content-orientation-vertical.is-style-logos-only.has-visible-labels .dp-share-target-anchor {
	padding: 0.2em 0.35em;
	min-width: 3.2em;
}

/* Label typography in stack layout */
.dp-share-targets.has-button-layout-stack .dp-share-target-label:not(.screen-reader-text),
.dp-share-targets.has-content-orientation-vertical .dp-share-target-label:not(.screen-reader-text) {
	font-size: inherit;
	line-height: 1.25;
	text-align: center;
	white-space: nowrap;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-left: 0;
}

/* --- Layouts: row, stack, grid, carousel --- */

/* Row Layout (Horizontal Wrap - Default) */
:where(.dp-layout-row) {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--wp--style--block-gap, 8px);
}
.dp-layout-row:not(.has-button-layout-stack):not(.has-content-orientation-vertical) .dp-share-target-anchor {
	flex-direction: row;
}

/* Stack Layout (Vertical List) */
:where(.dp-layout-stack),
:where(.dp-layout-list) {
	display: flex;
	flex-direction: column;
	gap: var(--wp--style--block-gap, 12px);
}
.dp-layout-stack:not(.has-button-layout-stack):not(.has-content-orientation-vertical) .dp-share-target-anchor,
.dp-layout-list:not(.has-button-layout-stack):not(.has-content-orientation-vertical) .dp-share-target-anchor {
	flex-direction: row;
	justify-content: flex-start;
}

/* Grid Layout */
:where(.dp-layout-grid) {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(64px, 1fr));
	gap: var(--wp--style--block-gap, 12px);
}
.dp-share-targets.dp-layout-grid.has-visible-labels:not(.has-button-layout-stack):not(.has-content-orientation-vertical) {
	grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
}
.dp-layout-grid:not(.has-button-layout-inline):not(.has-content-orientation-horizontal) .dp-share-target-anchor {
	flex-direction: column;
}
.dp-layout-grid.has-button-layout-inline .dp-share-target-anchor,
.dp-layout-grid.has-content-orientation-horizontal .dp-share-target-anchor {
	flex-direction: row;
	justify-content: center;
}
.dp-share-targets.dp-layout-grid .dp-share-target-label,
.dp-layout-grid .dp-share-target-label {
	margin-left: 0;
	font-size: inherit;
}

/* Carousel Layout (Horizontal Scroll Track) */
.dp-share-targets.dp-layout-carousel {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	gap: var(--wp--style--block-gap, 12px);
	padding: 4px 2px 8px 2px;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: x proximity;
	scrollbar-width: thin;
	scrollbar-color: rgba(148, 163, 184, 0.4) transparent;
	max-width: 100%;
	box-sizing: border-box;
}

.dp-share-targets.dp-layout-carousel::-webkit-scrollbar {
	height: 4px;
}

.dp-share-targets.dp-layout-carousel::-webkit-scrollbar-track {
	background: transparent;
}

.dp-share-targets.dp-layout-carousel::-webkit-scrollbar-thumb {
	background-color: rgba(148, 163, 184, 0.35);
	border-radius: 9999px;
}

.dp-share-targets.dp-layout-carousel::-webkit-scrollbar-thumb:hover {
	background-color: rgba(100, 116, 139, 0.6);
}

.dp-share-targets.dp-layout-carousel .dp-share-target {
	flex: 0 0 auto; /* Prevent items from shrinking in scroll track */
	scroll-snap-align: start;
}

.dp-share-targets.dp-layout-carousel.has-button-layout-stack .dp-share-target-anchor,
.dp-share-targets.dp-layout-carousel.has-content-orientation-vertical .dp-share-target-anchor {
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.dp-share-targets.dp-layout-carousel:not(.has-button-layout-stack):not(.has-content-orientation-vertical) .dp-share-target-anchor {
	flex-direction: row;
	align-items: center;
}

.dp-share-targets.dp-layout-carousel .dp-share-target-label {
	white-space: nowrap;
}

/* Toast Notification */
.dp-share-toast,
.dp-share-toast:popover-open {
	position: fixed;
	bottom: 28px;
	left: 50%;
	transform: translateX(-50%) translateY(16px);
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 9px 18px;
	background: #0f172a;
	color: #f8fafc;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 13.5px;
	font-weight: 500;
	line-height: 1.4;
	white-space: nowrap;
	border-radius: 9999px;
	box-shadow: 0 10px 25px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -4px rgba(0, 0, 0, 0.15);
	border: 1px solid rgba(255, 255, 255, 0.14);
	margin: 0;
	inset: auto auto 28px 50%;
	z-index: 999999;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.22s cubic-bezier(0.16, 1, 0.3, 1), transform 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}

.dp-share-toast.is-visible {
	opacity: 1;
	transform: translateX(-50%) translateY(0);
	pointer-events: auto;
}

.dp-share-toast::backdrop {
	background: transparent;
	pointer-events: none;
}

.dp-share-toast-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #10b981;
	flex-shrink: 0;
}

.dp-share-toast-icon svg {
	width: 16px;
	height: 16px;
	fill: currentColor;
	display: block;
}