/* OST 3D Image Tag Cloud 2.0.0 */

.ost3d-cloud { width: 100%; margin: 0 auto; background: var(--ost3d-bg, #fff); }
.ost3d-canvas-wrap canvas { display: block; width: 100%; height: auto; max-width: 100%; }

.ost3d-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin: 0; padding: 8px; list-style: none; }
.ost3d-tags li { margin: 0; line-height: 1.2; }
.ost3d-tags img { display: block; width: 50px; height: 50px; object-fit: cover; }

/* When the canvas runs, keep the list for assistive technology only. */
.ost3d-cloud--active .ost3d-tags {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	white-space: nowrap;
}

/* Keyboard users tabbing into the hidden list see it again. */
.ost3d-cloud--active .ost3d-tags:focus-within {
	position: static !important;
	width: auto;
	height: auto;
	padding: 8px;
	overflow: visible;
	clip: auto;
	clip-path: none;
	white-space: normal;
}