		display: block;
			}

			.text {
				position: absolute;
				bottom: -2em;
				width: 200%;
				text-align: center;
			}

			&.talk {
				left: calc(var(--x-app) - var(--icon-size) / 2);
				top: calc(var(--y-app) - var(--icon-size) / 2);
			}

			&.apps {
				left: calc(var(--x-dest) - var(--icon-size) / 2);
				top: calc(var(--y-dest) - var(--icon-size) / 2);
			}
		}
	</style>
</head>
<body>
	<div class="background">
		<div class="wrapper">
			<div class="box"></div>
			<div class="arrow" style="fill: 