<div class="container-con-superblock darkmode-txt">
	<div class='container-con-superblock-emp'>
	</div>
	<h1>Initial Setup</h1>
	<div class='container-con-superblock-div'>
	</div>
</div>
<div class="container-con-block darkmode-block">
	<div class="anchor-point" id="supported_devices_devices">
	</div>
	<div class='container-con-block darkmode-block'>
		<div class='container-con-wrapper'>
			<div class='container-tx1-block darkmode-txt'>
				<div class='container-emp-block'>
				</div>
				<h2>Supported Devices and Platforms</h2>
			</div>
			<div class='container-tx2-block darkmode-txt'>
				<p class="download-desc">
					 RPCS3 is capable of running on many different hardware configurations, so long as the recommended hardware requirements are met.
				</p>
			</div>
		</div>
	</div>
	<div class='device-con-container'>
		<div class='device-con-outer'>
			<div class='device-con-inner-a'>
				<div class='performance-con-spec performance-ico-good'>
					<div class='performance-ico-spec' style="background: url(/img/icons/buttons/good-h.png) center no-repeat; background-size:18px;">
					</div>
				</div>
				<div class='device-con-gradient'>
					<div class='device-con-graphic' style="background: url(/img/graphics/quickstart/pc.png) center no-repeat; background-size:250px;">
					</div>
				</div>
				<div class='device-tx1-title darkmode-txt'>
					<span>PC (x64)</span>
				</div>
				<div class='device-tx2-desc darkmode-txt'>
					<span>
					<p>
						 Expect good performance for desktop and laptop PCs running on any of the supported operating systems as well as the recommended system hardware specifications.<br>
						<br>
						 See the <b>PC Requirements</b> section for more details.
					</p>
					</span>
				</div>
			</div>
		</div>
		<div class='device-con-outer'>
			<div class='device-con-inner-a'>
				<div class='performance-con-spec performance-ico-variable'>
					<div class='performance-ico-spec' style="background: url(/img/icons/buttons/warning-h.png) center no-repeat; background-size:18px;">
					</div>
				</div>
				<div class='device-con-gradient'>
					<div class='device-con-graphic' style="background: url(/img/graphics/quickstart/mac.png) center no-repeat; background-size:250px;">
					</div>
				</div>
				<div class='device-tx1-title darkmode-txt'>
					<span>Mac (x64 / ARM)</span>
				</div>
				<div class='device-tx2-desc darkmode-txt'>
					<span>
					<p>
						 Expect decent performance on Macs with high-end Intel CPUs and variable performance with Apple Silicon on macOS 14.3+, 15.0+ or later.<br>
						<br>
						 See the <b>For Mac</b> section for more details.
					</p>
					</span>
				</div>
			</div>
		</div>
		<div class='device-con-outer'>
			<div class='device-con-inner-a'>
				<div class='performance-con-spec performance-ico-variable'>
					<div class='performance-ico-spec' style="background: url(/img/icons/buttons/warning-h.png) center no-repeat; background-size:18px;">
					</div>
				</div>
				<div class='device-con-gradient'>
					<div class='device-con-graphic' style="background: url(/img/graphics/quickstart/handheld.png) center no-repeat; background-size:250px;">
					</div>
				</div>
				<div class='device-tx1-title darkmode-txt'>
					<span>Handheld (x64)</span>
				</div>
				<div class='device-tx2-desc darkmode-txt'>
					<span>
					<p>
						 Expect highly variable performance for handhelds with less than 6 cores and/or 16GB of RAM. Using Linux is highly recommended due to its lower software overhead.<br>
						<br>
						 See the <b>For handhelds</b> section for more details.
					</p>
					</span>
				</div>
			</div>
		</div>
	</div>
	<div class='container-con-block darkmode-block'>
		<div class='container-con-wrapper'>
			<div class='container-tx1-block darkmode-txt'>
				<div class='container-emp-block'>
				</div>
				<h2>Supported Input Devices</h2>
			</div>
			<div class='container-tx2-block darkmode-txt'>
				<p class="download-desc">
					 RPCS3 supports a multitude of inputs ranging from Xinput, Dinput, SDL and proprietary Sony APIs.
				</p>
			</div>
		</div>
	</div>
	<div class="gamepad-con-container">
		<div class="gamepad-con-wrapper-gradient">
		</div>
		<div class="gamepad-con-wrapper">
			<div class="gamepad-con-item">
				<div class="gamepad-ico-logo darkmode-invert" style="background: url(/img/icons/buttons/kbm.png) center top no-repeat; background-size: cover;">
				</div>
				<div class="gamepad-con-tx1">
					<span class="gamepad-con-h1">Keyboard</span>
					<br>
					<span class="gamepad-con-tx2">Can be used, but your experience may vary</span>
				</div>
				<div class="gamepad-con-icon" style="background: url(/img/graphics/quickstart/pad-keyboard.png) center no-repeat; background-size: 300px;">
				</div>
			</div>
			<div class="gamepad-con-item">
				<div class="gamepad-ico-logo darkmode-invert" style="background: url(/img/icons/buttons/xbox.png) center top no-repeat; background-size: cover;">
				</div>
				<div class="gamepad-con-tx1">
					<span class="gamepad-con-h1">Xbox/Xinput</span>
					<br>
					<span class="gamepad-con-tx2">Works via a Bluetooth or USB connection</span>
				</div>
				<div class="gamepad-con-icon" style="background: url(/img/graphics/quickstart/pad-xbox.png) center no-repeat; background-size: 300px;">
				</div>
			</div>
			<div class="gamepad-con-item">
				<div class="gamepad-ico-logo darkmode-invert" style="background: url(/img/icons/buttons/playstation.png) center top no-repeat; background-size: cover;">
				</div>
				<div class="gamepad-con-tx1">
					<span class="gamepad-con-h1">DualSense</span>
					<br>
					<span class="gamepad-con-tx2">Works via a Bluetooth or USB connection</span>
				</div>
				<div class="gamepad-con-icon" style="background: url(/img/graphics/quickstart/pad-dualsense.png) center no-repeat; background-size: 300px;">
				</div>
			</div>
			<div class="gamepad-con-item">
				<div class="gamepad-ico-logo darkmode-invert" style="background: url(/img/icons/buttons/playstation.png) center top no-repeat; background-size: cover;">
				</div>
				<div class="gamepad-con-tx1">
					<span class="gamepad-con-h1">DualShock 4</span>
					<br>
					<span class="gamepad-con-tx2">Works via a Bluetooth or USB connection</span>
				</div>
				<div class="gamepad-con-icon" style="background: url(/img/graphics/quickstart/pad-dualshock-4.png) center no-repeat; background-size: 300px;">
				</div>
			</div>
			<div class="gamepad-con-item">
				<div class="gamepad-ico-logo darkmode-invert" style="background: url(/img/icons/buttons/playstation.png) center top no-repeat; background-size: cover;">
				</div>
				<div class="gamepad-con-tx1">
					<span class="gamepad-con-h1">DualShock 3</span>
					<br>
					<span class="gamepad-con-tx2">Works via a Bluetooth or USB connection</span>
				</div>
				<div class="gamepad-con-icon" style="background: url(/img/graphics/quickstart/pad-dualshock-3.png) center no-repeat; background-size: 300px;">
				</div>
			</div>
			<div class="gamepad-con-item" style="display:none">
				<div class="gamepad-ico-logo darkmode-invert" style="background: url(/img/icons/buttons/playstation.png) center top no-repeat; background-size: cover;">
				</div>
				<div class="gamepad-con-tx1">
					<span class="gamepad-con-h1">PS Move</span>
					<br>
					<span class="gamepad-con-tx2">Works via a Bluetooth or USB connection</span>
				</div>
				<div class="gamepad-con-icon" style="background: url(/img/graphics/quickstart/pad-move.png) center no-repeat; background-size: 300px;">
				</div>
			</div>
			<div class="gamepad-con-item">
				<div class="gamepad-ico-logo darkmode-invert" style="background: url(/img/icons/buttons/playstation.png) center top no-repeat; background-size: cover;">
				</div>
				<div class="gamepad-con-tx1">
					<span class="gamepad-con-h1">PS Eye</span>
					<br>
					<span class="gamepad-con-tx2">Works via a USB connection</span>
				</div>
				<div class="gamepad-con-icon" style="background: url(/img/graphics/quickstart/pad-camera.png) center no-repeat; background-size: 300px;">
				</div>
			</div>
			

			
			
			
		</div>
	</div>
</div>
