html.dlt-switching,
html.dlt-switching *,
html.dlt-switching *::before,
html.dlt-switching *::after {
	transition: background-color .35s ease, color .35s ease, border-color .35s ease, fill .35s ease, stroke .35s ease !important;
}

.dlt-toggle { cursor: pointer; }

.dlt-toggle[data-dlt-own] {
	display: inline-flex;
	align-items: center;
	gap: .5em;
	padding: .6em 1.1em;
	border-radius: 999px;
	border: 1px solid rgba(128, 128, 128, .45);
	background: #111a1c;
	color: #fff;
	font: 600 14px/1 system-ui, -apple-system, "Segoe UI", sans-serif;
	letter-spacing: .02em;
	text-decoration: none;
	box-shadow: none;
}
.dlt-toggle[data-dlt-own]:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
html[data-dlt-theme="dark"] .dlt-toggle[data-dlt-own] { background: #fff; color: #111a1c; }

.dlt-toggle.dlt-floating {
	position: fixed;
	z-index: 99999;
	box-shadow: 0 6px 24px rgba(0, 0, 0, .25);
}
.dlt-pos-bottom-right { right: 20px; bottom: calc(20px + env(safe-area-inset-bottom, 0px)); }
.dlt-pos-bottom-left  { left: 20px;  bottom: calc(20px + env(safe-area-inset-bottom, 0px)); }
.dlt-pos-top-right    { right: 20px; top: 20px; }
.dlt-pos-top-left     { left: 20px;  top: 20px; }
body.admin-bar .dlt-pos-top-right,
body.admin-bar .dlt-pos-top-left { top: 52px; }

.dlt-svg { width: 1em; height: 1em; display: inline-block; vertical-align: -.125em; fill: currentColor; flex-shrink: 0; }
.dlt-toggle .dlt-icon { display: inline-flex; align-items: center; }

@media (prefers-reduced-motion: reduce) {
	html.dlt-switching, html.dlt-switching *, html.dlt-switching *::before, html.dlt-switching *::after { transition: none !important; }
}