<!-- Container for buttons aligned in a column -->
				<div id="buttonContainer" style="position: absolute; top: 0px; right: 2px; z-index: 9999; display: flex; flex-direction: column; gap: 5px; align-items: flex-end; width: 50px;">

						<!-- Button with embedded toggle switch -->
						<button id="toggleBTN" style="display: flex; align-items: center; justify-content: center; padding: 15px 0; background-color: transparent; color: white; border: 2px solid #28a745; border-radius: 5px; cursor: pointer; width: 100%; text-align: center;">
							<!-- Toggle Switch Icon -->
							<div id="toggleIcon" style="display: flex; align-items: center; justify-content: center; width: 30px; height: 20px; background-color: white; border-radius: 10px; margin-right: 10px; position: relative;">
								<!-- The toggle circle inside the icon -->
								<div id="toggleCircle" style="width: 14px; height: 14px; background-color: #28a745; border-radius: 50%; position: absolute; top: 3px; left: 3px; transition: left 0.3s;"></div>
							</div>
						</button>

						<!-- Fullscreen Button -->
						<button id="fullscreenBtn" style="display: flex; align-items: center; justify-content: center; padding: 10px 0; background-color: transparent; color: white; border: 2px solid #28a745; border-radius: 5px; cursor: pointer; width: 100%; text-align: center;">
							<svg width="14" height="14" fill="#ffffff" class="bi bi-fullscreen" viewBox="0 0 16 16">
								<path d="M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5M.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5m15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5"/>
							</svg>
						</button>

						<!-- Help Button -->
						<button id="helps" style="display: flex; align-items: center; justify-content: center; padding: 10px 0; background-color: transparent; color: white; border: 2px solid #28a745; border-radius: 5px; cursor: pointer; width: 100%; text-align: center;">
							<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-info-circle" viewBox="0 0 16 16">
								<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/>
								<path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0"/>
							</svg>
						</button>
				</div>
