<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><meta name="description" content="The CDN for everything on npm"/><link rel="icon" type="image/jpeg" href="/favicon.jpg"/><link rel="stylesheet" href="https://app.unpkg.com/_assets/styles-D6XP7YEC.css"/><link rel="stylesheet" href="https://app.unpkg.com/_assets/code-light-B2LHUSJR.css"/><script type="importmap">{"imports":{"preact":"https://unpkg.com/preact@10.25.4/dist/preact.module.js","preact/hooks":"https://unpkg.com/preact@10.25.4/hooks/dist/hooks.module.js","preact/jsx-runtime":"https://unpkg.com/preact@10.25.4/jsx-runtime/dist/jsxRuntime.module.js"}}</script><script type="module" src="https://app.unpkg.com/_assets/scripts-5LWG6LQM.js" defer></script><title>UNPKG</title><script async src="https://www.googletagmanager.com/gtag/js?id=UA-140352188-1"></script><script>window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-140352188-1');</script></head><body><header class="border-b border-slate-300 bg-slate-100 text-slate-950"><div class="p-4 mx-auto flex justify-between items-center lg:max-w-screen-xl"><h1 class="text-2xl font-bold inline-block"><a href="https://unpkg.com">UNPKG</a></h1><span class="inline-block h-full"><a href="https://github.com/unpkg"><svg aria-hidden="true" fill="currentColor" viewBox="0 0 24 24" class="w-6 h-6"><path fill-rule="evenodd" d="M12.006 2a9.847 9.847 0 0 0-6.484 2.44 10.32 10.32 0 0 0-3.393 6.17 10.48 10.48 0 0 0 1.317 6.955 10.045 10.045 0 0 0 5.4 4.418c.504.095.683-.223.683-.494 0-.245-.01-1.052-.014-1.908-2.78.62-3.366-1.21-3.366-1.21a2.711 2.711 0 0 0-1.11-1.5c-.907-.637.07-.621.07-.621.317.044.62.163.885.346.266.183.487.426.647.71.135.253.318.476.538.655a2.079 2.079 0 0 0 2.37.196c.045-.52.27-1.006.635-1.37-2.219-.259-4.554-1.138-4.554-5.07a4.022 4.022 0 0 1 1.031-2.75 3.77 3.77 0 0 1 .096-2.713s.839-.275 2.749 1.05a9.26 9.26 0 0 1 5.004 0c1.906-1.325 2.74-1.05 2.74-1.05.37.858.406 1.828.101 2.713a4.017 4.017 0 0 1 1.029 2.75c0 3.939-2.339 4.805-4.564 5.058a2.471 2.471 0 0 1 .679 1.897c0 1.372-.012 2.477-.012 2.814 0 .272.18.592.687.492a10.05 10.05 0 0 0 5.388-4.421 10.473 10.473 0 0 0 1.313-6.948 10.32 10.32 0 0 0-3.39-6.165A9.847 9.847 0 0 0 12.007 2Z" clip-rule="evenodd"></path></svg></a></span></div></header><main class="px-4 pb-24 mx-auto lg:max-w-screen-xl lg:pb-44"><header class="pt-6 pb-4 lg:pt-16"><div class="mb-6 flex justify-between items-center"><h1 class="text-black text-3xl leading-tight font-semibold">swiper</h1><div class="text-right w-48"><span>Version: </span><span data-hydrate="{&quot;key&quot;:&quot;VersionSelector&quot;,&quot;props&quot;:{&quot;availableTags&quot;:{&quot;next&quot;:&quot;7.0.0-alpha.40&quot;,&quot;beta&quot;:&quot;11.0.0-beta.3&quot;,&quot;latest&quot;:&quot;12.0.2&quot;},&quot;availableVersions&quot;:[&quot;12.0.2&quot;,&quot;12.0.1&quot;,&quot;12.0.0&quot;,&quot;11.2.10&quot;,&quot;11.2.9&quot;,&quot;11.2.8&quot;,&quot;11.2.7&quot;,&quot;11.2.6&quot;,&quot;11.2.5&quot;,&quot;11.2.4&quot;,&quot;11.2.3&quot;,&quot;11.2.2&quot;,&quot;11.2.1&quot;,&quot;11.2.0&quot;,&quot;11.1.15&quot;,&quot;11.1.14&quot;,&quot;11.1.12&quot;,&quot;11.1.11&quot;,&quot;11.1.10&quot;,&quot;11.1.9&quot;,&quot;11.1.8&quot;,&quot;11.1.7&quot;,&quot;11.1.6&quot;,&quot;11.1.5&quot;,&quot;11.1.4&quot;,&quot;11.1.3&quot;,&quot;11.1.2&quot;,&quot;11.1.1&quot;,&quot;11.1.0&quot;,&quot;11.0.7&quot;,&quot;11.0.6&quot;,&quot;11.0.5&quot;,&quot;11.0.4&quot;,&quot;11.0.3&quot;,&quot;11.0.2&quot;,&quot;11.0.1&quot;,&quot;11.0.0&quot;,&quot;11.0.0-beta.3&quot;,&quot;11.0.0-beta.2&quot;,&quot;11.0.0-beta.1&quot;,&quot;10.3.1&quot;,&quot;10.3.0&quot;,&quot;10.2.0&quot;,&quot;10.1.0&quot;,&quot;10.0.4&quot;,&quot;10.0.3&quot;,&quot;10.0.2&quot;,&quot;10.0.1&quot;,&quot;10.0.0&quot;,&quot;10.0.0-beta.6&quot;,&quot;10.0.0-beta.5&quot;,&quot;10.0.0-beta.4&quot;,&quot;10.0.0-beta.3&quot;,&quot;10.0.0-beta.2&quot;,&quot;10.0.0-beta.1&quot;,&quot;9.4.1&quot;,&quot;9.4.0&quot;,&quot;9.3.2&quot;,&quot;9.3.1&quot;,&quot;9.3.0&quot;,&quot;9.3.0-beta.1&quot;,&quot;9.2.4&quot;,&quot;9.2.3&quot;,&quot;9.2.2&quot;,&quot;9.2.1&quot;,&quot;9.2.0&quot;,&quot;9.1.1&quot;,&quot;9.1.0&quot;,&quot;9.0.5&quot;,&quot;9.0.4&quot;,&quot;9.0.3&quot;,&quot;9.0.2&quot;,&quot;9.0.1&quot;,&quot;9.0.0&quot;,&quot;9.0.0-beta.42&quot;,&quot;9.0.0-beta.41&quot;,&quot;9.0.0-beta.40&quot;,&quot;9.0.0-beta.38&quot;,&quot;9.0.0-beta.36&quot;,&quot;9.0.0-beta.35&quot;,&quot;9.0.0-beta.34&quot;,&quot;9.0.0-beta.33&quot;,&quot;9.0.0-beta.32&quot;,&quot;9.0.0-beta.31&quot;,&quot;9.0.0-beta.30&quot;,&quot;9.0.0-beta.29&quot;,&quot;9.0.0-beta.28&quot;,&quot;9.0.0-beta.26&quot;,&quot;9.0.0-beta.25&quot;,&quot;9.0.0-beta.24&quot;,&quot;9.0.0-beta.23&quot;,&quot;9.0.0-beta.22&quot;,&quot;9.0.0-beta.21&quot;,&quot;9.0.0-beta.20&quot;,&quot;9.0.0-beta.19&quot;,&quot;9.0.0-beta.18&quot;,&quot;9.0.0-beta.17&quot;,&quot;9.0.0-beta.16&quot;,&quot;9.0.0-beta.11&quot;,&quot;9.0.0-beta.10&quot;,&quot;9.0.0-beta.9&quot;,&quot;9.0.0-beta.8&quot;,&quot;9.0.0-beta.7&quot;,&quot;9.0.0-beta.6&quot;,&quot;9.0.0-beta.5&quot;,&quot;9.0.0-beta.4&quot;,&quot;9.0.0-beta.3&quot;,&quot;9.0.0-beta.2&quot;,&quot;9.0.0-beta.1&quot;,&quot;8.4.7&quot;,&quot;8.4.6&quot;,&quot;8.4.5&quot;,&quot;8.4.4&quot;,&quot;8.4.3&quot;,&quot;8.4.2&quot;,&quot;8.4.1&quot;,&quot;8.4.0&quot;,&quot;8.3.2&quot;,&quot;8.3.1&quot;,&quot;8.3.0&quot;,&quot;8.2.6&quot;,&quot;8.2.5&quot;,&quot;8.2.4&quot;,&quot;8.2.3&quot;,&quot;8.2.2&quot;,&quot;8.2.1&quot;,&quot;8.2.0&quot;,&quot;8.1.6&quot;,&quot;8.1.5&quot;,&quot;8.1.4&quot;,&quot;8.1.3&quot;,&quot;8.1.2&quot;,&quot;8.1.1&quot;,&quot;8.1.0&quot;,&quot;8.0.7&quot;,&quot;8.0.6&quot;,&quot;8.0.5&quot;,&quot;8.0.4&quot;,&quot;8.0.3&quot;,&quot;8.0.2&quot;,&quot;8.0.1&quot;,&quot;8.0.0&quot;,&quot;7.4.1&quot;,&quot;7.4.0&quot;,&quot;7.3.4&quot;,&quot;7.3.3&quot;,&quot;7.3.2&quot;,&quot;7.3.1&quot;,&quot;7.3.0&quot;,&quot;7.2.0&quot;,&quot;7.1.0&quot;,&quot;7.0.9&quot;,&quot;7.0.8&quot;,&quot;7.0.7&quot;,&quot;7.0.6&quot;,&quot;7.0.5&quot;,&quot;7.0.4&quot;,&quot;7.0.3&quot;,&quot;7.0.2&quot;,&quot;7.0.1&quot;,&quot;7.0.0&quot;,&quot;7.0.0-alpha.40&quot;,&quot;7.0.0-alpha.39&quot;,&quot;7.0.0-alpha.38&quot;,&quot;7.0.0-alpha.37&quot;,&quot;7.0.0-alpha.36&quot;,&quot;7.0.0-alpha.35&quot;,&quot;7.0.0-alpha.34&quot;,&quot;7.0.0-alpha.33&quot;,&quot;7.0.0-alpha.32&quot;,&quot;7.0.0-alpha.31&quot;,&quot;7.0.0-alpha.30&quot;,&quot;7.0.0-alpha.29&quot;,&quot;7.0.0-alpha.28&quot;,&quot;7.0.0-alpha.27&quot;,&quot;7.0.0-alpha.26&quot;,&quot;7.0.0-alpha.25&quot;,&quot;7.0.0-alpha.24&quot;,&quot;7.0.0-alpha.23&quot;,&quot;7.0.0-alpha.22&quot;,&quot;7.0.0-alpha.21&quot;,&quot;7.0.0-alpha.20&quot;,&quot;7.0.0-alpha.19&quot;,&quot;7.0.0-alpha.18&quot;,&quot;7.0.0-alpha.17&quot;,&quot;7.0.0-alpha.16&quot;,&quot;7.0.0-alpha.15&quot;,&quot;7.0.0-alpha.14&quot;,&quot;7.0.0-alpha.12&quot;,&quot;7.0.0-alpha.11&quot;,&quot;7.0.0-alpha.10&quot;,&quot;7.0.0-alpha.9&quot;,&quot;7.0.0-alpha.8&quot;,&quot;7.0.0-alpha.7&quot;,&quot;7.0.0-alpha.6&quot;,&quot;7.0.0-alpha.5&quot;,&quot;7.0.0-alpha.4&quot;,&quot;7.0.0-alpha.3&quot;,&quot;7.0.0-alpha.2&quot;,&quot;7.0.0-alpha.1&quot;,&quot;6.8.4&quot;,&quot;6.8.3&quot;,&quot;6.8.2&quot;,&quot;6.8.1&quot;,&quot;6.8.0&quot;,&quot;6.8.0-beta.1&quot;,&quot;6.7.5&quot;,&quot;6.7.1&quot;,&quot;6.7.0&quot;,&quot;6.6.2&quot;,&quot;6.6.1&quot;,&quot;6.6.0&quot;,&quot;6.5.9&quot;,&quot;6.5.8&quot;,&quot;6.5.7&quot;,&quot;6.5.6&quot;,&quot;6.5.5&quot;,&quot;6.5.5-beta.1&quot;,&quot;6.5.4&quot;,&quot;6.5.3&quot;,&quot;6.5.2&quot;,&quot;6.5.1&quot;,&quot;6.5.0&quot;,&quot;6.4.15&quot;,&quot;6.4.14&quot;,&quot;6.4.12&quot;,&quot;6.4.11&quot;,&quot;6.4.10&quot;,&quot;6.4.9&quot;,&quot;6.4.8&quot;,&quot;6.4.7&quot;,&quot;6.4.6&quot;,&quot;6.4.5&quot;,&quot;6.4.4&quot;,&quot;6.4.3&quot;,&quot;6.4.2&quot;,&quot;6.4.1&quot;,&quot;6.4.0&quot;,&quot;6.3.5&quot;,&quot;6.3.4&quot;,&quot;6.3.3&quot;,&quot;6.3.2&quot;,&quot;6.3.1&quot;,&quot;6.3.0&quot;,&quot;6.2.0&quot;,&quot;6.1.3&quot;,&quot;6.1.2&quot;,&quot;6.1.1&quot;,&quot;6.1.0&quot;,&quot;6.0.4&quot;,&quot;6.0.3&quot;,&quot;6.0.2&quot;,&quot;6.0.1&quot;,&quot;6.0.0&quot;,&quot;6.0.0-alpha.18&quot;,&quot;6.0.0-alpha.17&quot;,&quot;6.0.0-alpha.16&quot;,&quot;6.0.0-alpha.15&quot;,&quot;6.0.0-alpha.12&quot;,&quot;6.0.0-alpha.11&quot;,&quot;6.0.0-alpha.10&quot;,&quot;6.0.0-alpha.9&quot;,&quot;6.0.0-alpha.8&quot;,&quot;6.0.0-alpha.7&quot;,&quot;6.0.0-alpha.6&quot;,&quot;6.0.0-alpha.5&quot;,&quot;6.0.0-alpha.4&quot;,&quot;6.0.0-alpha.3&quot;,&quot;6.0.0-alpha.2&quot;,&quot;6.0.0-alpha.1&quot;,&quot;5.4.5&quot;,&quot;5.4.4&quot;,&quot;5.4.3&quot;,&quot;5.4.2&quot;,&quot;5.4.1&quot;,&quot;5.4.0&quot;,&quot;5.3.8&quot;,&quot;5.3.7&quot;,&quot;5.3.6&quot;,&quot;5.3.5&quot;,&quot;5.3.1&quot;,&quot;5.3.0&quot;,&quot;5.2.1&quot;,&quot;5.2.0&quot;,&quot;5.1.0&quot;,&quot;5.0.4&quot;,&quot;5.0.3&quot;,&quot;5.0.2&quot;,&quot;5.0.1&quot;,&quot;5.0.0&quot;,&quot;4.5.1&quot;,&quot;4.5.0&quot;,&quot;4.4.6&quot;,&quot;4.4.5&quot;,&quot;4.4.2&quot;,&quot;4.4.1&quot;,&quot;4.4.0&quot;,&quot;4.3.5&quot;,&quot;4.3.3&quot;,&quot;4.3.2&quot;,&quot;4.3.0&quot;,&quot;4.2.6&quot;,&quot;4.2.5&quot;,&quot;4.2.2&quot;,&quot;4.2.0&quot;,&quot;4.1.6&quot;,&quot;4.1.5&quot;,&quot;4.1.0&quot;,&quot;4.0.7&quot;,&quot;4.0.6&quot;,&quot;4.0.5&quot;,&quot;4.0.3&quot;,&quot;4.0.2&quot;,&quot;4.0.1&quot;,&quot;4.0.0&quot;,&quot;4.0.0-beta.4&quot;,&quot;4.0.0-beta.3&quot;,&quot;4.0.0-beta.2&quot;,&quot;4.0.0-beta.1&quot;,&quot;3.4.2&quot;,&quot;3.4.1&quot;,&quot;3.4.0&quot;,&quot;3.3.1&quot;,&quot;3.3.0&quot;,&quot;3.2.7&quot;,&quot;3.2.6&quot;,&quot;3.2.5&quot;,&quot;3.2.0&quot;,&quot;3.1.7&quot;,&quot;3.1.5&quot;,&quot;3.1.2&quot;,&quot;3.1.0&quot;,&quot;3.0.8&quot;,&quot;3.0.7&quot;,&quot;3.0.6&quot;,&quot;3.0.5&quot;,&quot;3.0.4&quot;,&quot;3.0.3&quot;,&quot;3.0.2&quot;,&quot;3.0.1&quot;,&quot;3.0.0&quot;,&quot;2.7.6&quot;,&quot;2.7.5&quot;,&quot;2.7.0&quot;,&quot;0.9.0-beta.16&quot;,&quot;0.9.0-beta.15&quot;,&quot;0.9.0-beta.14&quot;,&quot;0.9.0-beta.12&quot;],&quot;currentVersion&quot;:&quot;8.4.7&quot;,&quot;pathnameFormat&quot;:&quot;/swiper@%s/files/swiper-bundle.min.css&quot;,&quot;class&quot;:&quot;w-28 p-1 border border-slate-300 bg-slate-100 text-sm&quot;}}"><select name="version" class="w-28 p-1 border border-slate-300 bg-slate-100 text-sm"><optgroup label="Tags"><option value="11.0.0-beta.3">beta (11.0.0-beta.3)</option><option value="12.0.2">latest (12.0.2)</option><option value="7.0.0-alpha.40">next (7.0.0-alpha.40)</option></optgroup><optgroup label="Versions"><option value="12.0.2">12.0.2</option><option value="12.0.1">12.0.1</option><option value="12.0.0">12.0.0</option><option value="11.2.10">11.2.10</option><option value="11.2.9">11.2.9</option><option value="11.2.8">11.2.8</option><option value="11.2.7">11.2.7</option><option value="11.2.6">11.2.6</option><option value="11.2.5">11.2.5</option><option value="11.2.4">11.2.4</option><option value="11.2.3">11.2.3</option><option value="11.2.2">11.2.2</option><option value="11.2.1">11.2.1</option><option value="11.2.0">11.2.0</option><option value="11.1.15">11.1.15</option><option value="11.1.14">11.1.14</option><option value="11.1.12">11.1.12</option><option value="11.1.11">11.1.11</option><option value="11.1.10">11.1.10</option><option value="11.1.9">11.1.9</option><option value="11.1.8">11.1.8</option><option value="11.1.7">11.1.7</option><option value="11.1.6">11.1.6</option><option value="11.1.5">11.1.5</option><option value="11.1.4">11.1.4</option><option value="11.1.3">11.1.3</option><option value="11.1.2">11.1.2</option><option value="11.1.1">11.1.1</option><option value="11.1.0">11.1.0</option><option value="11.0.7">11.0.7</option><option value="11.0.6">11.0.6</option><option value="11.0.5">11.0.5</option><option value="11.0.4">11.0.4</option><option value="11.0.3">11.0.3</option><option value="11.0.2">11.0.2</option><option value="11.0.1">11.0.1</option><option value="11.0.0">11.0.0</option><option value="11.0.0-beta.3">11.0.0-beta.3</option><option value="11.0.0-beta.2">11.0.0-beta.2</option><option value="11.0.0-beta.1">11.0.0-beta.1</option><option value="10.3.1">10.3.1</option><option value="10.3.0">10.3.0</option><option value="10.2.0">10.2.0</option><option value="10.1.0">10.1.0</option><option value="10.0.4">10.0.4</option><option value="10.0.3">10.0.3</option><option value="10.0.2">10.0.2</option><option value="10.0.1">10.0.1</option><option value="10.0.0">10.0.0</option><option value="10.0.0-beta.6">10.0.0-beta.6</option><option value="10.0.0-beta.5">10.0.0-beta.5</option><option value="10.0.0-beta.4">10.0.0-beta.4</option><option value="10.0.0-beta.3">10.0.0-beta.3</option><option value="10.0.0-beta.2">10.0.0-beta.2</option><option value="10.0.0-beta.1">10.0.0-beta.1</option><option value="9.4.1">9.4.1</option><option value="9.4.0">9.4.0</option><option value="9.3.2">9.3.2</option><option value="9.3.1">9.3.1</option><option value="9.3.0">9.3.0</option><option value="9.3.0-beta.1">9.3.0-beta.1</option><option value="9.2.4">9.2.4</option><option value="9.2.3">9.2.3</option><option value="9.2.2">9.2.2</option><option value="9.2.1">9.2.1</option><option value="9.2.0">9.2.0</option><option value="9.1.1">9.1.1</option><option value="9.1.0">9.1.0</option><option value="9.0.5">9.0.5</option><option value="9.0.4">9.0.4</option><option value="9.0.3">9.0.3</option><option value="9.0.2">9.0.2</option><option value="9.0.1">9.0.1</option><option value="9.0.0">9.0.0</option><option value="9.0.0-beta.42">9.0.0-beta.42</option><option value="9.0.0-beta.41">9.0.0-beta.41</option><option value="9.0.0-beta.40">9.0.0-beta.40</option><option value="9.0.0-beta.38">9.0.0-beta.38</option><option value="9.0.0-beta.36">9.0.0-beta.36</option><option value="9.0.0-beta.35">9.0.0-beta.35</option><option value="9.0.0-beta.34">9.0.0-beta.34</option><option value="9.0.0-beta.33">9.0.0-beta.33</option><option value="9.0.0-beta.32">9.0.0-beta.32</option><option value="9.0.0-beta.31">9.0.0-beta.31</option><option value="9.0.0-beta.30">9.0.0-beta.30</option><option value="9.0.0-beta.29">9.0.0-beta.29</option><option value="9.0.0-beta.28">9.0.0-beta.28</option><option value="9.0.0-beta.26">9.0.0-beta.26</option><option value="9.0.0-beta.25">9.0.0-beta.25</option><option value="9.0.0-beta.24">9.0.0-beta.24</option><option value="9.0.0-beta.23">9.0.0-beta.23</option><option value="9.0.0-beta.22">9.0.0-beta.22</option><option value="9.0.0-beta.21">9.0.0-beta.21</option><option value="9.0.0-beta.20">9.0.0-beta.20</option><option value="9.0.0-beta.19">9.0.0-beta.19</option><option value="9.0.0-beta.18">9.0.0-beta.18</option><option value="9.0.0-beta.17">9.0.0-beta.17</option><option value="9.0.0-beta.16">9.0.0-beta.16</option><option value="9.0.0-beta.11">9.0.0-beta.11</option><option value="9.0.0-beta.10">9.0.0-beta.10</option><option value="9.0.0-beta.9">9.0.0-beta.9</option><option value="9.0.0-beta.8">9.0.0-beta.8</option><option value="9.0.0-beta.7">9.0.0-beta.7</option><option value="9.0.0-beta.6">9.0.0-beta.6</option><option value="9.0.0-beta.5">9.0.0-beta.5</option><option value="9.0.0-beta.4">9.0.0-beta.4</option><option value="9.0.0-beta.3">9.0.0-beta.3</option><option value="9.0.0-beta.2">9.0.0-beta.2</option><option value="9.0.0-beta.1">9.0.0-beta.1</option><option selected value="8.4.7">8.4.7</option><option value="8.4.6">8.4.6</option><option value="8.4.5">8.4.5</option><option value="8.4.4">8.4.4</option><option value="8.4.3">8.4.3</option><option value="8.4.2">8.4.2</option><option value="8.4.1">8.4.1</option><option value="8.4.0">8.4.0</option><option value="8.3.2">8.3.2</option><option value="8.3.1">8.3.1</option><option value="8.3.0">8.3.0</option><option value="8.2.6">8.2.6</option><option value="8.2.5">8.2.5</option><option value="8.2.4">8.2.4</option><option value="8.2.3">8.2.3</option><option value="8.2.2">8.2.2</option><option value="8.2.1">8.2.1</option><option value="8.2.0">8.2.0</option><option value="8.1.6">8.1.6</option><option value="8.1.5">8.1.5</option><option value="8.1.4">8.1.4</option><option value="8.1.3">8.1.3</option><option value="8.1.2">8.1.2</option><option value="8.1.1">8.1.1</option><option value="8.1.0">8.1.0</option><option value="8.0.7">8.0.7</option><option value="8.0.6">8.0.6</option><option value="8.0.5">8.0.5</option><option value="8.0.4">8.0.4</option><option value="8.0.3">8.0.3</option><option value="8.0.2">8.0.2</option><option value="8.0.1">8.0.1</option><option value="8.0.0">8.0.0</option><option value="7.4.1">7.4.1</option><option value="7.4.0">7.4.0</option><option value="7.3.4">7.3.4</option><option value="7.3.3">7.3.3</option><option value="7.3.2">7.3.2</option><option value="7.3.1">7.3.1</option><option value="7.3.0">7.3.0</option><option value="7.2.0">7.2.0</option><option value="7.1.0">7.1.0</option><option value="7.0.9">7.0.9</option><option value="7.0.8">7.0.8</option><option value="7.0.7">7.0.7</option><option value="7.0.6">7.0.6</option><option value="7.0.5">7.0.5</option><option value="7.0.4">7.0.4</option><option value="7.0.3">7.0.3</option><option value="7.0.2">7.0.2</option><option value="7.0.1">7.0.1</option><option value="7.0.0">7.0.0</option><option value="7.0.0-alpha.40">7.0.0-alpha.40</option><option value="7.0.0-alpha.39">7.0.0-alpha.39</option><option value="7.0.0-alpha.38">7.0.0-alpha.38</option><option value="7.0.0-alpha.37">7.0.0-alpha.37</option><option value="7.0.0-alpha.36">7.0.0-alpha.36</option><option value="7.0.0-alpha.35">7.0.0-alpha.35</option><option value="7.0.0-alpha.34">7.0.0-alpha.34</option><option value="7.0.0-alpha.33">7.0.0-alpha.33</option><option value="7.0.0-alpha.32">7.0.0-alpha.32</option><option value="7.0.0-alpha.31">7.0.0-alpha.31</option><option value="7.0.0-alpha.30">7.0.0-alpha.30</option><option value="7.0.0-alpha.29">7.0.0-alpha.29</option><option value="7.0.0-alpha.28">7.0.0-alpha.28</option><option value="7.0.0-alpha.27">7.0.0-alpha.27</option><option value="7.0.0-alpha.26">7.0.0-alpha.26</option><option value="7.0.0-alpha.25">7.0.0-alpha.25</option><option value="7.0.0-alpha.24">7.0.0-alpha.24</option><option value="7.0.0-alpha.23">7.0.0-alpha.23</option><option value="7.0.0-alpha.22">7.0.0-alpha.22</option><option value="7.0.0-alpha.21">7.0.0-alpha.21</option><option value="7.0.0-alpha.20">7.0.0-alpha.20</option><option value="7.0.0-alpha.19">7.0.0-alpha.19</option><option value="7.0.0-alpha.18">7.0.0-alpha.18</option><option value="7.0.0-alpha.17">7.0.0-alpha.17</option><option value="7.0.0-alpha.16">7.0.0-alpha.16</option><option value="7.0.0-alpha.15">7.0.0-alpha.15</option><option value="7.0.0-alpha.14">7.0.0-alpha.14</option><option value="7.0.0-alpha.12">7.0.0-alpha.12</option><option value="7.0.0-alpha.11">7.0.0-alpha.11</option><option value="7.0.0-alpha.10">7.0.0-alpha.10</option><option value="7.0.0-alpha.9">7.0.0-alpha.9</option><option value="7.0.0-alpha.8">7.0.0-alpha.8</option><option value="7.0.0-alpha.7">7.0.0-alpha.7</option><option value="7.0.0-alpha.6">7.0.0-alpha.6</option><option value="7.0.0-alpha.5">7.0.0-alpha.5</option><option value="7.0.0-alpha.4">7.0.0-alpha.4</option><option value="7.0.0-alpha.3">7.0.0-alpha.3</option><option value="7.0.0-alpha.2">7.0.0-alpha.2</option><option value="7.0.0-alpha.1">7.0.0-alpha.1</option><option value="6.8.4">6.8.4</option><option value="6.8.3">6.8.3</option><option value="6.8.2">6.8.2</option><option value="6.8.1">6.8.1</option><option value="6.8.0">6.8.0</option><option value="6.8.0-beta.1">6.8.0-beta.1</option><option value="6.7.5">6.7.5</option><option value="6.7.1">6.7.1</option><option value="6.7.0">6.7.0</option><option value="6.6.2">6.6.2</option><option value="6.6.1">6.6.1</option><option value="6.6.0">6.6.0</option><option value="6.5.9">6.5.9</option><option value="6.5.8">6.5.8</option><option value="6.5.7">6.5.7</option><option value="6.5.6">6.5.6</option><option value="6.5.5">6.5.5</option><option value="6.5.5-beta.1">6.5.5-beta.1</option><option value="6.5.4">6.5.4</option><option value="6.5.3">6.5.3</option><option value="6.5.2">6.5.2</option><option value="6.5.1">6.5.1</option><option value="6.5.0">6.5.0</option><option value="6.4.15">6.4.15</option><option value="6.4.14">6.4.14</option><option value="6.4.12">6.4.12</option><option value="6.4.11">6.4.11</option><option value="6.4.10">6.4.10</option><option value="6.4.9">6.4.9</option><option value="6.4.8">6.4.8</option><option value="6.4.7">6.4.7</option><option value="6.4.6">6.4.6</option><option value="6.4.5">6.4.5</option><option value="6.4.4">6.4.4</option><option value="6.4.3">6.4.3</option><option value="6.4.2">6.4.2</option><option value="6.4.1">6.4.1</option><option value="6.4.0">6.4.0</option><option value="6.3.5">6.3.5</option><option value="6.3.4">6.3.4</option><option value="6.3.3">6.3.3</option><option value="6.3.2">6.3.2</option><option value="6.3.1">6.3.1</option><option value="6.3.0">6.3.0</option><option value="6.2.0">6.2.0</option><option value="6.1.3">6.1.3</option><option value="6.1.2">6.1.2</option><option value="6.1.1">6.1.1</option><option value="6.1.0">6.1.0</option><option value="6.0.4">6.0.4</option><option value="6.0.3">6.0.3</option><option value="6.0.2">6.0.2</option><option value="6.0.1">6.0.1</option><option value="6.0.0">6.0.0</option><option value="6.0.0-alpha.18">6.0.0-alpha.18</option><option value="6.0.0-alpha.17">6.0.0-alpha.17</option><option value="6.0.0-alpha.16">6.0.0-alpha.16</option><option value="6.0.0-alpha.15">6.0.0-alpha.15</option><option value="6.0.0-alpha.12">6.0.0-alpha.12</option><option value="6.0.0-alpha.11">6.0.0-alpha.11</option><option value="6.0.0-alpha.10">6.0.0-alpha.10</option><option value="6.0.0-alpha.9">6.0.0-alpha.9</option><option value="6.0.0-alpha.8">6.0.0-alpha.8</option><option value="6.0.0-alpha.7">6.0.0-alpha.7</option><option value="6.0.0-alpha.6">6.0.0-alpha.6</option><option value="6.0.0-alpha.5">6.0.0-alpha.5</option><option value="6.0.0-alpha.4">6.0.0-alpha.4</option><option value="6.0.0-alpha.3">6.0.0-alpha.3</option><option value="6.0.0-alpha.2">6.0.0-alpha.2</option><option value="6.0.0-alpha.1">6.0.0-alpha.1</option><option value="5.4.5">5.4.5</option><option value="5.4.4">5.4.4</option><option value="5.4.3">5.4.3</option><option value="5.4.2">5.4.2</option><option value="5.4.1">5.4.1</option><option value="5.4.0">5.4.0</option><option value="5.3.8">5.3.8</option><option value="5.3.7">5.3.7</option><option value="5.3.6">5.3.6</option><option value="5.3.5">5.3.5</option><option value="5.3.1">5.3.1</option><option value="5.3.0">5.3.0</option><option value="5.2.1">5.2.1</option><option value="5.2.0">5.2.0</option><option value="5.1.0">5.1.0</option><option value="5.0.4">5.0.4</option><option value="5.0.3">5.0.3</option><option value="5.0.2">5.0.2</option><option value="5.0.1">5.0.1</option><option value="5.0.0">5.0.0</option><option value="4.5.1">4.5.1</option><option value="4.5.0">4.5.0</option><option value="4.4.6">4.4.6</option><option value="4.4.5">4.4.5</option><option value="4.4.2">4.4.2</option><option value="4.4.1">4.4.1</option><option value="4.4.0">4.4.0</option><option value="4.3.5">4.3.5</option><option value="4.3.3">4.3.3</option><option value="4.3.2">4.3.2</option><option value="4.3.0">4.3.0</option><option value="4.2.6">4.2.6</option><option value="4.2.5">4.2.5</option><option value="4.2.2">4.2.2</option><option value="4.2.0">4.2.0</option><option value="4.1.6">4.1.6</option><option value="4.1.5">4.1.5</option><option value="4.1.0">4.1.0</option><option value="4.0.7">4.0.7</option><option value="4.0.6">4.0.6</option><option value="4.0.5">4.0.5</option><option value="4.0.3">4.0.3</option><option value="4.0.2">4.0.2</option><option value="4.0.1">4.0.1</option><option value="4.0.0">4.0.0</option><option value="4.0.0-beta.4">4.0.0-beta.4</option><option value="4.0.0-beta.3">4.0.0-beta.3</option><option value="4.0.0-beta.2">4.0.0-beta.2</option><option value="4.0.0-beta.1">4.0.0-beta.1</option><option value="3.4.2">3.4.2</option><option value="3.4.1">3.4.1</option><option value="3.4.0">3.4.0</option><option value="3.3.1">3.3.1</option><option value="3.3.0">3.3.0</option><option value="3.2.7">3.2.7</option><option value="3.2.6">3.2.6</option><option value="3.2.5">3.2.5</option><option value="3.2.0">3.2.0</option><option value="3.1.7">3.1.7</option><option value="3.1.5">3.1.5</option><option value="3.1.2">3.1.2</option><option value="3.1.0">3.1.0</option><option value="3.0.8">3.0.8</option><option value="3.0.7">3.0.7</option><option value="3.0.6">3.0.6</option><option value="3.0.5">3.0.5</option><option value="3.0.4">3.0.4</option><option value="3.0.3">3.0.3</option><option value="3.0.2">3.0.2</option><option value="3.0.1">3.0.1</option><option value="3.0.0">3.0.0</option><option value="2.7.6">2.7.6</option><option value="2.7.5">2.7.5</option><option value="2.7.0">2.7.0</option><option value="0.9.0-beta.16">0.9.0-beta.16</option><option value="0.9.0-beta.15">0.9.0-beta.15</option><option value="0.9.0-beta.14">0.9.0-beta.14</option><option value="0.9.0-beta.12">0.9.0-beta.12</option></optgroup></select></span></div></div><div class="mt-2"><p class="mb-3 leading-tight"><span>Most modern mobile touch slider and framework with hardware accelerated transitions</span></p><div class="lg:hidden"><p class="mt-1 text-sm leading-4"><a href="https://swiperjs.com/" title="Visit the swiper website" class="inline-flex items-center hover:text-slate-950 hover:underline"><svg aria-hidden="true" fill="none" viewBox="0 0 24 24" class="w-6 h-6"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.213 9.787a3.391 3.391 0 0 0-4.795 0l-3.425 3.426a3.39 3.39 0 0 0 4.795 4.794l.321-.304m-.321-4.49a3.39 3.39 0 0 0 4.795 0l3.424-3.426a3.39 3.39 0 0 0-4.794-4.795l-1.028.961"></path></svg><span class="ml-1">swiperjs.com</span></a></p><p class="mt-1 text-sm leading-4"><a href="https://github.com/nolimits4web/Swiper" title="View the swiper repository on GitHub" class="inline-flex items-center hover:text-slate-950 hover:underline"><svg aria-hidden="true" fill="currentColor" viewBox="0 0 24 24" class="w-6 h-6"><path fill-rule="evenodd" d="M12.006 2a9.847 9.847 0 0 0-6.484 2.44 10.32 10.32 0 0 0-3.393 6.17 10.48 10.48 0 0 0 1.317 6.955 10.045 10.045 0 0 0 5.4 4.418c.504.095.683-.223.683-.494 0-.245-.01-1.052-.014-1.908-2.78.62-3.366-1.21-3.366-1.21a2.711 2.711 0 0 0-1.11-1.5c-.907-.637.07-.621.07-.621.317.044.62.163.885.346.266.183.487.426.647.71.135.253.318.476.538.655a2.079 2.079 0 0 0 2.37.196c.045-.52.27-1.006.635-1.37-2.219-.259-4.554-1.138-4.554-5.07a4.022 4.022 0 0 1 1.031-2.75 3.77 3.77 0 0 1 .096-2.713s.839-.275 2.749 1.05a9.26 9.26 0 0 1 5.004 0c1.906-1.325 2.74-1.05 2.74-1.05.37.858.406 1.828.101 2.713a4.017 4.017 0 0 1 1.029 2.75c0 3.939-2.339 4.805-4.564 5.058a2.471 2.471 0 0 1 .679 1.897c0 1.372-.012 2.477-.012 2.814 0 .272.18.592.687.492a10.05 10.05 0 0 0 5.388-4.421 10.473 10.473 0 0 0 1.313-6.948 10.32 10.32 0 0 0-3.39-6.165A9.847 9.847 0 0 0 12.007 2Z" clip-rule="evenodd"></path></svg><span class="ml-1">nolimits4web/Swiper</span></a></p></div></div></header><nav class="py-2"><span><a href="https://app.unpkg.com/swiper@8.4.7" class="text-blue-600 hover:underline">swiper</a></span><span> / </span><span>swiper-bundle.min.css</span></nav><div class="p-3 border border-slate-300 bg-slate-100 text-sm flex justify-between select-none"><div class="w-64"><span><span>13 lines </span><span>(12 loc) </span><span>• </span></span><span>16.5 kB</span></div><div class="hidden flex-grow sm:block text-center">CSS</div><div class="w-64 hidden sm:block text-right"><a href="https://unpkg.com/swiper@8.4.7/swiper-bundle.min.css" class="py-1 px-2 border border-slate-300 bg-slate-100 hover:bg-slate-200 rounded-sm">View Raw</a></div></div><div data-hydrate="{&quot;key&quot;:&quot;CodeViewer&quot;,&quot;props&quot;:{&quot;html&quot;:&quot;&lt;span class=\&quot;hljs-comment\&quot;>/**\n * Swiper 8.4.7\n * Most modern mobile touch slider and framework with hardware accelerated transitions\n * https://swiperjs.com\n *\n * Copyright 2014-2023 Vladimir Kharlampidi\n *\n * Released under the MIT License\n *\n * Released on: January 30, 2023\n */&lt;/span>\n\n&lt;span class=\&quot;hljs-keyword\&quot;>@font-face&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>font-family&lt;/span>:swiper-icons;&lt;span class=\&quot;hljs-attribute\&quot;>src&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>url&lt;/span>(&lt;span class=\&quot;hljs-string\&quot;>&amp;#x27;data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA&amp;#x27;&lt;/span>);&lt;span class=\&quot;hljs-attribute\&quot;>font-weight&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>400&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>font-style&lt;/span>:normal}&lt;span class=\&quot;hljs-selector-pseudo\&quot;>:root&lt;/span>{&lt;span class=\&quot;hljs-attr\&quot;>--swiper-theme-color&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>#007aff&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>margin-left&lt;/span>:auto;&lt;span class=\&quot;hljs-attribute\&quot;>margin-right&lt;/span>:auto;&lt;span class=\&quot;hljs-attribute\&quot;>position&lt;/span>:relative;&lt;span class=\&quot;hljs-attribute\&quot;>overflow&lt;/span>:hidden;&lt;span class=\&quot;hljs-attribute\&quot;>list-style&lt;/span>:none;&lt;span class=\&quot;hljs-attribute\&quot;>padding&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>z-index&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>1&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-vertical&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-wrapper&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>flex-direction&lt;/span>:column}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-wrapper&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>position&lt;/span>:relative;&lt;span class=\&quot;hljs-attribute\&quot;>width&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>100%&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>height&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>100%&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>z-index&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>1&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>display&lt;/span>:flex;&lt;span class=\&quot;hljs-attribute\&quot;>transition-property&lt;/span>:transform;&lt;span class=\&quot;hljs-attribute\&quot;>box-sizing&lt;/span>:content-box}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-android&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-wrapper&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>transform&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>translate3d&lt;/span>(&lt;span class=\&quot;hljs-number\&quot;>0px&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>)}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pointer-events&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>touch-action&lt;/span>:pan-y}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pointer-events&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-vertical&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>touch-action&lt;/span>:pan-x}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>flex-shrink&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>width&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>100%&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>height&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>100%&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>position&lt;/span>:relative;&lt;span class=\&quot;hljs-attribute\&quot;>transition-property&lt;/span>:transform}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-invisible-blank&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>visibility&lt;/span>:hidden}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-autoheight&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-autoheight&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>height&lt;/span>:auto}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-autoheight&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-wrapper&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>align-items&lt;/span>:flex-start;&lt;span class=\&quot;hljs-attribute\&quot;>transition-property&lt;/span>:transform,height}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-backface-hidden&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>transform&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>translateZ&lt;/span>(&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>);-webkit-&lt;span class=\&quot;hljs-attribute\&quot;>backface-visibility&lt;/span>:hidden;&lt;span class=\&quot;hljs-attribute\&quot;>backface-visibility&lt;/span>:hidden}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-3d&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-3d&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-css-mode&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-wrapper&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>perspective&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>1200px&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-3d&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-cube-shadow&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-3d&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-3d&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-shadow&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-3d&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-shadow-bottom&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-3d&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-shadow-left&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-3d&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-shadow-right&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-3d&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-shadow-top&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-3d&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-wrapper&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>transform-style&lt;/span>:preserve-&lt;span class=\&quot;hljs-number\&quot;>3&lt;/span>d}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-3d&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-shadow&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-3d&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-shadow-bottom&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-3d&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-shadow-left&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-3d&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-shadow-right&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-3d&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-shadow-top&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>position&lt;/span>:absolute;&lt;span class=\&quot;hljs-attribute\&quot;>left&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>top&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>width&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>100%&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>height&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>100%&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>pointer-events&lt;/span>:none;&lt;span class=\&quot;hljs-attribute\&quot;>z-index&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>10&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-3d&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-shadow&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>background&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>rgba&lt;/span>(&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,.&lt;span class=\&quot;hljs-number\&quot;>15&lt;/span>)}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-3d&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-shadow-left&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>background-image&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>linear-gradient&lt;/span>(to left,&lt;span class=\&quot;hljs-built_in\&quot;>rgba&lt;/span>(&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,.&lt;span class=\&quot;hljs-number\&quot;>5&lt;/span>),&lt;span class=\&quot;hljs-built_in\&quot;>rgba&lt;/span>(&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>))}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-3d&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-shadow-right&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>background-image&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>linear-gradient&lt;/span>(to right,&lt;span class=\&quot;hljs-built_in\&quot;>rgba&lt;/span>(&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,.&lt;span class=\&quot;hljs-number\&quot;>5&lt;/span>),&lt;span class=\&quot;hljs-built_in\&quot;>rgba&lt;/span>(&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>))}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-3d&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-shadow-top&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>background-image&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>linear-gradient&lt;/span>(to top,&lt;span class=\&quot;hljs-built_in\&quot;>rgba&lt;/span>(&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,.&lt;span class=\&quot;hljs-number\&quot;>5&lt;/span>),&lt;span class=\&quot;hljs-built_in\&quot;>rgba&lt;/span>(&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>))}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-3d&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-shadow-bottom&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>background-image&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>linear-gradient&lt;/span>(to bottom,&lt;span class=\&quot;hljs-built_in\&quot;>rgba&lt;/span>(&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,.&lt;span class=\&quot;hljs-number\&quot;>5&lt;/span>),&lt;span class=\&quot;hljs-built_in\&quot;>rgba&lt;/span>(&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>))}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-css-mode&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-wrapper&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>overflow&lt;/span>:auto;&lt;span class=\&quot;hljs-attribute\&quot;>scrollbar-width&lt;/span>:none;-ms-&lt;span class=\&quot;hljs-attribute\&quot;>overflow&lt;/span>-style:none}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-css-mode&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-wrapper&lt;/span>::-webkit-scrollbar{&lt;span class=\&quot;hljs-attribute\&quot;>display&lt;/span>:none}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-css-mode&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-wrapper&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>scroll-snap-align&lt;/span>:start start}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-horizontal&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-css-mode&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-wrapper&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>scroll-snap-type&lt;/span>:x mandatory}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-vertical&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-css-mode&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-wrapper&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>scroll-snap-type&lt;/span>:y mandatory}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-centered&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-wrapper&lt;/span>&lt;span class=\&quot;hljs-selector-pseudo\&quot;>::before&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>content&lt;/span>:&lt;span class=\&quot;hljs-string\&quot;>&amp;#x27;&amp;#x27;&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>flex-shrink&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>order&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>9999&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-centered&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-horizontal&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-wrapper&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide&lt;/span>&lt;span class=\&quot;hljs-selector-pseudo\&quot;>:first-child&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>margin-inline-start&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-centered-offset-before)}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-centered&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-horizontal&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-wrapper&lt;/span>&lt;span class=\&quot;hljs-selector-pseudo\&quot;>::before&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>height&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>100%&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>min-height&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>1px&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>width&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-centered-offset-after)}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-centered&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-vertical&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-wrapper&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide&lt;/span>&lt;span class=\&quot;hljs-selector-pseudo\&quot;>:first-child&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>margin-block-start&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-centered-offset-before)}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-centered&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-vertical&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-wrapper&lt;/span>&lt;span class=\&quot;hljs-selector-pseudo\&quot;>::before&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>width&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>100%&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>min-width&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>1px&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>height&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-centered-offset-after)}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-centered&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-wrapper&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>scroll-snap-align&lt;/span>:center center;&lt;span class=\&quot;hljs-attribute\&quot;>scroll-snap-stop&lt;/span>:always}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-virtual&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide&lt;/span>{-webkit-&lt;span class=\&quot;hljs-attribute\&quot;>backface-visibility&lt;/span>:hidden;&lt;span class=\&quot;hljs-attribute\&quot;>transform&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>translateZ&lt;/span>(&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>)}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-virtual&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-css-mode&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-wrapper&lt;/span>&lt;span class=\&quot;hljs-selector-pseudo\&quot;>::after&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>content&lt;/span>:&lt;span class=\&quot;hljs-string\&quot;>&amp;#x27;&amp;#x27;&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>position&lt;/span>:absolute;&lt;span class=\&quot;hljs-attribute\&quot;>left&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>top&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>pointer-events&lt;/span>:none}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-virtual&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-css-mode&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-horizontal&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-wrapper&lt;/span>&lt;span class=\&quot;hljs-selector-pseudo\&quot;>::after&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>height&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>1px&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>width&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-virtual-size)}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-virtual&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-css-mode&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-vertical&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-wrapper&lt;/span>&lt;span class=\&quot;hljs-selector-pseudo\&quot;>::after&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>width&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>1px&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>height&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-virtual-size)}&lt;span class=\&quot;hljs-selector-pseudo\&quot;>:root&lt;/span>{&lt;span class=\&quot;hljs-attr\&quot;>--swiper-navigation-size&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>44px&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-button-next&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-button-prev&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>position&lt;/span>:absolute;&lt;span class=\&quot;hljs-attribute\&quot;>top&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>50%&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>width&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>calc&lt;/span>(&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-navigation-size)/ &lt;span class=\&quot;hljs-number\&quot;>44&lt;/span> * &lt;span class=\&quot;hljs-number\&quot;>27&lt;/span>);&lt;span class=\&quot;hljs-attribute\&quot;>height&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-navigation-size);&lt;span class=\&quot;hljs-attribute\&quot;>margin-top&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>calc&lt;/span>(&lt;span class=\&quot;hljs-number\&quot;>0px&lt;/span> - (&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-navigation-size)/ &lt;span class=\&quot;hljs-number\&quot;>2&lt;/span>));&lt;span class=\&quot;hljs-attribute\&quot;>z-index&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>10&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>cursor&lt;/span>:pointer;&lt;span class=\&quot;hljs-attribute\&quot;>display&lt;/span>:flex;&lt;span class=\&quot;hljs-attribute\&quot;>align-items&lt;/span>:center;&lt;span class=\&quot;hljs-attribute\&quot;>justify-content&lt;/span>:center;&lt;span class=\&quot;hljs-attribute\&quot;>color&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-navigation-color,&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-theme-color))}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-button-next&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-button-disabled&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-button-prev&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-button-disabled&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>opacity&lt;/span>:.&lt;span class=\&quot;hljs-number\&quot;>35&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>cursor&lt;/span>:auto;&lt;span class=\&quot;hljs-attribute\&quot;>pointer-events&lt;/span>:none}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-button-next&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-button-hidden&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-button-prev&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-button-hidden&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>opacity&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>cursor&lt;/span>:auto;&lt;span class=\&quot;hljs-attribute\&quot;>pointer-events&lt;/span>:none}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-navigation-disabled&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-button-next&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-navigation-disabled&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-button-prev&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>display&lt;/span>:none&lt;span class=\&quot;hljs-meta\&quot;>!important&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-button-next&lt;/span>&lt;span class=\&quot;hljs-selector-pseudo\&quot;>:after&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-button-prev&lt;/span>&lt;span class=\&quot;hljs-selector-pseudo\&quot;>:after&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>font-family&lt;/span>:swiper-icons;&lt;span class=\&quot;hljs-attribute\&quot;>font-size&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-navigation-size);&lt;span class=\&quot;hljs-attribute\&quot;>text-transform&lt;/span>:none&lt;span class=\&quot;hljs-meta\&quot;>!important&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>letter-spacing&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>font-variant&lt;/span>:initial;&lt;span class=\&quot;hljs-attribute\&quot;>line-height&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>1&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-button-prev&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-rtl&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-button-next&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>left&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>10px&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>right&lt;/span>:auto}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-button-prev&lt;/span>&lt;span class=\&quot;hljs-selector-pseudo\&quot;>:after&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-rtl&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-button-next&lt;/span>&lt;span class=\&quot;hljs-selector-pseudo\&quot;>:after&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>content&lt;/span>:&lt;span class=\&quot;hljs-string\&quot;>&amp;#x27;prev&amp;#x27;&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-button-next&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-rtl&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-button-prev&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>right&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>10px&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>left&lt;/span>:auto}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-button-next&lt;/span>&lt;span class=\&quot;hljs-selector-pseudo\&quot;>:after&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-rtl&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-button-prev&lt;/span>&lt;span class=\&quot;hljs-selector-pseudo\&quot;>:after&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>content&lt;/span>:&lt;span class=\&quot;hljs-string\&quot;>&amp;#x27;next&amp;#x27;&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-button-lock&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>display&lt;/span>:none}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>position&lt;/span>:absolute;&lt;span class=\&quot;hljs-attribute\&quot;>text-align&lt;/span>:center;&lt;span class=\&quot;hljs-attribute\&quot;>transition&lt;/span>:.&lt;span class=\&quot;hljs-number\&quot;>3s&lt;/span> opacity;&lt;span class=\&quot;hljs-attribute\&quot;>transform&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>translate3d&lt;/span>(&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>);&lt;span class=\&quot;hljs-attribute\&quot;>z-index&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>10&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-hidden&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>opacity&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-disabled&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-disabled&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>display&lt;/span>:none&lt;span class=\&quot;hljs-meta\&quot;>!important&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-horizontal&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullets&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullets&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-horizontal&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-custom&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-fraction&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>bottom&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>10px&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>left&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>width&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>100%&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullets-dynamic&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>overflow&lt;/span>:hidden;&lt;span class=\&quot;hljs-attribute\&quot;>font-size&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullets-dynamic&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullet&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>transform&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>scale&lt;/span>(.&lt;span class=\&quot;hljs-number\&quot;>33&lt;/span>);&lt;span class=\&quot;hljs-attribute\&quot;>position&lt;/span>:relative}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullets-dynamic&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullet-active&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>transform&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>scale&lt;/span>(&lt;span class=\&quot;hljs-number\&quot;>1&lt;/span>)}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullets-dynamic&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullet-active-main&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>transform&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>scale&lt;/span>(&lt;span class=\&quot;hljs-number\&quot;>1&lt;/span>)}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullets-dynamic&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullet-active-prev&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>transform&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>scale&lt;/span>(.&lt;span class=\&quot;hljs-number\&quot;>66&lt;/span>)}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullets-dynamic&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullet-active-prev-prev&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>transform&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>scale&lt;/span>(.&lt;span class=\&quot;hljs-number\&quot;>33&lt;/span>)}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullets-dynamic&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullet-active-next&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>transform&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>scale&lt;/span>(.&lt;span class=\&quot;hljs-number\&quot;>66&lt;/span>)}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullets-dynamic&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullet-active-next-next&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>transform&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>scale&lt;/span>(.&lt;span class=\&quot;hljs-number\&quot;>33&lt;/span>)}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullet&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>width&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-pagination-bullet-width,&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-pagination-bullet-size,&lt;span class=\&quot;hljs-number\&quot;>8px&lt;/span>));&lt;span class=\&quot;hljs-attribute\&quot;>height&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-pagination-bullet-height,&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-pagination-bullet-size,&lt;span class=\&quot;hljs-number\&quot;>8px&lt;/span>));&lt;span class=\&quot;hljs-attribute\&quot;>display&lt;/span>:inline-block;&lt;span class=\&quot;hljs-attribute\&quot;>border-radius&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>50%&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>background&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-pagination-bullet-inactive-color,&lt;span class=\&quot;hljs-number\&quot;>#000&lt;/span>);&lt;span class=\&quot;hljs-attribute\&quot;>opacity&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-pagination-bullet-inactive-opacity, .&lt;span class=\&quot;hljs-number\&quot;>2&lt;/span>)}&lt;span class=\&quot;hljs-selector-tag\&quot;>button&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullet&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>border&lt;/span>:none;&lt;span class=\&quot;hljs-attribute\&quot;>margin&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>padding&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>box-shadow&lt;/span>:none;-webkit-&lt;span class=\&quot;hljs-attribute\&quot;>appearance&lt;/span>:none;&lt;span class=\&quot;hljs-attribute\&quot;>appearance&lt;/span>:none}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-clickable&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullet&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>cursor&lt;/span>:pointer}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullet&lt;/span>&lt;span class=\&quot;hljs-selector-pseudo\&quot;>:only-child&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>display&lt;/span>:none&lt;span class=\&quot;hljs-meta\&quot;>!important&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullet-active&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>opacity&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-pagination-bullet-opacity, &lt;span class=\&quot;hljs-number\&quot;>1&lt;/span>);&lt;span class=\&quot;hljs-attribute\&quot;>background&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-pagination-color,&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-theme-color))}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-vertical&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullets&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-vertical&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullets&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>right&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>10px&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>top&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>50%&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>transform&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>translate3d&lt;/span>(&lt;span class=\&quot;hljs-number\&quot;>0px&lt;/span>,-&lt;span class=\&quot;hljs-number\&quot;>50%&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>)}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-vertical&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullets&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullet&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-vertical&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullets&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullet&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>margin&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-pagination-bullet-vertical-gap,&lt;span class=\&quot;hljs-number\&quot;>6px&lt;/span>) &lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>display&lt;/span>:block}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-vertical&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullets&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullets-dynamic&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-vertical&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullets&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullets-dynamic&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>top&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>50%&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>transform&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>translateY&lt;/span>(-&lt;span class=\&quot;hljs-number\&quot;>50%&lt;/span>);&lt;span class=\&quot;hljs-attribute\&quot;>width&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>8px&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-vertical&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullets&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullets-dynamic&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullet&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-vertical&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullets&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullets-dynamic&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullet&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>display&lt;/span>:inline-block;&lt;span class=\&quot;hljs-attribute\&quot;>transition&lt;/span>:.&lt;span class=\&quot;hljs-number\&quot;>2s&lt;/span> transform,.&lt;span class=\&quot;hljs-number\&quot;>2s&lt;/span> top}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-horizontal&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullets&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullet&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-horizontal&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullets&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullet&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>margin&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span> &lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-pagination-bullet-horizontal-gap,&lt;span class=\&quot;hljs-number\&quot;>4px&lt;/span>)}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-horizontal&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullets&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullets-dynamic&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-horizontal&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullets&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullets-dynamic&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>left&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>50%&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>transform&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>translateX&lt;/span>(-&lt;span class=\&quot;hljs-number\&quot;>50%&lt;/span>);&lt;span class=\&quot;hljs-attribute\&quot;>white-space&lt;/span>:nowrap}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-horizontal&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullets&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullets-dynamic&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullet&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-horizontal&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullets&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullets-dynamic&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullet&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>transition&lt;/span>:.&lt;span class=\&quot;hljs-number\&quot;>2s&lt;/span> transform,.&lt;span class=\&quot;hljs-number\&quot;>2s&lt;/span> left}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-horizontal&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-rtl&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullets-dynamic&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullet&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>transition&lt;/span>:.&lt;span class=\&quot;hljs-number\&quot;>2s&lt;/span> transform,.&lt;span class=\&quot;hljs-number\&quot;>2s&lt;/span> right}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-progressbar&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>background&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>rgba&lt;/span>(&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,.&lt;span class=\&quot;hljs-number\&quot;>25&lt;/span>);&lt;span class=\&quot;hljs-attribute\&quot;>position&lt;/span>:absolute}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-progressbar&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-progressbar-fill&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>background&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-pagination-color,&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-theme-color));&lt;span class=\&quot;hljs-attribute\&quot;>position&lt;/span>:absolute;&lt;span class=\&quot;hljs-attribute\&quot;>left&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>top&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>width&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>100%&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>height&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>100%&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>transform&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>scale&lt;/span>(&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>);&lt;span class=\&quot;hljs-attribute\&quot;>transform-origin&lt;/span>&lt;span class=\&quot;hljs-selector-pseudo\&quot;>:left&lt;/span> &lt;span class=\&quot;hljs-attribute\&quot;>top&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-rtl&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-progressbar&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-progressbar-fill&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>transform-origin&lt;/span>&lt;span class=\&quot;hljs-selector-pseudo\&quot;>:right&lt;/span> &lt;span class=\&quot;hljs-attribute\&quot;>top&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-horizontal&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-progressbar&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-progressbar&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-horizontal&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-progressbar&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-vertical&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-progressbar-opposite&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-vertical&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-progressbar&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-progressbar-opposite&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>width&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>100%&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>height&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>4px&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>left&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>top&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-horizontal&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-progressbar&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-progressbar-opposite&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-progressbar&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-horizontal&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-progressbar-opposite&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-progressbar&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-vertical&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-vertical&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-progressbar&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>width&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>4px&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>height&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>100%&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>left&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>top&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-lock&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>display&lt;/span>:none}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-scrollbar&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>border-radius&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>10px&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>position&lt;/span>:relative;-ms-&lt;span class=\&quot;hljs-attribute\&quot;>touch-action&lt;/span>:none;&lt;span class=\&quot;hljs-attribute\&quot;>background&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>rgba&lt;/span>(&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,.&lt;span class=\&quot;hljs-number\&quot;>1&lt;/span>)}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-scrollbar-disabled&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-scrollbar&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-scrollbar&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-scrollbar-disabled&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>display&lt;/span>:none&lt;span class=\&quot;hljs-meta\&quot;>!important&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-horizontal&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-scrollbar&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-scrollbar&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-scrollbar-horizontal&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>position&lt;/span>:absolute;&lt;span class=\&quot;hljs-attribute\&quot;>left&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>1%&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>bottom&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>3px&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>z-index&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>50&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>height&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>5px&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>width&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>98%&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-scrollbar&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-scrollbar-vertical&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-vertical&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-scrollbar&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>position&lt;/span>:absolute;&lt;span class=\&quot;hljs-attribute\&quot;>right&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>3px&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>top&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>1%&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>z-index&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>50&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>width&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>5px&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>height&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>98%&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-scrollbar-drag&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>height&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>100%&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>width&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>100%&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>position&lt;/span>:relative;&lt;span class=\&quot;hljs-attribute\&quot;>background&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>rgba&lt;/span>(&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>,.&lt;span class=\&quot;hljs-number\&quot;>5&lt;/span>);&lt;span class=\&quot;hljs-attribute\&quot;>border-radius&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>10px&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>left&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>top&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-scrollbar-cursor-drag&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>cursor&lt;/span>:move}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-scrollbar-lock&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>display&lt;/span>:none}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-zoom-container&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>width&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>100%&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>height&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>100%&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>display&lt;/span>:flex;&lt;span class=\&quot;hljs-attribute\&quot;>justify-content&lt;/span>:center;&lt;span class=\&quot;hljs-attribute\&quot;>align-items&lt;/span>:center;&lt;span class=\&quot;hljs-attribute\&quot;>text-align&lt;/span>:center}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-zoom-container&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-tag\&quot;>canvas&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-zoom-container&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-tag\&quot;>img&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-zoom-container&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-tag\&quot;>svg&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>max-width&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>100%&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>max-height&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>100%&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>object-fit&lt;/span>:contain}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-zoomed&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>cursor&lt;/span>:move}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-lazy-preloader&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>width&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>42px&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>height&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>42px&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>position&lt;/span>:absolute;&lt;span class=\&quot;hljs-attribute\&quot;>left&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>50%&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>top&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>50%&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>margin-left&lt;/span>:-&lt;span class=\&quot;hljs-number\&quot;>21px&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>margin-top&lt;/span>:-&lt;span class=\&quot;hljs-number\&quot;>21px&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>z-index&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>10&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>transform-origin&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>50%&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>box-sizing&lt;/span>:border-box;&lt;span class=\&quot;hljs-attribute\&quot;>border&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>4px&lt;/span> solid &lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-preloader-color,&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-theme-color));&lt;span class=\&quot;hljs-attribute\&quot;>border-radius&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>50%&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>border-top-color&lt;/span>:transparent}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-watch-progress&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-visible&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-lazy-preloader&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper&lt;/span>&lt;span class=\&quot;hljs-selector-pseudo\&quot;>:not&lt;/span>(&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-watch-progress&lt;/span>) &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-lazy-preloader&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>animation&lt;/span>:swiper-preloader-spin &lt;span class=\&quot;hljs-number\&quot;>1s&lt;/span> infinite linear}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-lazy-preloader-white&lt;/span>{&lt;span class=\&quot;hljs-attr\&quot;>--swiper-preloader-color&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>#fff&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-lazy-preloader-black&lt;/span>{&lt;span class=\&quot;hljs-attr\&quot;>--swiper-preloader-color&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>#000&lt;/span>}&lt;span class=\&quot;hljs-keyword\&quot;>@keyframes&lt;/span> swiper-preloader-spin{&lt;span class=\&quot;hljs-number\&quot;>0%&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>transform&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>rotate&lt;/span>(&lt;span class=\&quot;hljs-number\&quot;>0deg&lt;/span>)}&lt;span class=\&quot;hljs-number\&quot;>100%&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>transform&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>rotate&lt;/span>(&lt;span class=\&quot;hljs-number\&quot;>360deg&lt;/span>)}}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-notification&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>position&lt;/span>:absolute;&lt;span class=\&quot;hljs-attribute\&quot;>left&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>top&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>pointer-events&lt;/span>:none;&lt;span class=\&quot;hljs-attribute\&quot;>opacity&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>z-index&lt;/span>:-&lt;span class=\&quot;hljs-number\&quot;>1000&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-free-mode&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-wrapper&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>transition-timing-function&lt;/span>:ease-out;&lt;span class=\&quot;hljs-attribute\&quot;>margin&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span> auto}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-grid&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-wrapper&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>flex-wrap&lt;/span>:wrap}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-grid-column&lt;/span>&amp;gt;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-wrapper&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>flex-wrap&lt;/span>:wrap;&lt;span class=\&quot;hljs-attribute\&quot;>flex-direction&lt;/span>:column}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-fade&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-free-mode&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>transition-timing-function&lt;/span>:ease-out}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-fade&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>pointer-events&lt;/span>:none;&lt;span class=\&quot;hljs-attribute\&quot;>transition-property&lt;/span>:opacity}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-fade&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>pointer-events&lt;/span>:none}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-fade&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-active&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-fade&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-active&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-active&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>pointer-events&lt;/span>:auto}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-cube&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>overflow&lt;/span>:visible}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-cube&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>pointer-events&lt;/span>:none;-webkit-&lt;span class=\&quot;hljs-attribute\&quot;>backface-visibility&lt;/span>:hidden;&lt;span class=\&quot;hljs-attribute\&quot;>backface-visibility&lt;/span>:hidden;&lt;span class=\&quot;hljs-attribute\&quot;>z-index&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>1&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>visibility&lt;/span>:hidden;&lt;span class=\&quot;hljs-attribute\&quot;>transform-origin&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span> &lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>width&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>100%&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>height&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>100%&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-cube&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>pointer-events&lt;/span>:none}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-cube&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-rtl&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>transform-origin&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>100%&lt;/span> &lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-cube&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-active&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-cube&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-active&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-active&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>pointer-events&lt;/span>:auto}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-cube&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-active&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-cube&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-next&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-cube&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-next&lt;/span>+&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-cube&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-prev&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>pointer-events&lt;/span>:auto;&lt;span class=\&quot;hljs-attribute\&quot;>visibility&lt;/span>:visible}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-cube&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-shadow-bottom&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-cube&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-shadow-left&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-cube&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-shadow-right&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-cube&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-shadow-top&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>z-index&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;-webkit-&lt;span class=\&quot;hljs-attribute\&quot;>backface-visibility&lt;/span>:hidden;&lt;span class=\&quot;hljs-attribute\&quot;>backface-visibility&lt;/span>:hidden}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-cube&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-cube-shadow&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>position&lt;/span>:absolute;&lt;span class=\&quot;hljs-attribute\&quot;>left&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>bottom&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0px&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>width&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>100%&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>height&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>100%&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>opacity&lt;/span>:.&lt;span class=\&quot;hljs-number\&quot;>6&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>z-index&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-cube&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-cube-shadow&lt;/span>&lt;span class=\&quot;hljs-selector-pseudo\&quot;>:before&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>content&lt;/span>:&lt;span class=\&quot;hljs-string\&quot;>&amp;#x27;&amp;#x27;&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>background&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>#000&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>position&lt;/span>:absolute;&lt;span class=\&quot;hljs-attribute\&quot;>left&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>top&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>bottom&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>right&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>filter&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>blur&lt;/span>(&lt;span class=\&quot;hljs-number\&quot;>50px&lt;/span>)}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-flip&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>overflow&lt;/span>:visible}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-flip&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>pointer-events&lt;/span>:none;-webkit-&lt;span class=\&quot;hljs-attribute\&quot;>backface-visibility&lt;/span>:hidden;&lt;span class=\&quot;hljs-attribute\&quot;>backface-visibility&lt;/span>:hidden;&lt;span class=\&quot;hljs-attribute\&quot;>z-index&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>1&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-flip&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>pointer-events&lt;/span>:none}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-flip&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-active&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-flip&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-active&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-active&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>pointer-events&lt;/span>:auto}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-flip&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-shadow-bottom&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-flip&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-shadow-left&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-flip&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-shadow-right&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-flip&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-shadow-top&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>z-index&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;-webkit-&lt;span class=\&quot;hljs-attribute\&quot;>backface-visibility&lt;/span>:hidden;&lt;span class=\&quot;hljs-attribute\&quot;>backface-visibility&lt;/span>:hidden}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-creative&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide&lt;/span>{-webkit-&lt;span class=\&quot;hljs-attribute\&quot;>backface-visibility&lt;/span>:hidden;&lt;span class=\&quot;hljs-attribute\&quot;>backface-visibility&lt;/span>:hidden;&lt;span class=\&quot;hljs-attribute\&quot;>overflow&lt;/span>:hidden;&lt;span class=\&quot;hljs-attribute\&quot;>transition-property&lt;/span>:transform,opacity,height}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-cards&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>overflow&lt;/span>:visible}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-cards&lt;/span> &lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>transform-origin&lt;/span>:center bottom;-webkit-&lt;span class=\&quot;hljs-attribute\&quot;>backface-visibility&lt;/span>:hidden;&lt;span class=\&quot;hljs-attribute\&quot;>backface-visibility&lt;/span>:hidden;&lt;span class=\&quot;hljs-attribute\&quot;>overflow&lt;/span>:hidden}&quot;,&quot;numLines&quot;:13}}"><div class="flex relative bg-white font-mono text-sm leading-6"><div class="py-4 border-b border-x border-slate-300 bg-slate-100 text-right select-none"><div><div class="relative"><a id="L1" href="#L1" class="inline-block w-full pl-4 sm:pl-6 pr-2 text-slate-600 hover:text-slate-950 outline-none">1</a></div></div><div><div class="relative"><a id="L2" href="#L2" class="inline-block w-full pl-4 sm:pl-6 pr-2 text-slate-600 hover:text-slate-950 outline-none">2</a></div></div><div><div class="relative"><a id="L3" href="#L3" class="inline-block w-full pl-4 sm:pl-6 pr-2 text-slate-600 hover:text-slate-950 outline-none">3</a></div></div><div><div class="relative"><a id="L4" href="#L4" class="inline-block w-full pl-4 sm:pl-6 pr-2 text-slate-600 hover:text-slate-950 outline-none">4</a></div></div><div><div class="relative"><a id="L5" href="#L5" class="inline-block w-full pl-4 sm:pl-6 pr-2 text-slate-600 hover:text-slate-950 outline-none">5</a></div></div><div><div class="relative"><a id="L6" href="#L6" class="inline-block w-full pl-4 sm:pl-6 pr-2 text-slate-600 hover:text-slate-950 outline-none">6</a></div></div><div><div class="relative"><a id="L7" href="#L7" class="inline-block w-full pl-4 sm:pl-6 pr-2 text-slate-600 hover:text-slate-950 outline-none">7</a></div></div><div><div class="relative"><a id="L8" href="#L8" class="inline-block w-full pl-4 sm:pl-6 pr-2 text-slate-600 hover:text-slate-950 outline-none">8</a></div></div><div><div class="relative"><a id="L9" href="#L9" class="inline-block w-full pl-4 sm:pl-6 pr-2 text-slate-600 hover:text-slate-950 outline-none">9</a></div></div><div><div class="relative"><a id="L10" href="#L10" class="inline-block w-full pl-4 sm:pl-6 pr-2 text-slate-600 hover:text-slate-950 outline-none">10</a></div></div><div><div class="relative"><a id="L11" href="#L11" class="inline-block w-full pl-4 sm:pl-6 pr-2 text-slate-600 hover:text-slate-950 outline-none">11</a></div></div><div><div class="relative"><a id="L12" href="#L12" class="inline-block w-full pl-4 sm:pl-6 pr-2 text-slate-600 hover:text-slate-950 outline-none">12</a></div></div><div><div class="relative"><a id="L13" href="#L13" class="inline-block w-full pl-4 sm:pl-6 pr-2 text-slate-600 hover:text-slate-950 outline-none">13</a></div></div></div><div class="py-4 pl-4 pr-6 relative border-b border-r border-slate-300 flex-grow whitespace-pre overflow-x-auto" style="tab-size:2;"><span class="hljs-comment">/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */</span>

<span class="hljs-keyword">@font-face</span>{<span class="hljs-attribute">font-family</span>:swiper-icons;<span class="hljs-attribute">src</span>:<span class="hljs-built_in">url</span>(<span class="hljs-string">&#x27;data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA&#x27;</span>);<span class="hljs-attribute">font-weight</span>:<span class="hljs-number">400</span>;<span class="hljs-attribute">font-style</span>:normal}<span class="hljs-selector-pseudo">:root</span>{<span class="hljs-attr">--swiper-theme-color</span>:<span class="hljs-number">#007aff</span>}<span class="hljs-selector-class">.swiper</span>{<span class="hljs-attribute">margin-left</span>:auto;<span class="hljs-attribute">margin-right</span>:auto;<span class="hljs-attribute">position</span>:relative;<span class="hljs-attribute">overflow</span>:hidden;<span class="hljs-attribute">list-style</span>:none;<span class="hljs-attribute">padding</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">z-index</span>:<span class="hljs-number">1</span>}<span class="hljs-selector-class">.swiper-vertical</span>&gt;<span class="hljs-selector-class">.swiper-wrapper</span>{<span class="hljs-attribute">flex-direction</span>:column}<span class="hljs-selector-class">.swiper-wrapper</span>{<span class="hljs-attribute">position</span>:relative;<span class="hljs-attribute">width</span>:<span class="hljs-number">100%</span>;<span class="hljs-attribute">height</span>:<span class="hljs-number">100%</span>;<span class="hljs-attribute">z-index</span>:<span class="hljs-number">1</span>;<span class="hljs-attribute">display</span>:flex;<span class="hljs-attribute">transition-property</span>:transform;<span class="hljs-attribute">box-sizing</span>:content-box}<span class="hljs-selector-class">.swiper-android</span> <span class="hljs-selector-class">.swiper-slide</span>,<span class="hljs-selector-class">.swiper-wrapper</span>{<span class="hljs-attribute">transform</span>:<span class="hljs-built_in">translate3d</span>(<span class="hljs-number">0px</span>,<span class="hljs-number">0</span>,<span class="hljs-number">0</span>)}<span class="hljs-selector-class">.swiper-pointer-events</span>{<span class="hljs-attribute">touch-action</span>:pan-y}<span class="hljs-selector-class">.swiper-pointer-events</span><span class="hljs-selector-class">.swiper-vertical</span>{<span class="hljs-attribute">touch-action</span>:pan-x}<span class="hljs-selector-class">.swiper-slide</span>{<span class="hljs-attribute">flex-shrink</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">width</span>:<span class="hljs-number">100%</span>;<span class="hljs-attribute">height</span>:<span class="hljs-number">100%</span>;<span class="hljs-attribute">position</span>:relative;<span class="hljs-attribute">transition-property</span>:transform}<span class="hljs-selector-class">.swiper-slide-invisible-blank</span>{<span class="hljs-attribute">visibility</span>:hidden}<span class="hljs-selector-class">.swiper-autoheight</span>,<span class="hljs-selector-class">.swiper-autoheight</span> <span class="hljs-selector-class">.swiper-slide</span>{<span class="hljs-attribute">height</span>:auto}<span class="hljs-selector-class">.swiper-autoheight</span> <span class="hljs-selector-class">.swiper-wrapper</span>{<span class="hljs-attribute">align-items</span>:flex-start;<span class="hljs-attribute">transition-property</span>:transform,height}<span class="hljs-selector-class">.swiper-backface-hidden</span> <span class="hljs-selector-class">.swiper-slide</span>{<span class="hljs-attribute">transform</span>:<span class="hljs-built_in">translateZ</span>(<span class="hljs-number">0</span>);-webkit-<span class="hljs-attribute">backface-visibility</span>:hidden;<span class="hljs-attribute">backface-visibility</span>:hidden}<span class="hljs-selector-class">.swiper-3d</span>,<span class="hljs-selector-class">.swiper-3d</span><span class="hljs-selector-class">.swiper-css-mode</span> <span class="hljs-selector-class">.swiper-wrapper</span>{<span class="hljs-attribute">perspective</span>:<span class="hljs-number">1200px</span>}<span class="hljs-selector-class">.swiper-3d</span> <span class="hljs-selector-class">.swiper-cube-shadow</span>,<span class="hljs-selector-class">.swiper-3d</span> <span class="hljs-selector-class">.swiper-slide</span>,<span class="hljs-selector-class">.swiper-3d</span> <span class="hljs-selector-class">.swiper-slide-shadow</span>,<span class="hljs-selector-class">.swiper-3d</span> <span class="hljs-selector-class">.swiper-slide-shadow-bottom</span>,<span class="hljs-selector-class">.swiper-3d</span> <span class="hljs-selector-class">.swiper-slide-shadow-left</span>,<span class="hljs-selector-class">.swiper-3d</span> <span class="hljs-selector-class">.swiper-slide-shadow-right</span>,<span class="hljs-selector-class">.swiper-3d</span> <span class="hljs-selector-class">.swiper-slide-shadow-top</span>,<span class="hljs-selector-class">.swiper-3d</span> <span class="hljs-selector-class">.swiper-wrapper</span>{<span class="hljs-attribute">transform-style</span>:preserve-<span class="hljs-number">3</span>d}<span class="hljs-selector-class">.swiper-3d</span> <span class="hljs-selector-class">.swiper-slide-shadow</span>,<span class="hljs-selector-class">.swiper-3d</span> <span class="hljs-selector-class">.swiper-slide-shadow-bottom</span>,<span class="hljs-selector-class">.swiper-3d</span> <span class="hljs-selector-class">.swiper-slide-shadow-left</span>,<span class="hljs-selector-class">.swiper-3d</span> <span class="hljs-selector-class">.swiper-slide-shadow-right</span>,<span class="hljs-selector-class">.swiper-3d</span> <span class="hljs-selector-class">.swiper-slide-shadow-top</span>{<span class="hljs-attribute">position</span>:absolute;<span class="hljs-attribute">left</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">top</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">width</span>:<span class="hljs-number">100%</span>;<span class="hljs-attribute">height</span>:<span class="hljs-number">100%</span>;<span class="hljs-attribute">pointer-events</span>:none;<span class="hljs-attribute">z-index</span>:<span class="hljs-number">10</span>}<span class="hljs-selector-class">.swiper-3d</span> <span class="hljs-selector-class">.swiper-slide-shadow</span>{<span class="hljs-attribute">background</span>:<span class="hljs-built_in">rgba</span>(<span class="hljs-number">0</span>,<span class="hljs-number">0</span>,<span class="hljs-number">0</span>,.<span class="hljs-number">15</span>)}<span class="hljs-selector-class">.swiper-3d</span> <span class="hljs-selector-class">.swiper-slide-shadow-left</span>{<span class="hljs-attribute">background-image</span>:<span class="hljs-built_in">linear-gradient</span>(to left,<span class="hljs-built_in">rgba</span>(<span class="hljs-number">0</span>,<span class="hljs-number">0</span>,<span class="hljs-number">0</span>,.<span class="hljs-number">5</span>),<span class="hljs-built_in">rgba</span>(<span class="hljs-number">0</span>,<span class="hljs-number">0</span>,<span class="hljs-number">0</span>,<span class="hljs-number">0</span>))}<span class="hljs-selector-class">.swiper-3d</span> <span class="hljs-selector-class">.swiper-slide-shadow-right</span>{<span class="hljs-attribute">background-image</span>:<span class="hljs-built_in">linear-gradient</span>(to right,<span class="hljs-built_in">rgba</span>(<span class="hljs-number">0</span>,<span class="hljs-number">0</span>,<span class="hljs-number">0</span>,.<span class="hljs-number">5</span>),<span class="hljs-built_in">rgba</span>(<span class="hljs-number">0</span>,<span class="hljs-number">0</span>,<span class="hljs-number">0</span>,<span class="hljs-number">0</span>))}<span class="hljs-selector-class">.swiper-3d</span> <span class="hljs-selector-class">.swiper-slide-shadow-top</span>{<span class="hljs-attribute">background-image</span>:<span class="hljs-built_in">linear-gradient</span>(to top,<span class="hljs-built_in">rgba</span>(<span class="hljs-number">0</span>,<span class="hljs-number">0</span>,<span class="hljs-number">0</span>,.<span class="hljs-number">5</span>),<span class="hljs-built_in">rgba</span>(<span class="hljs-number">0</span>,<span class="hljs-number">0</span>,<span class="hljs-number">0</span>,<span class="hljs-number">0</span>))}<span class="hljs-selector-class">.swiper-3d</span> <span class="hljs-selector-class">.swiper-slide-shadow-bottom</span>{<span class="hljs-attribute">background-image</span>:<span class="hljs-built_in">linear-gradient</span>(to bottom,<span class="hljs-built_in">rgba</span>(<span class="hljs-number">0</span>,<span class="hljs-number">0</span>,<span class="hljs-number">0</span>,.<span class="hljs-number">5</span>),<span class="hljs-built_in">rgba</span>(<span class="hljs-number">0</span>,<span class="hljs-number">0</span>,<span class="hljs-number">0</span>,<span class="hljs-number">0</span>))}<span class="hljs-selector-class">.swiper-css-mode</span>&gt;<span class="hljs-selector-class">.swiper-wrapper</span>{<span class="hljs-attribute">overflow</span>:auto;<span class="hljs-attribute">scrollbar-width</span>:none;-ms-<span class="hljs-attribute">overflow</span>-style:none}<span class="hljs-selector-class">.swiper-css-mode</span>&gt;<span class="hljs-selector-class">.swiper-wrapper</span>::-webkit-scrollbar{<span class="hljs-attribute">display</span>:none}<span class="hljs-selector-class">.swiper-css-mode</span>&gt;<span class="hljs-selector-class">.swiper-wrapper</span>&gt;<span class="hljs-selector-class">.swiper-slide</span>{<span class="hljs-attribute">scroll-snap-align</span>:start start}<span class="hljs-selector-class">.swiper-horizontal</span><span class="hljs-selector-class">.swiper-css-mode</span>&gt;<span class="hljs-selector-class">.swiper-wrapper</span>{<span class="hljs-attribute">scroll-snap-type</span>:x mandatory}<span class="hljs-selector-class">.swiper-vertical</span><span class="hljs-selector-class">.swiper-css-mode</span>&gt;<span class="hljs-selector-class">.swiper-wrapper</span>{<span class="hljs-attribute">scroll-snap-type</span>:y mandatory}<span class="hljs-selector-class">.swiper-centered</span>&gt;<span class="hljs-selector-class">.swiper-wrapper</span><span class="hljs-selector-pseudo">::before</span>{<span class="hljs-attribute">content</span>:<span class="hljs-string">&#x27;&#x27;</span>;<span class="hljs-attribute">flex-shrink</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">order</span>:<span class="hljs-number">9999</span>}<span class="hljs-selector-class">.swiper-centered</span><span class="hljs-selector-class">.swiper-horizontal</span>&gt;<span class="hljs-selector-class">.swiper-wrapper</span>&gt;<span class="hljs-selector-class">.swiper-slide</span><span class="hljs-selector-pseudo">:first-child</span>{<span class="hljs-attribute">margin-inline-start</span>:<span class="hljs-built_in">var</span>(--swiper-centered-offset-before)}<span class="hljs-selector-class">.swiper-centered</span><span class="hljs-selector-class">.swiper-horizontal</span>&gt;<span class="hljs-selector-class">.swiper-wrapper</span><span class="hljs-selector-pseudo">::before</span>{<span class="hljs-attribute">height</span>:<span class="hljs-number">100%</span>;<span class="hljs-attribute">min-height</span>:<span class="hljs-number">1px</span>;<span class="hljs-attribute">width</span>:<span class="hljs-built_in">var</span>(--swiper-centered-offset-after)}<span class="hljs-selector-class">.swiper-centered</span><span class="hljs-selector-class">.swiper-vertical</span>&gt;<span class="hljs-selector-class">.swiper-wrapper</span>&gt;<span class="hljs-selector-class">.swiper-slide</span><span class="hljs-selector-pseudo">:first-child</span>{<span class="hljs-attribute">margin-block-start</span>:<span class="hljs-built_in">var</span>(--swiper-centered-offset-before)}<span class="hljs-selector-class">.swiper-centered</span><span class="hljs-selector-class">.swiper-vertical</span>&gt;<span class="hljs-selector-class">.swiper-wrapper</span><span class="hljs-selector-pseudo">::before</span>{<span class="hljs-attribute">width</span>:<span class="hljs-number">100%</span>;<span class="hljs-attribute">min-width</span>:<span class="hljs-number">1px</span>;<span class="hljs-attribute">height</span>:<span class="hljs-built_in">var</span>(--swiper-centered-offset-after)}<span class="hljs-selector-class">.swiper-centered</span>&gt;<span class="hljs-selector-class">.swiper-wrapper</span>&gt;<span class="hljs-selector-class">.swiper-slide</span>{<span class="hljs-attribute">scroll-snap-align</span>:center center;<span class="hljs-attribute">scroll-snap-stop</span>:always}<span class="hljs-selector-class">.swiper-virtual</span> <span class="hljs-selector-class">.swiper-slide</span>{-webkit-<span class="hljs-attribute">backface-visibility</span>:hidden;<span class="hljs-attribute">transform</span>:<span class="hljs-built_in">translateZ</span>(<span class="hljs-number">0</span>)}<span class="hljs-selector-class">.swiper-virtual</span><span class="hljs-selector-class">.swiper-css-mode</span> <span class="hljs-selector-class">.swiper-wrapper</span><span class="hljs-selector-pseudo">::after</span>{<span class="hljs-attribute">content</span>:<span class="hljs-string">&#x27;&#x27;</span>;<span class="hljs-attribute">position</span>:absolute;<span class="hljs-attribute">left</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">top</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">pointer-events</span>:none}<span class="hljs-selector-class">.swiper-virtual</span><span class="hljs-selector-class">.swiper-css-mode</span><span class="hljs-selector-class">.swiper-horizontal</span> <span class="hljs-selector-class">.swiper-wrapper</span><span class="hljs-selector-pseudo">::after</span>{<span class="hljs-attribute">height</span>:<span class="hljs-number">1px</span>;<span class="hljs-attribute">width</span>:<span class="hljs-built_in">var</span>(--swiper-virtual-size)}<span class="hljs-selector-class">.swiper-virtual</span><span class="hljs-selector-class">.swiper-css-mode</span><span class="hljs-selector-class">.swiper-vertical</span> <span class="hljs-selector-class">.swiper-wrapper</span><span class="hljs-selector-pseudo">::after</span>{<span class="hljs-attribute">width</span>:<span class="hljs-number">1px</span>;<span class="hljs-attribute">height</span>:<span class="hljs-built_in">var</span>(--swiper-virtual-size)}<span class="hljs-selector-pseudo">:root</span>{<span class="hljs-attr">--swiper-navigation-size</span>:<span class="hljs-number">44px</span>}<span class="hljs-selector-class">.swiper-button-next</span>,<span class="hljs-selector-class">.swiper-button-prev</span>{<span class="hljs-attribute">position</span>:absolute;<span class="hljs-attribute">top</span>:<span class="hljs-number">50%</span>;<span class="hljs-attribute">width</span>:<span class="hljs-built_in">calc</span>(<span class="hljs-built_in">var</span>(--swiper-navigation-size)/ <span class="hljs-number">44</span> * <span class="hljs-number">27</span>);<span class="hljs-attribute">height</span>:<span class="hljs-built_in">var</span>(--swiper-navigation-size);<span class="hljs-attribute">margin-top</span>:<span class="hljs-built_in">calc</span>(<span class="hljs-number">0px</span> - (<span class="hljs-built_in">var</span>(--swiper-navigation-size)/ <span class="hljs-number">2</span>));<span class="hljs-attribute">z-index</span>:<span class="hljs-number">10</span>;<span class="hljs-attribute">cursor</span>:pointer;<span class="hljs-attribute">display</span>:flex;<span class="hljs-attribute">align-items</span>:center;<span class="hljs-attribute">justify-content</span>:center;<span class="hljs-attribute">color</span>:<span class="hljs-built_in">var</span>(--swiper-navigation-color,<span class="hljs-built_in">var</span>(--swiper-theme-color))}<span class="hljs-selector-class">.swiper-button-next</span><span class="hljs-selector-class">.swiper-button-disabled</span>,<span class="hljs-selector-class">.swiper-button-prev</span><span class="hljs-selector-class">.swiper-button-disabled</span>{<span class="hljs-attribute">opacity</span>:.<span class="hljs-number">35</span>;<span class="hljs-attribute">cursor</span>:auto;<span class="hljs-attribute">pointer-events</span>:none}<span class="hljs-selector-class">.swiper-button-next</span><span class="hljs-selector-class">.swiper-button-hidden</span>,<span class="hljs-selector-class">.swiper-button-prev</span><span class="hljs-selector-class">.swiper-button-hidden</span>{<span class="hljs-attribute">opacity</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">cursor</span>:auto;<span class="hljs-attribute">pointer-events</span>:none}<span class="hljs-selector-class">.swiper-navigation-disabled</span> <span class="hljs-selector-class">.swiper-button-next</span>,<span class="hljs-selector-class">.swiper-navigation-disabled</span> <span class="hljs-selector-class">.swiper-button-prev</span>{<span class="hljs-attribute">display</span>:none<span class="hljs-meta">!important</span>}<span class="hljs-selector-class">.swiper-button-next</span><span class="hljs-selector-pseudo">:after</span>,<span class="hljs-selector-class">.swiper-button-prev</span><span class="hljs-selector-pseudo">:after</span>{<span class="hljs-attribute">font-family</span>:swiper-icons;<span class="hljs-attribute">font-size</span>:<span class="hljs-built_in">var</span>(--swiper-navigation-size);<span class="hljs-attribute">text-transform</span>:none<span class="hljs-meta">!important</span>;<span class="hljs-attribute">letter-spacing</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">font-variant</span>:initial;<span class="hljs-attribute">line-height</span>:<span class="hljs-number">1</span>}<span class="hljs-selector-class">.swiper-button-prev</span>,<span class="hljs-selector-class">.swiper-rtl</span> <span class="hljs-selector-class">.swiper-button-next</span>{<span class="hljs-attribute">left</span>:<span class="hljs-number">10px</span>;<span class="hljs-attribute">right</span>:auto}<span class="hljs-selector-class">.swiper-button-prev</span><span class="hljs-selector-pseudo">:after</span>,<span class="hljs-selector-class">.swiper-rtl</span> <span class="hljs-selector-class">.swiper-button-next</span><span class="hljs-selector-pseudo">:after</span>{<span class="hljs-attribute">content</span>:<span class="hljs-string">&#x27;prev&#x27;</span>}<span class="hljs-selector-class">.swiper-button-next</span>,<span class="hljs-selector-class">.swiper-rtl</span> <span class="hljs-selector-class">.swiper-button-prev</span>{<span class="hljs-attribute">right</span>:<span class="hljs-number">10px</span>;<span class="hljs-attribute">left</span>:auto}<span class="hljs-selector-class">.swiper-button-next</span><span class="hljs-selector-pseudo">:after</span>,<span class="hljs-selector-class">.swiper-rtl</span> <span class="hljs-selector-class">.swiper-button-prev</span><span class="hljs-selector-pseudo">:after</span>{<span class="hljs-attribute">content</span>:<span class="hljs-string">&#x27;next&#x27;</span>}<span class="hljs-selector-class">.swiper-button-lock</span>{<span class="hljs-attribute">display</span>:none}<span class="hljs-selector-class">.swiper-pagination</span>{<span class="hljs-attribute">position</span>:absolute;<span class="hljs-attribute">text-align</span>:center;<span class="hljs-attribute">transition</span>:.<span class="hljs-number">3s</span> opacity;<span class="hljs-attribute">transform</span>:<span class="hljs-built_in">translate3d</span>(<span class="hljs-number">0</span>,<span class="hljs-number">0</span>,<span class="hljs-number">0</span>);<span class="hljs-attribute">z-index</span>:<span class="hljs-number">10</span>}<span class="hljs-selector-class">.swiper-pagination</span><span class="hljs-selector-class">.swiper-pagination-hidden</span>{<span class="hljs-attribute">opacity</span>:<span class="hljs-number">0</span>}<span class="hljs-selector-class">.swiper-pagination-disabled</span>&gt;<span class="hljs-selector-class">.swiper-pagination</span>,<span class="hljs-selector-class">.swiper-pagination</span><span class="hljs-selector-class">.swiper-pagination-disabled</span>{<span class="hljs-attribute">display</span>:none<span class="hljs-meta">!important</span>}<span class="hljs-selector-class">.swiper-horizontal</span>&gt;<span class="hljs-selector-class">.swiper-pagination-bullets</span>,<span class="hljs-selector-class">.swiper-pagination-bullets</span><span class="hljs-selector-class">.swiper-pagination-horizontal</span>,<span class="hljs-selector-class">.swiper-pagination-custom</span>,<span class="hljs-selector-class">.swiper-pagination-fraction</span>{<span class="hljs-attribute">bottom</span>:<span class="hljs-number">10px</span>;<span class="hljs-attribute">left</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">width</span>:<span class="hljs-number">100%</span>}<span class="hljs-selector-class">.swiper-pagination-bullets-dynamic</span>{<span class="hljs-attribute">overflow</span>:hidden;<span class="hljs-attribute">font-size</span>:<span class="hljs-number">0</span>}<span class="hljs-selector-class">.swiper-pagination-bullets-dynamic</span> <span class="hljs-selector-class">.swiper-pagination-bullet</span>{<span class="hljs-attribute">transform</span>:<span class="hljs-built_in">scale</span>(.<span class="hljs-number">33</span>);<span class="hljs-attribute">position</span>:relative}<span class="hljs-selector-class">.swiper-pagination-bullets-dynamic</span> <span class="hljs-selector-class">.swiper-pagination-bullet-active</span>{<span class="hljs-attribute">transform</span>:<span class="hljs-built_in">scale</span>(<span class="hljs-number">1</span>)}<span class="hljs-selector-class">.swiper-pagination-bullets-dynamic</span> <span class="hljs-selector-class">.swiper-pagination-bullet-active-main</span>{<span class="hljs-attribute">transform</span>:<span class="hljs-built_in">scale</span>(<span class="hljs-number">1</span>)}<span class="hljs-selector-class">.swiper-pagination-bullets-dynamic</span> <span class="hljs-selector-class">.swiper-pagination-bullet-active-prev</span>{<span class="hljs-attribute">transform</span>:<span class="hljs-built_in">scale</span>(.<span class="hljs-number">66</span>)}<span class="hljs-selector-class">.swiper-pagination-bullets-dynamic</span> <span class="hljs-selector-class">.swiper-pagination-bullet-active-prev-prev</span>{<span class="hljs-attribute">transform</span>:<span class="hljs-built_in">scale</span>(.<span class="hljs-number">33</span>)}<span class="hljs-selector-class">.swiper-pagination-bullets-dynamic</span> <span class="hljs-selector-class">.swiper-pagination-bullet-active-next</span>{<span class="hljs-attribute">transform</span>:<span class="hljs-built_in">scale</span>(.<span class="hljs-number">66</span>)}<span class="hljs-selector-class">.swiper-pagination-bullets-dynamic</span> <span class="hljs-selector-class">.swiper-pagination-bullet-active-next-next</span>{<span class="hljs-attribute">transform</span>:<span class="hljs-built_in">scale</span>(.<span class="hljs-number">33</span>)}<span class="hljs-selector-class">.swiper-pagination-bullet</span>{<span class="hljs-attribute">width</span>:<span class="hljs-built_in">var</span>(--swiper-pagination-bullet-width,<span class="hljs-built_in">var</span>(--swiper-pagination-bullet-size,<span class="hljs-number">8px</span>));<span class="hljs-attribute">height</span>:<span class="hljs-built_in">var</span>(--swiper-pagination-bullet-height,<span class="hljs-built_in">var</span>(--swiper-pagination-bullet-size,<span class="hljs-number">8px</span>));<span class="hljs-attribute">display</span>:inline-block;<span class="hljs-attribute">border-radius</span>:<span class="hljs-number">50%</span>;<span class="hljs-attribute">background</span>:<span class="hljs-built_in">var</span>(--swiper-pagination-bullet-inactive-color,<span class="hljs-number">#000</span>);<span class="hljs-attribute">opacity</span>:<span class="hljs-built_in">var</span>(--swiper-pagination-bullet-inactive-opacity, .<span class="hljs-number">2</span>)}<span class="hljs-selector-tag">button</span><span class="hljs-selector-class">.swiper-pagination-bullet</span>{<span class="hljs-attribute">border</span>:none;<span class="hljs-attribute">margin</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">padding</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">box-shadow</span>:none;-webkit-<span class="hljs-attribute">appearance</span>:none;<span class="hljs-attribute">appearance</span>:none}<span class="hljs-selector-class">.swiper-pagination-clickable</span> <span class="hljs-selector-class">.swiper-pagination-bullet</span>{<span class="hljs-attribute">cursor</span>:pointer}<span class="hljs-selector-class">.swiper-pagination-bullet</span><span class="hljs-selector-pseudo">:only-child</span>{<span class="hljs-attribute">display</span>:none<span class="hljs-meta">!important</span>}<span class="hljs-selector-class">.swiper-pagination-bullet-active</span>{<span class="hljs-attribute">opacity</span>:<span class="hljs-built_in">var</span>(--swiper-pagination-bullet-opacity, <span class="hljs-number">1</span>);<span class="hljs-attribute">background</span>:<span class="hljs-built_in">var</span>(--swiper-pagination-color,<span class="hljs-built_in">var</span>(--swiper-theme-color))}<span class="hljs-selector-class">.swiper-pagination-vertical</span><span class="hljs-selector-class">.swiper-pagination-bullets</span>,<span class="hljs-selector-class">.swiper-vertical</span>&gt;<span class="hljs-selector-class">.swiper-pagination-bullets</span>{<span class="hljs-attribute">right</span>:<span class="hljs-number">10px</span>;<span class="hljs-attribute">top</span>:<span class="hljs-number">50%</span>;<span class="hljs-attribute">transform</span>:<span class="hljs-built_in">translate3d</span>(<span class="hljs-number">0px</span>,-<span class="hljs-number">50%</span>,<span class="hljs-number">0</span>)}<span class="hljs-selector-class">.swiper-pagination-vertical</span><span class="hljs-selector-class">.swiper-pagination-bullets</span> <span class="hljs-selector-class">.swiper-pagination-bullet</span>,<span class="hljs-selector-class">.swiper-vertical</span>&gt;<span class="hljs-selector-class">.swiper-pagination-bullets</span> <span class="hljs-selector-class">.swiper-pagination-bullet</span>{<span class="hljs-attribute">margin</span>:<span class="hljs-built_in">var</span>(--swiper-pagination-bullet-vertical-gap,<span class="hljs-number">6px</span>) <span class="hljs-number">0</span>;<span class="hljs-attribute">display</span>:block}<span class="hljs-selector-class">.swiper-pagination-vertical</span><span class="hljs-selector-class">.swiper-pagination-bullets</span><span class="hljs-selector-class">.swiper-pagination-bullets-dynamic</span>,<span class="hljs-selector-class">.swiper-vertical</span>&gt;<span class="hljs-selector-class">.swiper-pagination-bullets</span><span class="hljs-selector-class">.swiper-pagination-bullets-dynamic</span>{<span class="hljs-attribute">top</span>:<span class="hljs-number">50%</span>;<span class="hljs-attribute">transform</span>:<span class="hljs-built_in">translateY</span>(-<span class="hljs-number">50%</span>);<span class="hljs-attribute">width</span>:<span class="hljs-number">8px</span>}<span class="hljs-selector-class">.swiper-pagination-vertical</span><span class="hljs-selector-class">.swiper-pagination-bullets</span><span class="hljs-selector-class">.swiper-pagination-bullets-dynamic</span> <span class="hljs-selector-class">.swiper-pagination-bullet</span>,<span class="hljs-selector-class">.swiper-vertical</span>&gt;<span class="hljs-selector-class">.swiper-pagination-bullets</span><span class="hljs-selector-class">.swiper-pagination-bullets-dynamic</span> <span class="hljs-selector-class">.swiper-pagination-bullet</span>{<span class="hljs-attribute">display</span>:inline-block;<span class="hljs-attribute">transition</span>:.<span class="hljs-number">2s</span> transform,.<span class="hljs-number">2s</span> top}<span class="hljs-selector-class">.swiper-horizontal</span>&gt;<span class="hljs-selector-class">.swiper-pagination-bullets</span> <span class="hljs-selector-class">.swiper-pagination-bullet</span>,<span class="hljs-selector-class">.swiper-pagination-horizontal</span><span class="hljs-selector-class">.swiper-pagination-bullets</span> <span class="hljs-selector-class">.swiper-pagination-bullet</span>{<span class="hljs-attribute">margin</span>:<span class="hljs-number">0</span> <span class="hljs-built_in">var</span>(--swiper-pagination-bullet-horizontal-gap,<span class="hljs-number">4px</span>)}<span class="hljs-selector-class">.swiper-horizontal</span>&gt;<span class="hljs-selector-class">.swiper-pagination-bullets</span><span class="hljs-selector-class">.swiper-pagination-bullets-dynamic</span>,<span class="hljs-selector-class">.swiper-pagination-horizontal</span><span class="hljs-selector-class">.swiper-pagination-bullets</span><span class="hljs-selector-class">.swiper-pagination-bullets-dynamic</span>{<span class="hljs-attribute">left</span>:<span class="hljs-number">50%</span>;<span class="hljs-attribute">transform</span>:<span class="hljs-built_in">translateX</span>(-<span class="hljs-number">50%</span>);<span class="hljs-attribute">white-space</span>:nowrap}<span class="hljs-selector-class">.swiper-horizontal</span>&gt;<span class="hljs-selector-class">.swiper-pagination-bullets</span><span class="hljs-selector-class">.swiper-pagination-bullets-dynamic</span> <span class="hljs-selector-class">.swiper-pagination-bullet</span>,<span class="hljs-selector-class">.swiper-pagination-horizontal</span><span class="hljs-selector-class">.swiper-pagination-bullets</span><span class="hljs-selector-class">.swiper-pagination-bullets-dynamic</span> <span class="hljs-selector-class">.swiper-pagination-bullet</span>{<span class="hljs-attribute">transition</span>:.<span class="hljs-number">2s</span> transform,.<span class="hljs-number">2s</span> left}<span class="hljs-selector-class">.swiper-horizontal</span><span class="hljs-selector-class">.swiper-rtl</span>&gt;<span class="hljs-selector-class">.swiper-pagination-bullets-dynamic</span> <span class="hljs-selector-class">.swiper-pagination-bullet</span>{<span class="hljs-attribute">transition</span>:.<span class="hljs-number">2s</span> transform,.<span class="hljs-number">2s</span> right}<span class="hljs-selector-class">.swiper-pagination-progressbar</span>{<span class="hljs-attribute">background</span>:<span class="hljs-built_in">rgba</span>(<span class="hljs-number">0</span>,<span class="hljs-number">0</span>,<span class="hljs-number">0</span>,.<span class="hljs-number">25</span>);<span class="hljs-attribute">position</span>:absolute}<span class="hljs-selector-class">.swiper-pagination-progressbar</span> <span class="hljs-selector-class">.swiper-pagination-progressbar-fill</span>{<span class="hljs-attribute">background</span>:<span class="hljs-built_in">var</span>(--swiper-pagination-color,<span class="hljs-built_in">var</span>(--swiper-theme-color));<span class="hljs-attribute">position</span>:absolute;<span class="hljs-attribute">left</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">top</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">width</span>:<span class="hljs-number">100%</span>;<span class="hljs-attribute">height</span>:<span class="hljs-number">100%</span>;<span class="hljs-attribute">transform</span>:<span class="hljs-built_in">scale</span>(<span class="hljs-number">0</span>);<span class="hljs-attribute">transform-origin</span><span class="hljs-selector-pseudo">:left</span> <span class="hljs-attribute">top</span>}<span class="hljs-selector-class">.swiper-rtl</span> <span class="hljs-selector-class">.swiper-pagination-progressbar</span> <span class="hljs-selector-class">.swiper-pagination-progressbar-fill</span>{<span class="hljs-attribute">transform-origin</span><span class="hljs-selector-pseudo">:right</span> <span class="hljs-attribute">top</span>}<span class="hljs-selector-class">.swiper-horizontal</span>&gt;<span class="hljs-selector-class">.swiper-pagination-progressbar</span>,<span class="hljs-selector-class">.swiper-pagination-progressbar</span><span class="hljs-selector-class">.swiper-pagination-horizontal</span>,<span class="hljs-selector-class">.swiper-pagination-progressbar</span><span class="hljs-selector-class">.swiper-pagination-vertical</span><span class="hljs-selector-class">.swiper-pagination-progressbar-opposite</span>,<span class="hljs-selector-class">.swiper-vertical</span>&gt;<span class="hljs-selector-class">.swiper-pagination-progressbar</span><span class="hljs-selector-class">.swiper-pagination-progressbar-opposite</span>{<span class="hljs-attribute">width</span>:<span class="hljs-number">100%</span>;<span class="hljs-attribute">height</span>:<span class="hljs-number">4px</span>;<span class="hljs-attribute">left</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">top</span>:<span class="hljs-number">0</span>}<span class="hljs-selector-class">.swiper-horizontal</span>&gt;<span class="hljs-selector-class">.swiper-pagination-progressbar</span><span class="hljs-selector-class">.swiper-pagination-progressbar-opposite</span>,<span class="hljs-selector-class">.swiper-pagination-progressbar</span><span class="hljs-selector-class">.swiper-pagination-horizontal</span><span class="hljs-selector-class">.swiper-pagination-progressbar-opposite</span>,<span class="hljs-selector-class">.swiper-pagination-progressbar</span><span class="hljs-selector-class">.swiper-pagination-vertical</span>,<span class="hljs-selector-class">.swiper-vertical</span>&gt;<span class="hljs-selector-class">.swiper-pagination-progressbar</span>{<span class="hljs-attribute">width</span>:<span class="hljs-number">4px</span>;<span class="hljs-attribute">height</span>:<span class="hljs-number">100%</span>;<span class="hljs-attribute">left</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">top</span>:<span class="hljs-number">0</span>}<span class="hljs-selector-class">.swiper-pagination-lock</span>{<span class="hljs-attribute">display</span>:none}<span class="hljs-selector-class">.swiper-scrollbar</span>{<span class="hljs-attribute">border-radius</span>:<span class="hljs-number">10px</span>;<span class="hljs-attribute">position</span>:relative;-ms-<span class="hljs-attribute">touch-action</span>:none;<span class="hljs-attribute">background</span>:<span class="hljs-built_in">rgba</span>(<span class="hljs-number">0</span>,<span class="hljs-number">0</span>,<span class="hljs-number">0</span>,.<span class="hljs-number">1</span>)}<span class="hljs-selector-class">.swiper-scrollbar-disabled</span>&gt;<span class="hljs-selector-class">.swiper-scrollbar</span>,<span class="hljs-selector-class">.swiper-scrollbar</span><span class="hljs-selector-class">.swiper-scrollbar-disabled</span>{<span class="hljs-attribute">display</span>:none<span class="hljs-meta">!important</span>}<span class="hljs-selector-class">.swiper-horizontal</span>&gt;<span class="hljs-selector-class">.swiper-scrollbar</span>,<span class="hljs-selector-class">.swiper-scrollbar</span><span class="hljs-selector-class">.swiper-scrollbar-horizontal</span>{<span class="hljs-attribute">position</span>:absolute;<span class="hljs-attribute">left</span>:<span class="hljs-number">1%</span>;<span class="hljs-attribute">bottom</span>:<span class="hljs-number">3px</span>;<span class="hljs-attribute">z-index</span>:<span class="hljs-number">50</span>;<span class="hljs-attribute">height</span>:<span class="hljs-number">5px</span>;<span class="hljs-attribute">width</span>:<span class="hljs-number">98%</span>}<span class="hljs-selector-class">.swiper-scrollbar</span><span class="hljs-selector-class">.swiper-scrollbar-vertical</span>,<span class="hljs-selector-class">.swiper-vertical</span>&gt;<span class="hljs-selector-class">.swiper-scrollbar</span>{<span class="hljs-attribute">position</span>:absolute;<span class="hljs-attribute">right</span>:<span class="hljs-number">3px</span>;<span class="hljs-attribute">top</span>:<span class="hljs-number">1%</span>;<span class="hljs-attribute">z-index</span>:<span class="hljs-number">50</span>;<span class="hljs-attribute">width</span>:<span class="hljs-number">5px</span>;<span class="hljs-attribute">height</span>:<span class="hljs-number">98%</span>}<span class="hljs-selector-class">.swiper-scrollbar-drag</span>{<span class="hljs-attribute">height</span>:<span class="hljs-number">100%</span>;<span class="hljs-attribute">width</span>:<span class="hljs-number">100%</span>;<span class="hljs-attribute">position</span>:relative;<span class="hljs-attribute">background</span>:<span class="hljs-built_in">rgba</span>(<span class="hljs-number">0</span>,<span class="hljs-number">0</span>,<span class="hljs-number">0</span>,.<span class="hljs-number">5</span>);<span class="hljs-attribute">border-radius</span>:<span class="hljs-number">10px</span>;<span class="hljs-attribute">left</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">top</span>:<span class="hljs-number">0</span>}<span class="hljs-selector-class">.swiper-scrollbar-cursor-drag</span>{<span class="hljs-attribute">cursor</span>:move}<span class="hljs-selector-class">.swiper-scrollbar-lock</span>{<span class="hljs-attribute">display</span>:none}<span class="hljs-selector-class">.swiper-zoom-container</span>{<span class="hljs-attribute">width</span>:<span class="hljs-number">100%</span>;<span class="hljs-attribute">height</span>:<span class="hljs-number">100%</span>;<span class="hljs-attribute">display</span>:flex;<span class="hljs-attribute">justify-content</span>:center;<span class="hljs-attribute">align-items</span>:center;<span class="hljs-attribute">text-align</span>:center}<span class="hljs-selector-class">.swiper-zoom-container</span>&gt;<span class="hljs-selector-tag">canvas</span>,<span class="hljs-selector-class">.swiper-zoom-container</span>&gt;<span class="hljs-selector-tag">img</span>,<span class="hljs-selector-class">.swiper-zoom-container</span>&gt;<span class="hljs-selector-tag">svg</span>{<span class="hljs-attribute">max-width</span>:<span class="hljs-number">100%</span>;<span class="hljs-attribute">max-height</span>:<span class="hljs-number">100%</span>;<span class="hljs-attribute">object-fit</span>:contain}<span class="hljs-selector-class">.swiper-slide-zoomed</span>{<span class="hljs-attribute">cursor</span>:move}<span class="hljs-selector-class">.swiper-lazy-preloader</span>{<span class="hljs-attribute">width</span>:<span class="hljs-number">42px</span>;<span class="hljs-attribute">height</span>:<span class="hljs-number">42px</span>;<span class="hljs-attribute">position</span>:absolute;<span class="hljs-attribute">left</span>:<span class="hljs-number">50%</span>;<span class="hljs-attribute">top</span>:<span class="hljs-number">50%</span>;<span class="hljs-attribute">margin-left</span>:-<span class="hljs-number">21px</span>;<span class="hljs-attribute">margin-top</span>:-<span class="hljs-number">21px</span>;<span class="hljs-attribute">z-index</span>:<span class="hljs-number">10</span>;<span class="hljs-attribute">transform-origin</span>:<span class="hljs-number">50%</span>;<span class="hljs-attribute">box-sizing</span>:border-box;<span class="hljs-attribute">border</span>:<span class="hljs-number">4px</span> solid <span class="hljs-built_in">var</span>(--swiper-preloader-color,<span class="hljs-built_in">var</span>(--swiper-theme-color));<span class="hljs-attribute">border-radius</span>:<span class="hljs-number">50%</span>;<span class="hljs-attribute">border-top-color</span>:transparent}<span class="hljs-selector-class">.swiper-watch-progress</span> <span class="hljs-selector-class">.swiper-slide-visible</span> <span class="hljs-selector-class">.swiper-lazy-preloader</span>,<span class="hljs-selector-class">.swiper</span><span class="hljs-selector-pseudo">:not</span>(<span class="hljs-selector-class">.swiper-watch-progress</span>) <span class="hljs-selector-class">.swiper-lazy-preloader</span>{<span class="hljs-attribute">animation</span>:swiper-preloader-spin <span class="hljs-number">1s</span> infinite linear}<span class="hljs-selector-class">.swiper-lazy-preloader-white</span>{<span class="hljs-attr">--swiper-preloader-color</span>:<span class="hljs-number">#fff</span>}<span class="hljs-selector-class">.swiper-lazy-preloader-black</span>{<span class="hljs-attr">--swiper-preloader-color</span>:<span class="hljs-number">#000</span>}<span class="hljs-keyword">@keyframes</span> swiper-preloader-spin{<span class="hljs-number">0%</span>{<span class="hljs-attribute">transform</span>:<span class="hljs-built_in">rotate</span>(<span class="hljs-number">0deg</span>)}<span class="hljs-number">100%</span>{<span class="hljs-attribute">transform</span>:<span class="hljs-built_in">rotate</span>(<span class="hljs-number">360deg</span>)}}<span class="hljs-selector-class">.swiper</span> <span class="hljs-selector-class">.swiper-notification</span>{<span class="hljs-attribute">position</span>:absolute;<span class="hljs-attribute">left</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">top</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">pointer-events</span>:none;<span class="hljs-attribute">opacity</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">z-index</span>:-<span class="hljs-number">1000</span>}<span class="hljs-selector-class">.swiper-free-mode</span>&gt;<span class="hljs-selector-class">.swiper-wrapper</span>{<span class="hljs-attribute">transition-timing-function</span>:ease-out;<span class="hljs-attribute">margin</span>:<span class="hljs-number">0</span> auto}<span class="hljs-selector-class">.swiper-grid</span>&gt;<span class="hljs-selector-class">.swiper-wrapper</span>{<span class="hljs-attribute">flex-wrap</span>:wrap}<span class="hljs-selector-class">.swiper-grid-column</span>&gt;<span class="hljs-selector-class">.swiper-wrapper</span>{<span class="hljs-attribute">flex-wrap</span>:wrap;<span class="hljs-attribute">flex-direction</span>:column}<span class="hljs-selector-class">.swiper-fade</span><span class="hljs-selector-class">.swiper-free-mode</span> <span class="hljs-selector-class">.swiper-slide</span>{<span class="hljs-attribute">transition-timing-function</span>:ease-out}<span class="hljs-selector-class">.swiper-fade</span> <span class="hljs-selector-class">.swiper-slide</span>{<span class="hljs-attribute">pointer-events</span>:none;<span class="hljs-attribute">transition-property</span>:opacity}<span class="hljs-selector-class">.swiper-fade</span> <span class="hljs-selector-class">.swiper-slide</span> <span class="hljs-selector-class">.swiper-slide</span>{<span class="hljs-attribute">pointer-events</span>:none}<span class="hljs-selector-class">.swiper-fade</span> <span class="hljs-selector-class">.swiper-slide-active</span>,<span class="hljs-selector-class">.swiper-fade</span> <span class="hljs-selector-class">.swiper-slide-active</span> <span class="hljs-selector-class">.swiper-slide-active</span>{<span class="hljs-attribute">pointer-events</span>:auto}<span class="hljs-selector-class">.swiper-cube</span>{<span class="hljs-attribute">overflow</span>:visible}<span class="hljs-selector-class">.swiper-cube</span> <span class="hljs-selector-class">.swiper-slide</span>{<span class="hljs-attribute">pointer-events</span>:none;-webkit-<span class="hljs-attribute">backface-visibility</span>:hidden;<span class="hljs-attribute">backface-visibility</span>:hidden;<span class="hljs-attribute">z-index</span>:<span class="hljs-number">1</span>;<span class="hljs-attribute">visibility</span>:hidden;<span class="hljs-attribute">transform-origin</span>:<span class="hljs-number">0</span> <span class="hljs-number">0</span>;<span class="hljs-attribute">width</span>:<span class="hljs-number">100%</span>;<span class="hljs-attribute">height</span>:<span class="hljs-number">100%</span>}<span class="hljs-selector-class">.swiper-cube</span> <span class="hljs-selector-class">.swiper-slide</span> <span class="hljs-selector-class">.swiper-slide</span>{<span class="hljs-attribute">pointer-events</span>:none}<span class="hljs-selector-class">.swiper-cube</span><span class="hljs-selector-class">.swiper-rtl</span> <span class="hljs-selector-class">.swiper-slide</span>{<span class="hljs-attribute">transform-origin</span>:<span class="hljs-number">100%</span> <span class="hljs-number">0</span>}<span class="hljs-selector-class">.swiper-cube</span> <span class="hljs-selector-class">.swiper-slide-active</span>,<span class="hljs-selector-class">.swiper-cube</span> <span class="hljs-selector-class">.swiper-slide-active</span> <span class="hljs-selector-class">.swiper-slide-active</span>{<span class="hljs-attribute">pointer-events</span>:auto}<span class="hljs-selector-class">.swiper-cube</span> <span class="hljs-selector-class">.swiper-slide-active</span>,<span class="hljs-selector-class">.swiper-cube</span> <span class="hljs-selector-class">.swiper-slide-next</span>,<span class="hljs-selector-class">.swiper-cube</span> <span class="hljs-selector-class">.swiper-slide-next</span>+<span class="hljs-selector-class">.swiper-slide</span>,<span class="hljs-selector-class">.swiper-cube</span> <span class="hljs-selector-class">.swiper-slide-prev</span>{<span class="hljs-attribute">pointer-events</span>:auto;<span class="hljs-attribute">visibility</span>:visible}<span class="hljs-selector-class">.swiper-cube</span> <span class="hljs-selector-class">.swiper-slide-shadow-bottom</span>,<span class="hljs-selector-class">.swiper-cube</span> <span class="hljs-selector-class">.swiper-slide-shadow-left</span>,<span class="hljs-selector-class">.swiper-cube</span> <span class="hljs-selector-class">.swiper-slide-shadow-right</span>,<span class="hljs-selector-class">.swiper-cube</span> <span class="hljs-selector-class">.swiper-slide-shadow-top</span>{<span class="hljs-attribute">z-index</span>:<span class="hljs-number">0</span>;-webkit-<span class="hljs-attribute">backface-visibility</span>:hidden;<span class="hljs-attribute">backface-visibility</span>:hidden}<span class="hljs-selector-class">.swiper-cube</span> <span class="hljs-selector-class">.swiper-cube-shadow</span>{<span class="hljs-attribute">position</span>:absolute;<span class="hljs-attribute">left</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">bottom</span>:<span class="hljs-number">0px</span>;<span class="hljs-attribute">width</span>:<span class="hljs-number">100%</span>;<span class="hljs-attribute">height</span>:<span class="hljs-number">100%</span>;<span class="hljs-attribute">opacity</span>:.<span class="hljs-number">6</span>;<span class="hljs-attribute">z-index</span>:<span class="hljs-number">0</span>}<span class="hljs-selector-class">.swiper-cube</span> <span class="hljs-selector-class">.swiper-cube-shadow</span><span class="hljs-selector-pseudo">:before</span>{<span class="hljs-attribute">content</span>:<span class="hljs-string">&#x27;&#x27;</span>;<span class="hljs-attribute">background</span>:<span class="hljs-number">#000</span>;<span class="hljs-attribute">position</span>:absolute;<span class="hljs-attribute">left</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">top</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">bottom</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">right</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">filter</span>:<span class="hljs-built_in">blur</span>(<span class="hljs-number">50px</span>)}<span class="hljs-selector-class">.swiper-flip</span>{<span class="hljs-attribute">overflow</span>:visible}<span class="hljs-selector-class">.swiper-flip</span> <span class="hljs-selector-class">.swiper-slide</span>{<span class="hljs-attribute">pointer-events</span>:none;-webkit-<span class="hljs-attribute">backface-visibility</span>:hidden;<span class="hljs-attribute">backface-visibility</span>:hidden;<span class="hljs-attribute">z-index</span>:<span class="hljs-number">1</span>}<span class="hljs-selector-class">.swiper-flip</span> <span class="hljs-selector-class">.swiper-slide</span> <span class="hljs-selector-class">.swiper-slide</span>{<span class="hljs-attribute">pointer-events</span>:none}<span class="hljs-selector-class">.swiper-flip</span> <span class="hljs-selector-class">.swiper-slide-active</span>,<span class="hljs-selector-class">.swiper-flip</span> <span class="hljs-selector-class">.swiper-slide-active</span> <span class="hljs-selector-class">.swiper-slide-active</span>{<span class="hljs-attribute">pointer-events</span>:auto}<span class="hljs-selector-class">.swiper-flip</span> <span class="hljs-selector-class">.swiper-slide-shadow-bottom</span>,<span class="hljs-selector-class">.swiper-flip</span> <span class="hljs-selector-class">.swiper-slide-shadow-left</span>,<span class="hljs-selector-class">.swiper-flip</span> <span class="hljs-selector-class">.swiper-slide-shadow-right</span>,<span class="hljs-selector-class">.swiper-flip</span> <span class="hljs-selector-class">.swiper-slide-shadow-top</span>{<span class="hljs-attribute">z-index</span>:<span class="hljs-number">0</span>;-webkit-<span class="hljs-attribute">backface-visibility</span>:hidden;<span class="hljs-attribute">backface-visibility</span>:hidden}<span class="hljs-selector-class">.swiper-creative</span> <span class="hljs-selector-class">.swiper-slide</span>{-webkit-<span class="hljs-attribute">backface-visibility</span>:hidden;<span class="hljs-attribute">backface-visibility</span>:hidden;<span class="hljs-attribute">overflow</span>:hidden;<span class="hljs-attribute">transition-property</span>:transform,opacity,height}<span class="hljs-selector-class">.swiper-cards</span>{<span class="hljs-attribute">overflow</span>:visible}<span class="hljs-selector-class">.swiper-cards</span> <span class="hljs-selector-class">.swiper-slide</span>{<span class="hljs-attribute">transform-origin</span>:center bottom;-webkit-<span class="hljs-attribute">backface-visibility</span>:hidden;<span class="hljs-attribute">backface-visibility</span>:hidden;<span class="hljs-attribute">overflow</span>:hidden}</div></div></div></main></body></html>