<!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;12.0.2&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 selected 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 selected 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 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@12.0.2" 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>13.9 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@12.0.2/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 12.0.2\n * Most modern mobile touch slider and framework with hardware accelerated transitions\n * https://swiperjs.com\n *\n * Copyright 2014-2025 Vladimir Kharlampidi\n *\n * Released under the MIT License\n *\n * Released on: September 18, 2025\n */&lt;/span>\n\n&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-pseudo\&quot;>:host&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>display&lt;/span>:block;&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;>z-index&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>1&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>display&lt;/span>:block;&lt;span class=\&quot;hljs-attribute\&quot;>list-style&lt;/span>:none;&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;>overflow&lt;/span>:hidden;&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;>position&lt;/span>:relative;&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;>box-sizing&lt;/span>:initial;&lt;span class=\&quot;hljs-attribute\&quot;>display&lt;/span>:flex;&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-attribute\&quot;>transition-timing-function&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-wrapper-transition-timing-function,initial);&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;>z-index&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>1&lt;/span>}&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-ios&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;>translateZ&lt;/span>(&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>)}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-horizontal&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>touch-action&lt;/span>:pan-y}&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;>display&lt;/span>:block;&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;>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-attribute\&quot;>width&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>100%&lt;/span>}&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;>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-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-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-attribute\&quot;>perspective&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>1200px&lt;/span>;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-cube-shadow&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide&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-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;&amp;amp;::-webkit-scrollbar{&lt;span class=\&quot;hljs-attribute\&quot;>display&lt;/span>:none}}&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}&amp;amp;&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-attribute\&quot;>scroll-snap-type&lt;/span>:x mandatory}}&amp;amp;&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;>scroll-snap-type&lt;/span>:y mandatory}}&amp;amp;&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;>scroll-snap-type&lt;/span>:none}&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>:none}}&amp;amp;&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;quot;&amp;quot;&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>}&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}}&amp;amp;&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)}&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)}}&amp;amp;&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)}&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-built_in\&quot;>var&lt;/span>(--swiper-centered-offset-after);&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;>width&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>100%&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-slide-shadow-bottom&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-slide-shadow-right&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-shadow-top&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;>pointer-events&lt;/span>:none;&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;>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;>z-index&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>10&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-number\&quot;>#00000026&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>(&lt;span class=\&quot;hljs-number\&quot;>270deg&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>#00000080&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>#0000&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>(&lt;span class=\&quot;hljs-number\&quot;>90deg&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>#00000080&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>#0000&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>(&lt;span class=\&quot;hljs-number\&quot;>0deg&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>#00000080&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>#0000&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>(&lt;span class=\&quot;hljs-number\&quot;>180deg&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>#00000080&lt;/span>,&lt;span class=\&quot;hljs-number\&quot;>#0000&lt;/span>)}}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-lazy-preloader&lt;/span>{&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&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>4px&lt;/span> solid &lt;span class=\&quot;hljs-number\&quot;>#0000&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>box-sizing&lt;/span>:border-box;&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;>left&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;>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;>transform-origin&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;>42px&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-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&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> linear infinite}}&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-selector-tag\&quot;>to&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;>1turn&lt;/span>)}}&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;quot;&amp;quot;&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;>pointer-events&lt;/span>:none;&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;>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-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;>height&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-virtual-size);&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-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;>align-items&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-attribute\&quot;>cursor&lt;/span>:pointer;&lt;span class=\&quot;hljs-attribute\&quot;>display&lt;/span>:flex;&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;>justify-content&lt;/span>:center;&lt;span class=\&quot;hljs-attribute\&quot;>position&lt;/span>:absolute;&lt;span class=\&quot;hljs-attribute\&quot;>width&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-navigation-size);&lt;span class=\&quot;hljs-attribute\&quot;>z-index&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>10&lt;/span>;&amp;amp;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-button-disabled&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>cursor&lt;/span>:auto;&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;>pointer-events&lt;/span>:none}&amp;amp;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-button-hidden&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>cursor&lt;/span>:auto;&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;>pointer-events&lt;/span>:none}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-navigation-disabled&lt;/span> &amp;amp;{&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-tag\&quot;>svg&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;>object-fit&lt;/span>:contain;&lt;span class=\&quot;hljs-attribute\&quot;>transform-origin&lt;/span>:center;&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;>fill&lt;/span>&lt;span class=\&quot;hljs-selector-pseudo\&quot;>:current&lt;/span>Color;&lt;span class=\&quot;hljs-attribute\&quot;>pointer-events&lt;/span>:none}}&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-button-next&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-button-prev&lt;/span>{&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;>top&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-navigation-top-offset,&lt;span class=\&quot;hljs-number\&quot;>50%&lt;/span>)}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-button-prev&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>left&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-navigation-sides-offset,&lt;span class=\&quot;hljs-number\&quot;>4px&lt;/span>);&lt;span class=\&quot;hljs-attribute\&quot;>right&lt;/span>:auto;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-navigation-icon&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;>180deg&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>:auto;&lt;span class=\&quot;hljs-attribute\&quot;>right&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-navigation-sides-offset,&lt;span class=\&quot;hljs-number\&quot;>4px&lt;/span>)}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-horizontal&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-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;>margin-left&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;&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;>top&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-navigation-top-offset,&lt;span class=\&quot;hljs-number\&quot;>50%&lt;/span>)}&amp;amp;&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>,&amp;amp;&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>,&amp;amp;~&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-button-prev&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-button-prev&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>left&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-navigation-sides-offset,&lt;span class=\&quot;hljs-number\&quot;>4px&lt;/span>);&lt;span class=\&quot;hljs-attribute\&quot;>right&lt;/span>:auto}&amp;amp;&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>,&amp;amp;&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>,&amp;amp;~&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-button-next&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>:auto;&lt;span class=\&quot;hljs-attribute\&quot;>right&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-navigation-sides-offset,&lt;span class=\&quot;hljs-number\&quot;>4px&lt;/span>)}&amp;amp;&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>,&amp;amp;&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>,&amp;amp;~&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-button-prev&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-button-prev&lt;/span>{&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-navigation-icon&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;>180deg&lt;/span>)}}&amp;amp;&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>,&amp;amp;&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-class\&quot;>.swiper-navigation-icon&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-selector-class\&quot;>.swiper-vertical&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-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;>left&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-navigation-top-offset,&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-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;>margin-top&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&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-class\&quot;>.swiper-button-prev&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>bottom&lt;/span>:auto;&lt;span class=\&quot;hljs-attribute\&quot;>top&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-navigation-sides-offset,&lt;span class=\&quot;hljs-number\&quot;>4px&lt;/span>);&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-navigation-icon&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;>90deg&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-next&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>bottom&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-navigation-sides-offset,&lt;span class=\&quot;hljs-number\&quot;>4px&lt;/span>);&lt;span class=\&quot;hljs-attribute\&quot;>top&lt;/span>:auto;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-navigation-icon&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;>90deg&lt;/span>)}}}&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;>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-attribute\&quot;>transition&lt;/span>:opacity .&lt;span class=\&quot;hljs-number\&quot;>3s&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>z-index&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>10&lt;/span>;&amp;amp;&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>}&amp;amp;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-disabled&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-disabled&lt;/span>&amp;gt;&amp;amp;{&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-built_in\&quot;>var&lt;/span>(--swiper-pagination-bottom,&lt;span class=\&quot;hljs-number\&quot;>8px&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-built_in\&quot;>var&lt;/span>(--swiper-pagination-top,auto);&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;>font-size&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>overflow&lt;/span>:hidden;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-bullet&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>position&lt;/span>:relative;&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-active&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-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-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-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-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;>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;>border-radius&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-pagination-bullet-border-radius,&lt;span class=\&quot;hljs-number\&quot;>50%&lt;/span>);&lt;span class=\&quot;hljs-attribute\&quot;>display&lt;/span>:inline-block;&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;>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-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-selector-tag\&quot;>button&lt;/span>&amp;amp;{&lt;span class=\&quot;hljs-attribute\&quot;>appearance&lt;/span>:none;&lt;span class=\&quot;hljs-attribute\&quot;>border&lt;/span>:none;&lt;span class=\&quot;hljs-attribute\&quot;>box-shadow&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-selector-class\&quot;>.swiper-pagination-clickable&lt;/span> &amp;amp;{&lt;span class=\&quot;hljs-attribute\&quot;>cursor&lt;/span>:pointer}&amp;amp;&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;>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;>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-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;>left&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-pagination-left,auto);&lt;span class=\&quot;hljs-attribute\&quot;>right&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-pagination-right,&lt;span class=\&quot;hljs-number\&quot;>8px&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;>0&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-bullet&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>display&lt;/span>:block;&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>}&amp;amp;&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-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>:transform .&lt;span class=\&quot;hljs-number\&quot;>2s&lt;/span>,top .&lt;span class=\&quot;hljs-number\&quot;>2s&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-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>)}&amp;amp;&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-pagination-bullet&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>transition&lt;/span>:transform .&lt;span class=\&quot;hljs-number\&quot;>2s&lt;/span>,left .&lt;span class=\&quot;hljs-number\&quot;>2s&lt;/span>}}}&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>:transform .&lt;span class=\&quot;hljs-number\&quot;>2s&lt;/span>,right .&lt;span class=\&quot;hljs-number\&quot;>2s&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-fraction&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>color&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-pagination-fraction-color,inherit)}&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;>var&lt;/span>(--swiper-pagination-progressbar-bg-color,&lt;span class=\&quot;hljs-number\&quot;>#00000040&lt;/span>);&lt;span class=\&quot;hljs-attribute\&quot;>position&lt;/span>:absolute;&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;>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;>position&lt;/span>:absolute;&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;>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-attribute\&quot;>width&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>100%&lt;/span>}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-rtl&lt;/span> &amp;amp; &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>}&amp;amp;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-horizontal&lt;/span>,&amp;amp;&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-horizontal&lt;/span>&amp;gt;&amp;amp;,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-vertical&lt;/span>&amp;gt;&amp;amp;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-progressbar-opposite&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-progressbar-size,&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-attribute\&quot;>width&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>100%&lt;/span>}&amp;amp;&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>,&amp;amp;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-pagination-vertical&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-horizontal&lt;/span>&amp;gt;&amp;amp;&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;&amp;amp;{&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-attribute\&quot;>width&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-pagination-progressbar-size,&lt;span class=\&quot;hljs-number\&quot;>4px&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;>background&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-scrollbar-bg-color,&lt;span class=\&quot;hljs-number\&quot;>#0000001a&lt;/span>);&lt;span class=\&quot;hljs-attribute\&quot;>border-radius&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-scrollbar-border-radius,&lt;span class=\&quot;hljs-number\&quot;>10px&lt;/span>);&lt;span class=\&quot;hljs-attribute\&quot;>position&lt;/span>:relative;&lt;span class=\&quot;hljs-attribute\&quot;>touch-action&lt;/span>:none;&amp;amp;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-scrollbar-disabled&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-scrollbar-disabled&lt;/span>&amp;gt;&amp;amp;{&lt;span class=\&quot;hljs-attribute\&quot;>display&lt;/span>:none&lt;span class=\&quot;hljs-meta\&quot;>!important&lt;/span>}&amp;amp;&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-scrollbar-horizontal&lt;/span>,&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-horizontal&lt;/span>&amp;gt;&amp;amp;{&lt;span class=\&quot;hljs-attribute\&quot;>bottom&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-scrollbar-bottom,&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-built_in\&quot;>var&lt;/span>(--swiper-scrollbar-size,&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-built_in\&quot;>var&lt;/span>(--swiper-scrollbar-sides-offset,&lt;span class=\&quot;hljs-number\&quot;>1%&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-built_in\&quot;>var&lt;/span>(--swiper-scrollbar-top,auto);&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-number\&quot;>100%&lt;/span> - &lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-scrollbar-sides-offset, &lt;span class=\&quot;hljs-number\&quot;>1%&lt;/span>)*&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;>50&lt;/span>}&amp;amp;&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;&amp;amp;{&lt;span class=\&quot;hljs-attribute\&quot;>height&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>calc&lt;/span>(&lt;span class=\&quot;hljs-number\&quot;>100%&lt;/span> - &lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-scrollbar-sides-offset, &lt;span class=\&quot;hljs-number\&quot;>1%&lt;/span>)*&lt;span class=\&quot;hljs-number\&quot;>2&lt;/span>);&lt;span class=\&quot;hljs-attribute\&quot;>left&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-scrollbar-left,auto);&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-built_in\&quot;>var&lt;/span>(--swiper-scrollbar-right,&lt;span class=\&quot;hljs-number\&quot;>4px&lt;/span>);&lt;span class=\&quot;hljs-attribute\&quot;>top&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-scrollbar-sides-offset,&lt;span class=\&quot;hljs-number\&quot;>1%&lt;/span>);&lt;span class=\&quot;hljs-attribute\&quot;>width&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-scrollbar-size,&lt;span class=\&quot;hljs-number\&quot;>4px&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-selector-class\&quot;>.swiper-scrollbar-drag&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>background&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-scrollbar-drag-bg-color,&lt;span class=\&quot;hljs-number\&quot;>#00000080&lt;/span>);&lt;span class=\&quot;hljs-attribute\&quot;>border-radius&lt;/span>:&lt;span class=\&quot;hljs-built_in\&quot;>var&lt;/span>(--swiper-scrollbar-border-radius,&lt;span class=\&quot;hljs-number\&quot;>10px&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;>position&lt;/span>:relative;&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-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;>align-items&lt;/span>:center;&lt;span class=\&quot;hljs-attribute\&quot;>display&lt;/span>:flex;&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;>justify-content&lt;/span>:center;&lt;span class=\&quot;hljs-attribute\&quot;>text-align&lt;/span>:center;&lt;span class=\&quot;hljs-attribute\&quot;>width&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>100%&lt;/span>;&amp;gt;&lt;span class=\&quot;hljs-selector-tag\&quot;>canvas&lt;/span>,&amp;gt;&lt;span class=\&quot;hljs-selector-tag\&quot;>img&lt;/span>,&amp;gt;&lt;span class=\&quot;hljs-selector-tag\&quot;>svg&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;>max-width&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-attribute\&quot;>touch-action&lt;/span>:none}&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;>left&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&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;>pointer-events&lt;/span>:none;&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;>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;>margin&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span> auto;&lt;span class=\&quot;hljs-attribute\&quot;>transition-timing-function&lt;/span>:ease-out}&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-direction&lt;/span>:column;&lt;span class=\&quot;hljs-attribute\&quot;>flex-wrap&lt;/span>:wrap}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-fade&lt;/span>{&amp;amp;&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-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-slide&lt;/span>{&lt;span class=\&quot;hljs-attribute\&quot;>pointer-events&lt;/span>:none}}&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;&amp;amp; &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&lt;/span>&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;>backface-visibility&lt;/span>:hidden;&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;>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;>visibility&lt;/span>:hidden;&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;>z-index&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>1&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}}&amp;amp;&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-slide-active&lt;/span>{&amp;amp;,&amp;amp; &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-slide-active&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-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-shadow&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;>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;>opacity&lt;/span>:.&lt;span class=\&quot;hljs-number\&quot;>6&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>position&lt;/span>:absolute;&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;>z-index&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;&amp;amp;&lt;span class=\&quot;hljs-selector-pseudo\&quot;>:before&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;>bottom&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&lt;/span>;&lt;span class=\&quot;hljs-attribute\&quot;>content&lt;/span>:&lt;span class=\&quot;hljs-string\&quot;>&amp;quot;&amp;quot;&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-attribute\&quot;>left&lt;/span>:&lt;span class=\&quot;hljs-number\&quot;>0&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;>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-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-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-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-slide-shadow-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-slide-shadow-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-slide-shadow-cube&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-shadow-top&lt;/span>{&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;>0&lt;/span>}}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper&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;>backface-visibility&lt;/span>:hidden;&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;>1&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-slide-active&lt;/span>{&amp;amp;,&amp;amp; &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-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-slide-shadow-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-slide-shadow-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-slide-shadow-flip&lt;/span>&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide-shadow-top&lt;/span>{&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;>0&lt;/span>}}&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-creative&lt;/span>{&lt;span class=\&quot;hljs-selector-class\&quot;>.swiper-slide&lt;/span>{&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&lt;/span>&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;>backface-visibility&lt;/span>:hidden;&lt;span class=\&quot;hljs-attribute\&quot;>overflow&lt;/span>:hidden;&lt;span class=\&quot;hljs-attribute\&quot;>transform-origin&lt;/span>:center bottom}}&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 12.0.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 18, 2025
 */</span>

<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-pseudo">:host</span>{<span class="hljs-attribute">display</span>:block;<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">z-index</span>:<span class="hljs-number">1</span>}<span class="hljs-selector-class">.swiper</span>{<span class="hljs-attribute">display</span>:block;<span class="hljs-attribute">list-style</span>:none;<span class="hljs-attribute">margin-left</span>:auto;<span class="hljs-attribute">margin-right</span>:auto;<span class="hljs-attribute">overflow</span>:hidden;<span class="hljs-attribute">padding</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">position</span>:relative;<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">box-sizing</span>:initial;<span class="hljs-attribute">display</span>:flex;<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-attribute">transition-timing-function</span>:<span class="hljs-built_in">var</span>(--swiper-wrapper-transition-timing-function,initial);<span class="hljs-attribute">width</span>:<span class="hljs-number">100%</span>;<span class="hljs-attribute">z-index</span>:<span class="hljs-number">1</span>}<span class="hljs-selector-class">.swiper-android</span> <span class="hljs-selector-class">.swiper-slide</span>,<span class="hljs-selector-class">.swiper-ios</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">translateZ</span>(<span class="hljs-number">0</span>)}<span class="hljs-selector-class">.swiper-horizontal</span>{<span class="hljs-attribute">touch-action</span>:pan-y}<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">display</span>:block;<span class="hljs-attribute">flex-shrink</span>:<span class="hljs-number">0</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-attribute">width</span>:<span class="hljs-number">100%</span>}<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">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-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-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-attribute">perspective</span>:<span class="hljs-number">1200px</span>;<span class="hljs-selector-class">.swiper-cube-shadow</span>,<span class="hljs-selector-class">.swiper-slide</span>{<span class="hljs-attribute">transform-style</span>:preserve-<span class="hljs-number">3</span>d}}<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;&amp;::-webkit-scrollbar{<span class="hljs-attribute">display</span>:none}}&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}&amp;<span class="hljs-selector-class">.swiper-horizontal</span>{&gt;<span class="hljs-selector-class">.swiper-wrapper</span>{<span class="hljs-attribute">scroll-snap-type</span>:x mandatory}}&amp;<span class="hljs-selector-class">.swiper-vertical</span>{&gt;<span class="hljs-selector-class">.swiper-wrapper</span>{<span class="hljs-attribute">scroll-snap-type</span>:y mandatory}}&amp;<span class="hljs-selector-class">.swiper-free-mode</span>{&gt;<span class="hljs-selector-class">.swiper-wrapper</span>{<span class="hljs-attribute">scroll-snap-type</span>:none}&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>:none}}&amp;<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">&quot;&quot;</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>}&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}}&amp;<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)}&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)}}&amp;<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)}&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-built_in">var</span>(--swiper-centered-offset-after);<span class="hljs-attribute">min-width</span>:<span class="hljs-number">1px</span>;<span class="hljs-attribute">width</span>:<span class="hljs-number">100%</span>}}}<span class="hljs-selector-class">.swiper-3d</span>{<span class="hljs-selector-class">.swiper-slide-shadow</span>,<span class="hljs-selector-class">.swiper-slide-shadow-bottom</span>,<span class="hljs-selector-class">.swiper-slide-shadow-left</span>,<span class="hljs-selector-class">.swiper-slide-shadow-right</span>,<span class="hljs-selector-class">.swiper-slide-shadow-top</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">pointer-events</span>:none;<span class="hljs-attribute">position</span>:absolute;<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">z-index</span>:<span class="hljs-number">10</span>}<span class="hljs-selector-class">.swiper-slide-shadow</span>{<span class="hljs-attribute">background</span>:<span class="hljs-number">#00000026</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>(<span class="hljs-number">270deg</span>,<span class="hljs-number">#00000080</span>,<span class="hljs-number">#0000</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>(<span class="hljs-number">90deg</span>,<span class="hljs-number">#00000080</span>,<span class="hljs-number">#0000</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>(<span class="hljs-number">0deg</span>,<span class="hljs-number">#00000080</span>,<span class="hljs-number">#0000</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>(<span class="hljs-number">180deg</span>,<span class="hljs-number">#00000080</span>,<span class="hljs-number">#0000</span>)}}<span class="hljs-selector-class">.swiper-lazy-preloader</span>{<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</span>:<span class="hljs-number">4px</span> solid <span class="hljs-number">#0000</span>;<span class="hljs-attribute">box-sizing</span>:border-box;<span class="hljs-attribute">height</span>:<span class="hljs-number">42px</span>;<span class="hljs-attribute">left</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">position</span>:absolute;<span class="hljs-attribute">top</span>:<span class="hljs-number">50%</span>;<span class="hljs-attribute">transform-origin</span>:<span class="hljs-number">50%</span>;<span class="hljs-attribute">width</span>:<span class="hljs-number">42px</span>;<span class="hljs-attribute">z-index</span>:<span class="hljs-number">10</span>}<span class="hljs-selector-class">.swiper-watch-progress</span> <span class="hljs-selector-class">.swiper-slide-visible</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> linear infinite}}<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-selector-tag">to</span>{<span class="hljs-attribute">transform</span>:<span class="hljs-built_in">rotate</span>(<span class="hljs-number">1turn</span>)}}<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">&quot;&quot;</span>;<span class="hljs-attribute">left</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">pointer-events</span>:none;<span class="hljs-attribute">position</span>:absolute;<span class="hljs-attribute">top</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-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">height</span>:<span class="hljs-built_in">var</span>(--swiper-virtual-size);<span class="hljs-attribute">width</span>:<span class="hljs-number">1px</span>}}<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">align-items</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-attribute">cursor</span>:pointer;<span class="hljs-attribute">display</span>:flex;<span class="hljs-attribute">height</span>:<span class="hljs-built_in">var</span>(--swiper-navigation-size);<span class="hljs-attribute">justify-content</span>:center;<span class="hljs-attribute">position</span>:absolute;<span class="hljs-attribute">width</span>:<span class="hljs-built_in">var</span>(--swiper-navigation-size);<span class="hljs-attribute">z-index</span>:<span class="hljs-number">10</span>;&amp;<span class="hljs-selector-class">.swiper-button-disabled</span>{<span class="hljs-attribute">cursor</span>:auto;<span class="hljs-attribute">opacity</span>:.<span class="hljs-number">35</span>;<span class="hljs-attribute">pointer-events</span>:none}&amp;<span class="hljs-selector-class">.swiper-button-hidden</span>{<span class="hljs-attribute">cursor</span>:auto;<span class="hljs-attribute">opacity</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">pointer-events</span>:none}<span class="hljs-selector-class">.swiper-navigation-disabled</span> &amp;{<span class="hljs-attribute">display</span>:none<span class="hljs-meta">!important</span>}<span class="hljs-selector-tag">svg</span>{<span class="hljs-attribute">height</span>:<span class="hljs-number">100%</span>;<span class="hljs-attribute">object-fit</span>:contain;<span class="hljs-attribute">transform-origin</span>:center;<span class="hljs-attribute">width</span>:<span class="hljs-number">100%</span>;<span class="hljs-attribute">fill</span><span class="hljs-selector-pseudo">:current</span>Color;<span class="hljs-attribute">pointer-events</span>:none}}<span class="hljs-selector-class">.swiper-button-lock</span>{<span class="hljs-attribute">display</span>:none}<span class="hljs-selector-class">.swiper-button-next</span>,<span class="hljs-selector-class">.swiper-button-prev</span>{<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">top</span>:<span class="hljs-built_in">var</span>(--swiper-navigation-top-offset,<span class="hljs-number">50%</span>)}<span class="hljs-selector-class">.swiper-button-prev</span>{<span class="hljs-attribute">left</span>:<span class="hljs-built_in">var</span>(--swiper-navigation-sides-offset,<span class="hljs-number">4px</span>);<span class="hljs-attribute">right</span>:auto;<span class="hljs-selector-class">.swiper-navigation-icon</span>{<span class="hljs-attribute">transform</span>:<span class="hljs-built_in">rotate</span>(<span class="hljs-number">180deg</span>)}}<span class="hljs-selector-class">.swiper-button-next</span>{<span class="hljs-attribute">left</span>:auto;<span class="hljs-attribute">right</span>:<span class="hljs-built_in">var</span>(--swiper-navigation-sides-offset,<span class="hljs-number">4px</span>)}<span class="hljs-selector-class">.swiper-horizontal</span>{<span class="hljs-selector-class">.swiper-button-next</span>,<span class="hljs-selector-class">.swiper-button-prev</span>,~<span class="hljs-selector-class">.swiper-button-next</span>,~<span class="hljs-selector-class">.swiper-button-prev</span>{<span class="hljs-attribute">margin-left</span>:<span class="hljs-number">0</span>;<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">top</span>:<span class="hljs-built_in">var</span>(--swiper-navigation-top-offset,<span class="hljs-number">50%</span>)}&amp;<span class="hljs-selector-class">.swiper-rtl</span> <span class="hljs-selector-class">.swiper-button-next</span>,&amp;<span class="hljs-selector-class">.swiper-rtl</span>~<span class="hljs-selector-class">.swiper-button-next</span>,&amp;~<span class="hljs-selector-class">.swiper-button-prev</span>,<span class="hljs-selector-class">.swiper-button-prev</span>{<span class="hljs-attribute">left</span>:<span class="hljs-built_in">var</span>(--swiper-navigation-sides-offset,<span class="hljs-number">4px</span>);<span class="hljs-attribute">right</span>:auto}&amp;<span class="hljs-selector-class">.swiper-rtl</span> <span class="hljs-selector-class">.swiper-button-prev</span>,&amp;<span class="hljs-selector-class">.swiper-rtl</span>~<span class="hljs-selector-class">.swiper-button-prev</span>,&amp;~<span class="hljs-selector-class">.swiper-button-next</span>,<span class="hljs-selector-class">.swiper-button-next</span>{<span class="hljs-attribute">left</span>:auto;<span class="hljs-attribute">right</span>:<span class="hljs-built_in">var</span>(--swiper-navigation-sides-offset,<span class="hljs-number">4px</span>)}&amp;<span class="hljs-selector-class">.swiper-rtl</span> <span class="hljs-selector-class">.swiper-button-next</span>,&amp;<span class="hljs-selector-class">.swiper-rtl</span>~<span class="hljs-selector-class">.swiper-button-next</span>,&amp;~<span class="hljs-selector-class">.swiper-button-prev</span>,<span class="hljs-selector-class">.swiper-button-prev</span>{<span class="hljs-selector-class">.swiper-navigation-icon</span>{<span class="hljs-attribute">transform</span>:<span class="hljs-built_in">rotate</span>(<span class="hljs-number">180deg</span>)}}&amp;<span class="hljs-selector-class">.swiper-rtl</span> <span class="hljs-selector-class">.swiper-button-prev</span>,&amp;<span class="hljs-selector-class">.swiper-rtl</span>~<span class="hljs-selector-class">.swiper-button-prev</span>{<span class="hljs-selector-class">.swiper-navigation-icon</span>{<span class="hljs-attribute">transform</span>:<span class="hljs-built_in">rotate</span>(<span class="hljs-number">0deg</span>)}}}<span class="hljs-selector-class">.swiper-vertical</span>{<span class="hljs-selector-class">.swiper-button-next</span>,<span class="hljs-selector-class">.swiper-button-prev</span>,~<span class="hljs-selector-class">.swiper-button-next</span>,~<span class="hljs-selector-class">.swiper-button-prev</span>{<span class="hljs-attribute">left</span>:<span class="hljs-built_in">var</span>(--swiper-navigation-top-offset,<span class="hljs-number">50%</span>);<span class="hljs-attribute">margin-left</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">margin-top</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">right</span>:auto}<span class="hljs-selector-class">.swiper-button-prev</span>,~<span class="hljs-selector-class">.swiper-button-prev</span>{<span class="hljs-attribute">bottom</span>:auto;<span class="hljs-attribute">top</span>:<span class="hljs-built_in">var</span>(--swiper-navigation-sides-offset,<span class="hljs-number">4px</span>);<span class="hljs-selector-class">.swiper-navigation-icon</span>{<span class="hljs-attribute">transform</span>:<span class="hljs-built_in">rotate</span>(-<span class="hljs-number">90deg</span>)}}<span class="hljs-selector-class">.swiper-button-next</span>,~<span class="hljs-selector-class">.swiper-button-next</span>{<span class="hljs-attribute">bottom</span>:<span class="hljs-built_in">var</span>(--swiper-navigation-sides-offset,<span class="hljs-number">4px</span>);<span class="hljs-attribute">top</span>:auto;<span class="hljs-selector-class">.swiper-navigation-icon</span>{<span class="hljs-attribute">transform</span>:<span class="hljs-built_in">rotate</span>(<span class="hljs-number">90deg</span>)}}}<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">transform</span>:<span class="hljs-built_in">translateZ</span>(<span class="hljs-number">0</span>);<span class="hljs-attribute">transition</span>:opacity .<span class="hljs-number">3s</span>;<span class="hljs-attribute">z-index</span>:<span class="hljs-number">10</span>;&amp;<span class="hljs-selector-class">.swiper-pagination-hidden</span>{<span class="hljs-attribute">opacity</span>:<span class="hljs-number">0</span>}&amp;<span class="hljs-selector-class">.swiper-pagination-disabled</span>,<span class="hljs-selector-class">.swiper-pagination-disabled</span>&gt;&amp;{<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-built_in">var</span>(--swiper-pagination-bottom,<span class="hljs-number">8px</span>);<span class="hljs-attribute">left</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">top</span>:<span class="hljs-built_in">var</span>(--swiper-pagination-top,auto);<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">font-size</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">overflow</span>:hidden;<span class="hljs-selector-class">.swiper-pagination-bullet</span>{<span class="hljs-attribute">position</span>:relative;<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-active</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-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-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-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-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">background</span>:<span class="hljs-built_in">var</span>(--swiper-pagination-bullet-inactive-color,<span class="hljs-number">#000</span>);<span class="hljs-attribute">border-radius</span>:<span class="hljs-built_in">var</span>(--swiper-pagination-bullet-border-radius,<span class="hljs-number">50%</span>);<span class="hljs-attribute">display</span>:inline-block;<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">opacity</span>:<span class="hljs-built_in">var</span>(--swiper-pagination-bullet-inactive-opacity,.<span class="hljs-number">2</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-selector-tag">button</span>&amp;{<span class="hljs-attribute">appearance</span>:none;<span class="hljs-attribute">border</span>:none;<span class="hljs-attribute">box-shadow</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-selector-class">.swiper-pagination-clickable</span> &amp;{<span class="hljs-attribute">cursor</span>:pointer}&amp;<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">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">opacity</span>:<span class="hljs-built_in">var</span>(--swiper-pagination-bullet-opacity,<span class="hljs-number">1</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-vertical</span>&gt;<span class="hljs-selector-class">.swiper-pagination-bullets</span>{<span class="hljs-attribute">left</span>:<span class="hljs-built_in">var</span>(--swiper-pagination-left,auto);<span class="hljs-attribute">right</span>:<span class="hljs-built_in">var</span>(--swiper-pagination-right,<span class="hljs-number">8px</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">0</span>,-<span class="hljs-number">50%</span>,<span class="hljs-number">0</span>);<span class="hljs-selector-class">.swiper-pagination-bullet</span>{<span class="hljs-attribute">display</span>:block;<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>}&amp;<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-bullet</span>{<span class="hljs-attribute">display</span>:inline-block;<span class="hljs-attribute">transition</span>:transform .<span class="hljs-number">2s</span>,top .<span class="hljs-number">2s</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-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>)}&amp;<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-pagination-bullet</span>{<span class="hljs-attribute">transition</span>:transform .<span class="hljs-number">2s</span>,left .<span class="hljs-number">2s</span>}}}<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>:transform .<span class="hljs-number">2s</span>,right .<span class="hljs-number">2s</span>}<span class="hljs-selector-class">.swiper-pagination-fraction</span>{<span class="hljs-attribute">color</span>:<span class="hljs-built_in">var</span>(--swiper-pagination-fraction-color,inherit)}<span class="hljs-selector-class">.swiper-pagination-progressbar</span>{<span class="hljs-attribute">background</span>:<span class="hljs-built_in">var</span>(--swiper-pagination-progressbar-bg-color,<span class="hljs-number">#00000040</span>);<span class="hljs-attribute">position</span>:absolute;<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">height</span>:<span class="hljs-number">100%</span>;<span class="hljs-attribute">left</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">position</span>:absolute;<span class="hljs-attribute">top</span>:<span class="hljs-number">0</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-attribute">width</span>:<span class="hljs-number">100%</span>}<span class="hljs-selector-class">.swiper-rtl</span> &amp; <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>}&amp;<span class="hljs-selector-class">.swiper-pagination-horizontal</span>,&amp;<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-horizontal</span>&gt;&amp;,<span class="hljs-selector-class">.swiper-vertical</span>&gt;&amp;<span class="hljs-selector-class">.swiper-pagination-progressbar-opposite</span>{<span class="hljs-attribute">height</span>:<span class="hljs-built_in">var</span>(--swiper-pagination-progressbar-size,<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-attribute">width</span>:<span class="hljs-number">100%</span>}&amp;<span class="hljs-selector-class">.swiper-pagination-horizontal</span><span class="hljs-selector-class">.swiper-pagination-progressbar-opposite</span>,&amp;<span class="hljs-selector-class">.swiper-pagination-vertical</span>,<span class="hljs-selector-class">.swiper-horizontal</span>&gt;&amp;<span class="hljs-selector-class">.swiper-pagination-progressbar-opposite</span>,<span class="hljs-selector-class">.swiper-vertical</span>&gt;&amp;{<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-attribute">width</span>:<span class="hljs-built_in">var</span>(--swiper-pagination-progressbar-size,<span class="hljs-number">4px</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">background</span>:<span class="hljs-built_in">var</span>(--swiper-scrollbar-bg-color,<span class="hljs-number">#0000001a</span>);<span class="hljs-attribute">border-radius</span>:<span class="hljs-built_in">var</span>(--swiper-scrollbar-border-radius,<span class="hljs-number">10px</span>);<span class="hljs-attribute">position</span>:relative;<span class="hljs-attribute">touch-action</span>:none;&amp;<span class="hljs-selector-class">.swiper-scrollbar-disabled</span>,<span class="hljs-selector-class">.swiper-scrollbar-disabled</span>&gt;&amp;{<span class="hljs-attribute">display</span>:none<span class="hljs-meta">!important</span>}&amp;<span class="hljs-selector-class">.swiper-scrollbar-horizontal</span>,<span class="hljs-selector-class">.swiper-horizontal</span>&gt;&amp;{<span class="hljs-attribute">bottom</span>:<span class="hljs-built_in">var</span>(--swiper-scrollbar-bottom,<span class="hljs-number">4px</span>);<span class="hljs-attribute">height</span>:<span class="hljs-built_in">var</span>(--swiper-scrollbar-size,<span class="hljs-number">4px</span>);<span class="hljs-attribute">left</span>:<span class="hljs-built_in">var</span>(--swiper-scrollbar-sides-offset,<span class="hljs-number">1%</span>);<span class="hljs-attribute">position</span>:absolute;<span class="hljs-attribute">top</span>:<span class="hljs-built_in">var</span>(--swiper-scrollbar-top,auto);<span class="hljs-attribute">width</span>:<span class="hljs-built_in">calc</span>(<span class="hljs-number">100%</span> - <span class="hljs-built_in">var</span>(--swiper-scrollbar-sides-offset, <span class="hljs-number">1%</span>)*<span class="hljs-number">2</span>);<span class="hljs-attribute">z-index</span>:<span class="hljs-number">50</span>}&amp;<span class="hljs-selector-class">.swiper-scrollbar-vertical</span>,<span class="hljs-selector-class">.swiper-vertical</span>&gt;&amp;{<span class="hljs-attribute">height</span>:<span class="hljs-built_in">calc</span>(<span class="hljs-number">100%</span> - <span class="hljs-built_in">var</span>(--swiper-scrollbar-sides-offset, <span class="hljs-number">1%</span>)*<span class="hljs-number">2</span>);<span class="hljs-attribute">left</span>:<span class="hljs-built_in">var</span>(--swiper-scrollbar-left,auto);<span class="hljs-attribute">position</span>:absolute;<span class="hljs-attribute">right</span>:<span class="hljs-built_in">var</span>(--swiper-scrollbar-right,<span class="hljs-number">4px</span>);<span class="hljs-attribute">top</span>:<span class="hljs-built_in">var</span>(--swiper-scrollbar-sides-offset,<span class="hljs-number">1%</span>);<span class="hljs-attribute">width</span>:<span class="hljs-built_in">var</span>(--swiper-scrollbar-size,<span class="hljs-number">4px</span>);<span class="hljs-attribute">z-index</span>:<span class="hljs-number">50</span>}}<span class="hljs-selector-class">.swiper-scrollbar-drag</span>{<span class="hljs-attribute">background</span>:<span class="hljs-built_in">var</span>(--swiper-scrollbar-drag-bg-color,<span class="hljs-number">#00000080</span>);<span class="hljs-attribute">border-radius</span>:<span class="hljs-built_in">var</span>(--swiper-scrollbar-border-radius,<span class="hljs-number">10px</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">position</span>:relative;<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-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">align-items</span>:center;<span class="hljs-attribute">display</span>:flex;<span class="hljs-attribute">height</span>:<span class="hljs-number">100%</span>;<span class="hljs-attribute">justify-content</span>:center;<span class="hljs-attribute">text-align</span>:center;<span class="hljs-attribute">width</span>:<span class="hljs-number">100%</span>;&gt;<span class="hljs-selector-tag">canvas</span>,&gt;<span class="hljs-selector-tag">img</span>,&gt;<span class="hljs-selector-tag">svg</span>{<span class="hljs-attribute">max-height</span>:<span class="hljs-number">100%</span>;<span class="hljs-attribute">max-width</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-attribute">touch-action</span>:none}<span class="hljs-selector-class">.swiper</span> <span class="hljs-selector-class">.swiper-notification</span>{<span class="hljs-attribute">left</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">opacity</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">pointer-events</span>:none;<span class="hljs-attribute">position</span>:absolute;<span class="hljs-attribute">top</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">margin</span>:<span class="hljs-number">0</span> auto;<span class="hljs-attribute">transition-timing-function</span>:ease-out}<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-direction</span>:column;<span class="hljs-attribute">flex-wrap</span>:wrap}<span class="hljs-selector-class">.swiper-fade</span>{&amp;<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-slide</span>{<span class="hljs-attribute">pointer-events</span>:none;<span class="hljs-attribute">transition-property</span>:opacity;<span class="hljs-selector-class">.swiper-slide</span>{<span class="hljs-attribute">pointer-events</span>:none}}<span class="hljs-selector-class">.swiper-slide-active</span>{<span class="hljs-attribute">pointer-events</span>:auto;&amp; <span class="hljs-selector-class">.swiper-slide-active</span>{<span class="hljs-attribute">pointer-events</span>:auto}}}<span class="hljs-selector-class">.swiper</span><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">backface-visibility</span>:hidden;<span class="hljs-attribute">height</span>:<span class="hljs-number">100%</span>;<span class="hljs-attribute">pointer-events</span>:none;<span class="hljs-attribute">transform-origin</span>:<span class="hljs-number">0</span> <span class="hljs-number">0</span>;<span class="hljs-attribute">visibility</span>:hidden;<span class="hljs-attribute">width</span>:<span class="hljs-number">100%</span>;<span class="hljs-attribute">z-index</span>:<span class="hljs-number">1</span>;<span class="hljs-selector-class">.swiper-slide</span>{<span class="hljs-attribute">pointer-events</span>:none}}&amp;<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-slide-active</span>{&amp;,&amp; <span class="hljs-selector-class">.swiper-slide-active</span>{<span class="hljs-attribute">pointer-events</span>:auto}}<span class="hljs-selector-class">.swiper-slide-active</span>,<span class="hljs-selector-class">.swiper-slide-next</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-shadow</span>{<span class="hljs-attribute">bottom</span>:<span class="hljs-number">0</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">opacity</span>:.<span class="hljs-number">6</span>;<span class="hljs-attribute">position</span>:absolute;<span class="hljs-attribute">width</span>:<span class="hljs-number">100%</span>;<span class="hljs-attribute">z-index</span>:<span class="hljs-number">0</span>;&amp;<span class="hljs-selector-pseudo">:before</span>{<span class="hljs-attribute">background</span>:<span class="hljs-number">#000</span>;<span class="hljs-attribute">bottom</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">content</span>:<span class="hljs-string">&quot;&quot;</span>;<span class="hljs-attribute">filter</span>:<span class="hljs-built_in">blur</span>(<span class="hljs-number">50px</span>);<span class="hljs-attribute">left</span>:<span class="hljs-number">0</span>;<span class="hljs-attribute">position</span>:absolute;<span class="hljs-attribute">right</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-cube</span>{<span class="hljs-selector-class">.swiper-slide-next</span>+<span class="hljs-selector-class">.swiper-slide</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-cube</span><span class="hljs-selector-class">.swiper-slide-shadow-bottom</span>,<span class="hljs-selector-class">.swiper-slide-shadow-cube</span><span class="hljs-selector-class">.swiper-slide-shadow-left</span>,<span class="hljs-selector-class">.swiper-slide-shadow-cube</span><span class="hljs-selector-class">.swiper-slide-shadow-right</span>,<span class="hljs-selector-class">.swiper-slide-shadow-cube</span><span class="hljs-selector-class">.swiper-slide-shadow-top</span>{<span class="hljs-attribute">backface-visibility</span>:hidden;<span class="hljs-attribute">z-index</span>:<span class="hljs-number">0</span>}}<span class="hljs-selector-class">.swiper</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">backface-visibility</span>:hidden;<span class="hljs-attribute">pointer-events</span>:none;<span class="hljs-attribute">z-index</span>:<span class="hljs-number">1</span>;<span class="hljs-selector-class">.swiper-slide</span>{<span class="hljs-attribute">pointer-events</span>:none}}<span class="hljs-selector-class">.swiper-slide-active</span>{&amp;,&amp; <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-flip</span><span class="hljs-selector-class">.swiper-slide-shadow-bottom</span>,<span class="hljs-selector-class">.swiper-slide-shadow-flip</span><span class="hljs-selector-class">.swiper-slide-shadow-left</span>,<span class="hljs-selector-class">.swiper-slide-shadow-flip</span><span class="hljs-selector-class">.swiper-slide-shadow-right</span>,<span class="hljs-selector-class">.swiper-slide-shadow-flip</span><span class="hljs-selector-class">.swiper-slide-shadow-top</span>{<span class="hljs-attribute">backface-visibility</span>:hidden;<span class="hljs-attribute">z-index</span>:<span class="hljs-number">0</span>}}<span class="hljs-selector-class">.swiper-creative</span>{<span class="hljs-selector-class">.swiper-slide</span>{<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</span><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">backface-visibility</span>:hidden;<span class="hljs-attribute">overflow</span>:hidden;<span class="hljs-attribute">transform-origin</span>:center bottom}}</div></div></div></main></body></html>