{"id":13449782,"url":"https://github.com/innocenzi/tailwindcss-scroll-snap","last_synced_at":"2025-03-22T22:33:48.245Z","repository":{"id":46913084,"uuid":"232356368","full_name":"innocenzi/tailwindcss-scroll-snap","owner":"innocenzi","description":"CSS Scroll Snap utilities for Tailwind CSS","archived":true,"fork":false,"pushed_at":"2021-09-29T14:02:42.000Z","size":1224,"stargazers_count":172,"open_issues_count":7,"forks_count":8,"subscribers_count":3,"default_branch":"main","last_synced_at":"2024-10-28T16:45:24.904Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/innocenzi.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-01-07T15:37:46.000Z","updated_at":"2024-02-21T09:51:44.000Z","dependencies_parsed_at":"2022-09-23T08:40:22.343Z","dependency_job_id":null,"html_url":"https://github.com/innocenzi/tailwindcss-scroll-snap","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/innocenzi%2Ftailwindcss-scroll-snap","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/innocenzi%2Ftailwindcss-scroll-snap/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/innocenzi%2Ftailwindcss-scroll-snap/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/innocenzi%2Ftailwindcss-scroll-snap/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/innocenzi","download_url":"https://codeload.github.com/innocenzi/tailwindcss-scroll-snap/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245029305,"owners_count":20549684,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-07-31T06:00:55.956Z","updated_at":"2025-03-22T22:33:47.823Z","avatar_url":"https://github.com/innocenzi.png","language":"CSS","funding_links":[],"categories":["Plugins","CSS","Running the update"],"sub_categories":["By Popularity"],"readme":"\u003cp align=\"center\"\u003e\n  \u003ch2 align=\"center\"\u003eNotice\u003c/h2\u003e\n  \u003cp align=\"center\"\u003e\n\t\u003cb\u003eThis plugin is now implemented in Tailwind JIT core and won't be updated anymore.\u003c/b\u003e\n  \u003c/p\u003e\n\u003c/p\u003e\n\n\n\u0026nbsp;\n\u0026nbsp;\n\u0026nbsp;\n\n---\n\n\u0026nbsp;\n\u0026nbsp;\n\u0026nbsp;\n\n\u003cp align=\"center\"\u003e\n  \u003ch1 align=\"center\"\u003eScroll Snap\u003c/h1\u003e\n  \u003cp align=\"center\"\u003e\n    \u003ca href=\"https://github.com/innocenzi/tailwindcss-scroll-snap/releases\"\u003e\n      \u003cimg alt=\"GitHub release (latest SemVer including pre-releases)\" src=\"https://img.shields.io/github/v/release/innocenzi/tailwindcss-scroll-snap?include_prereleases\u0026style=flat-square\"\u003e\n    \u003c/a\u003e\n    \u0026nbsp;\n    \u003ca href=\"https://npmjs.com/package/tailwindcss-scroll-snap\"\u003e\n      \u003cimg alt=\"npm\" src=\"https://img.shields.io/npm/v/tailwindcss-scroll-snap?style=flat-square\"\u003e\n    \u003c/a\u003e\n    \u0026nbsp;\n    \u003ca href=\"https://npmjs.com/package/tailwindcss-scroll-snap\"\u003e\n      \u003cimg alt=\"npm\" src=\"https://img.shields.io/npm/dt/tailwindcss-scroll-snap?style=flat-square\u0026color=blue\"\u003e\n    \u003c/a\u003e\n  \u003c/p\u003e\n\u003c/p\u003e\n\n# Introduction\n\n`tailwindcss-scroll-snap` adds [CSS Scroll Snap](https://css-tricks.com/practical-css-scroll-snapping/) utilities to Tailwind CSS.\n\nIt makes use of [CSS custom properties](https://developer.mozilla.org/en-US/docs/Web/CSS/--*) by default in order to make composable utilities for [Scroll Snap Types](https://developer.mozilla.org/docs/Web/CSS/scroll-snap-type), but you can override the `scrollSnapType` key in your Tailwind config if you don't want to use CSS custom properties.\n\n**Get started:**\n\n```console\n$ yarn add tailwindcss-scroll-snap --dev\n```\n\nAfter installing the NPM package, add it to the plugins part of `tailwind.config.js`.\n\n```js\nmodule.exports = {\n\ttheme: {},\n\tvariants: {\n\t\t// Add variants as needed\n\t\tscrollSnapType: ['responsive'],\n\t},\n\tplugins: [require('tailwindcss-scroll-snap')],\n};\n```\n\n# Usage\n\nThis plugin creates utilities for [`scroll-snap-align`](#align), [`scroll-snap-type`](#Type), [`scroll-snap-stop`](#Stop), [`scroll-margin`](#margin) and [`scroll-padding`](#Padding). Each of them [can be used with variants](https://tailwindcss.com/docs/configuration/#variants).\n\n## Align\n\nUtilities for the [`scroll-snap-align`](https://developer.mozilla.org/docs/Web/CSS/scroll-snap-align) property.\n\n| Class          | Property                     |\n| -------------- | ---------------------------- |\n| `.snap-start`  | `scroll-snap-align: start;`  |\n| `.snap-end`    | `scroll-snap-align: end;`    |\n| `.snap-center` | `scroll-snap-align: center;` |\n\nYou can override `scrollSnapAlign` in the theme of the Tailwind configuration if you want to change them.\n\n## Type\n\nUtilities for the [`scroll-snap-type`](https://developer.mozilla.org/docs/Web/CSS/scroll-snap-type) property.\n\n| Class             | Property                                                                                         |\n| ----------------- | ------------------------------------------------------------------------------------------------ |\n| `.no-snap`        | `.scroll-snap-type: none;`                                                                       |\n| `.snap`           | `.scroll-snap-type: var(--scroll-snap-direction, both) var(--scroll-snap-constraint, mandatory)` |\n| `.snap-x`         | `--scroll-snap-direction: x;`                                                                    |\n| `.snap-y`         | `--scroll-snap-direction: y;`                                                                    |\n| `.snap-both`      | `--scroll-snap-direction: both;`                                                                 |\n| `.snap-block`     | `--scroll-snap-direction: block;`                                                                |\n| `.snap-inline`    | `--scroll-snap-direction: inline;`                                                               |\n| `.snap-mandatory` | `--scroll-snap-constraint: mandatory;`                                                           |\n| `.snap-proximity` | `--scroll-snap-constraint: proximity;`                                                           |\n\nThese utilities work with composition. Except `.no-snap`, you need to combine them. If you're not happy with the way it works, you can override `scrollSnapType` in the theme of the Tailwind configuration.\n\n```html\n\u003csection class=\"snap snap-y snap-mandatory\"\u003e\n\t\u003c!-- ... --\u003e\n\u003c/section\u003e\n```\n\nA configuration for variable-less `scroll-snap-type` utilities could look like that:\n\n```js\n{\n    'no-snap': 'none',\n    'snap-y-mandatory': 'y mandatory',\n    'snap-y-proximity': 'y proximity',\n}\n```\n\nIt is recommended that in the case where you need to override the configuration, you only add utilities you plan on actually using.\n\n## Stop\n\nUtilities for the [`scroll-snap-stop`](https://developer.mozilla.org/docs/Web/CSS/scroll-snap-stop) property.\n\n| Class          | Property                    |\n| -------------- | --------------------------- |\n| `.always-stop` | `scroll-snap-stop: always;` |\n\nYou can override `scrollSnapStop` in the theme of the Tailwind configuration if you want to change them.\n\n## Margin\n\nUtilities for the [`scroll-margin`](https://developer.mozilla.org/docs/Web/CSS/scroll-margin) property.\n\n\u003cdetails\u003e\n\u003csummary\u003eSee the default list.\u003c/summary\u003e\n\u003ctable\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth\u003eClass\u003c/th\u003e\n      \u003cth\u003eProperty\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-m-0\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: 0;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-m-1\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: 0.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-m-2\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: 0.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-m-3\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: 0.75rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-m-4\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: 1rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-m-5\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: 1.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-m-6\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: 1.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-m-8\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: 2rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-m-10\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: 2.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-m-12\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: 3rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-m-16\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: 4rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-m-20\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: 5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-m-24\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: 6rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-m-32\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: 8rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-m-40\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: 10rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-m-48\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: 12rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-m-56\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: 14rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-m-64\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: 16rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-m-auto\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: auto;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-m-px\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: 1px;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-m-1\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: -0.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-m-2\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: -0.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-m-3\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: -0.75rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-m-4\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: -1rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-m-5\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: -1.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-m-6\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: -1.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-m-8\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: -2rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-m-10\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: -2.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-m-12\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: -3rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-m-16\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: -4rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-m-20\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: -5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-m-24\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: -6rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-m-32\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: -8rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-m-40\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: -10rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-m-48\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: -12rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-m-56\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: -14rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-m-64\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: -16rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-m-px\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin: -1px;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-my-0\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 0; scroll-margin-bottom: 0;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mx-0\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 0; scroll-margin-right: 0;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-my-1\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 0.25rem; scroll-margin-bottom: 0.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mx-1\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 0.25rem; scroll-margin-right: 0.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-my-2\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 0.5rem; scroll-margin-bottom: 0.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mx-2\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 0.5rem; scroll-margin-right: 0.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-my-3\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 0.75rem; scroll-margin-bottom: 0.75rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mx-3\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 0.75rem; scroll-margin-right: 0.75rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-my-4\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 1rem; scroll-margin-bottom: 1rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mx-4\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 1rem; scroll-margin-right: 1rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-my-5\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 1.25rem; scroll-margin-bottom: 1.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mx-5\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 1.25rem; scroll-margin-right: 1.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-my-6\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 1.5rem; scroll-margin-bottom: 1.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mx-6\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 1.5rem; scroll-margin-right: 1.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-my-8\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 2rem; scroll-margin-bottom: 2rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mx-8\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 2rem; scroll-margin-right: 2rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-my-10\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 2.5rem; scroll-margin-bottom: 2.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mx-10\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 2.5rem; scroll-margin-right: 2.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-my-12\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 3rem; scroll-margin-bottom: 3rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mx-12\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 3rem; scroll-margin-right: 3rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-my-16\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 4rem; scroll-margin-bottom: 4rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mx-16\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 4rem; scroll-margin-right: 4rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-my-20\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 5rem; scroll-margin-bottom: 5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mx-20\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 5rem; scroll-margin-right: 5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-my-24\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 6rem; scroll-margin-bottom: 6rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mx-24\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 6rem; scroll-margin-right: 6rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-my-32\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 8rem; scroll-margin-bottom: 8rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mx-32\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 8rem; scroll-margin-right: 8rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-my-40\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 10rem; scroll-margin-bottom: 10rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mx-40\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 10rem; scroll-margin-right: 10rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-my-48\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 12rem; scroll-margin-bottom: 12rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mx-48\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 12rem; scroll-margin-right: 12rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-my-56\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 14rem; scroll-margin-bottom: 14rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mx-56\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 14rem; scroll-margin-right: 14rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-my-64\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 16rem; scroll-margin-bottom: 16rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mx-64\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 16rem; scroll-margin-right: 16rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-my-auto\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: auto; scroll-margin-bottom: auto;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mx-auto\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: auto; scroll-margin-right: auto;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-my-px\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 1px; scroll-margin-bottom: 1px;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mx-px\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 1px; scroll-margin-right: 1px;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-my-1\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: -0.25rem; scroll-margin-bottom: -0.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mx-1\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: -0.25rem; scroll-margin-right: -0.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-my-2\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: -0.5rem; scroll-margin-bottom: -0.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mx-2\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: -0.5rem; scroll-margin-right: -0.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-my-3\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: -0.75rem; scroll-margin-bottom: -0.75rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mx-3\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: -0.75rem; scroll-margin-right: -0.75rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-my-4\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: -1rem; scroll-margin-bottom: -1rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mx-4\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: -1rem; scroll-margin-right: -1rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-my-5\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: -1.25rem; scroll-margin-bottom: -1.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mx-5\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: -1.25rem; scroll-margin-right: -1.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-my-6\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: -1.5rem; scroll-margin-bottom: -1.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mx-6\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: -1.5rem; scroll-margin-right: -1.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-my-8\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: -2rem; scroll-margin-bottom: -2rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mx-8\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: -2rem; scroll-margin-right: -2rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-my-10\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: -2.5rem; scroll-margin-bottom: -2.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mx-10\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: -2.5rem; scroll-margin-right: -2.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-my-12\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: -3rem; scroll-margin-bottom: -3rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mx-12\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: -3rem; scroll-margin-right: -3rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-my-16\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: -4rem; scroll-margin-bottom: -4rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mx-16\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: -4rem; scroll-margin-right: -4rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-my-20\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: -5rem; scroll-margin-bottom: -5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mx-20\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: -5rem; scroll-margin-right: -5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-my-24\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: -6rem; scroll-margin-bottom: -6rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mx-24\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: -6rem; scroll-margin-right: -6rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-my-32\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: -8rem; scroll-margin-bottom: -8rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mx-32\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: -8rem; scroll-margin-right: -8rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-my-40\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: -10rem; scroll-margin-bottom: -10rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mx-40\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: -10rem; scroll-margin-right: -10rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-my-48\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: -12rem; scroll-margin-bottom: -12rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mx-48\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: -12rem; scroll-margin-right: -12rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-my-56\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: -14rem; scroll-margin-bottom: -14rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mx-56\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: -14rem; scroll-margin-right: -14rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-my-64\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: -16rem; scroll-margin-bottom: -16rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mx-64\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: -16rem; scroll-margin-right: -16rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-my-px\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: -1px; scroll-margin-bottom: -1px;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mx-px\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: -1px; scroll-margin-right: -1px;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mt-0\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 0;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mr-0\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: 0;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mb-0\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: 0;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-ml-0\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 0;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mt-1\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 0.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mr-1\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: 0.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mb-1\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: 0.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-ml-1\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 0.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mt-2\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 0.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mr-2\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: 0.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mb-2\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: 0.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-ml-2\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 0.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mt-3\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 0.75rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mr-3\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: 0.75rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mb-3\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: 0.75rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-ml-3\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 0.75rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mt-4\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 1rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mr-4\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: 1rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mb-4\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: 1rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-ml-4\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 1rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mt-5\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 1.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mr-5\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: 1.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mb-5\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: 1.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-ml-5\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 1.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mt-6\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 1.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mr-6\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: 1.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mb-6\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: 1.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-ml-6\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 1.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mt-8\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 2rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mr-8\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: 2rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mb-8\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: 2rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-ml-8\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 2rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mt-10\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 2.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mr-10\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: 2.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mb-10\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: 2.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-ml-10\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 2.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mt-12\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 3rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mr-12\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: 3rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mb-12\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: 3rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-ml-12\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 3rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mt-16\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 4rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mr-16\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: 4rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mb-16\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: 4rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-ml-16\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 4rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mt-20\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mr-20\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: 5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mb-20\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: 5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-ml-20\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mt-24\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 6rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mr-24\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: 6rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mb-24\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: 6rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-ml-24\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 6rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mt-32\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 8rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mr-32\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: 8rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mb-32\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: 8rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-ml-32\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 8rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mt-40\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 10rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mr-40\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: 10rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mb-40\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: 10rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-ml-40\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 10rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mt-48\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 12rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mr-48\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: 12rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mb-48\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: 12rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-ml-48\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 12rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mt-56\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 14rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mr-56\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: 14rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mb-56\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: 14rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-ml-56\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 14rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mt-64\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 16rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mr-64\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: 16rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mb-64\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: 16rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-ml-64\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 16rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mt-auto\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: auto;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mr-auto\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: auto;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mb-auto\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: auto;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-ml-auto\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: auto;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mt-px\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: 1px;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mr-px\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: 1px;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-mb-px\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: 1px;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-ml-px\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: 1px;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mt-1\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: -0.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mr-1\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: -0.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mb-1\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: -0.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-ml-1\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: -0.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mt-2\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: -0.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mr-2\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: -0.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mb-2\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: -0.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-ml-2\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: -0.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mt-3\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: -0.75rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mr-3\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: -0.75rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mb-3\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: -0.75rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-ml-3\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: -0.75rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mt-4\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: -1rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mr-4\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: -1rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mb-4\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: -1rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-ml-4\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: -1rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mt-5\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: -1.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mr-5\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: -1.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mb-5\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: -1.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-ml-5\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: -1.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mt-6\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: -1.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mr-6\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: -1.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mb-6\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: -1.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-ml-6\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: -1.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mt-8\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: -2rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mr-8\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: -2rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mb-8\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: -2rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-ml-8\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: -2rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mt-10\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: -2.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mr-10\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: -2.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mb-10\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: -2.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-ml-10\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: -2.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mt-12\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: -3rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mr-12\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: -3rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mb-12\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: -3rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-ml-12\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: -3rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mt-16\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: -4rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mr-16\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: -4rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mb-16\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: -4rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-ml-16\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: -4rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mt-20\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: -5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mr-20\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: -5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mb-20\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: -5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-ml-20\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: -5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mt-24\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: -6rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mr-24\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: -6rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mb-24\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: -6rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-ml-24\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: -6rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mt-32\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: -8rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mr-32\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: -8rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mb-32\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: -8rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-ml-32\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: -8rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mt-40\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: -10rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mr-40\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: -10rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mb-40\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: -10rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-ml-40\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: -10rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mt-48\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: -12rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mr-48\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: -12rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mb-48\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: -12rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-ml-48\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: -12rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mt-56\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: -14rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mr-56\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: -14rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mb-56\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: -14rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-ml-56\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: -14rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mt-64\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: -16rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mr-64\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: -16rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mb-64\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: -16rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-ml-64\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: -16rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mt-px\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-top: -1px;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mr-px\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-right: -1px;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-mb-px\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-bottom: -1px;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.-snap-ml-px\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-margin-left: -1px ;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\u003c/details\u003e\n\nThe default values are inherited from your theme's spacing values, negative values included, just like [`margin`](https://tailwindcss.com/docs/margin).\n\nAlso like `margin`, you can override them your Tailwind theme configuration under the `scrollMargin` key.\n\n## Padding\n\nUtilities for the [`scroll-padding`](https://developer.mozilla.org/docs/Web/CSS/scroll-padding) property.\n\n\u003cdetails\u003e\n\u003csummary\u003eSee the default list.\u003c/summary\u003e\n\u003ctable\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth\u003eClass\u003c/th\u003e\n      \u003cth\u003eProperty\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-p-0\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding: 0;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-p-1\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding: 0.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-p-2\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding: 0.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-p-3\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding: 0.75rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-p-4\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding: 1rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-p-5\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding: 1.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-p-6\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding: 1.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-p-8\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding: 2rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-p-10\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding: 2.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-p-12\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding: 3rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-p-16\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding: 4rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-p-20\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding: 5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-p-24\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding: 6rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-p-32\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding: 8rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-p-40\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding: 10rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-p-48\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding: 12rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-p-56\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding: 14rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-p-64\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding: 16rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-p-px\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding: 1px;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-py-0\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 0; scroll-padding-bottom: 0;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-px-0\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 0; scroll-padding-right: 0;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-py-1\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 0.25rem; scroll-padding-bottom: 0.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-px-1\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 0.25rem; scroll-padding-right: 0.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-py-2\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 0.5rem; scroll-padding-bottom: 0.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-px-2\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 0.5rem; scroll-padding-right: 0.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-py-3\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 0.75rem; scroll-padding-bottom: 0.75rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-px-3\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 0.75rem; scroll-padding-right: 0.75rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-py-4\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 1rem; scroll-padding-bottom: 1rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-px-4\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 1rem; scroll-padding-right: 1rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-py-5\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 1.25rem; scroll-padding-bottom: 1.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-px-5\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 1.25rem; scroll-padding-right: 1.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-py-6\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 1.5rem; scroll-padding-bottom: 1.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-px-6\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 1.5rem; scroll-padding-right: 1.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-py-8\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 2rem; scroll-padding-bottom: 2rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-px-8\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 2rem; scroll-padding-right: 2rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-py-10\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 2.5rem; scroll-padding-bottom: 2.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-px-10\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 2.5rem; scroll-padding-right: 2.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-py-12\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 3rem; scroll-padding-bottom: 3rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-px-12\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 3rem; scroll-padding-right: 3rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-py-16\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 4rem; scroll-padding-bottom: 4rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-px-16\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 4rem; scroll-padding-right: 4rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-py-20\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 5rem; scroll-padding-bottom: 5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-px-20\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 5rem; scroll-padding-right: 5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-py-24\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 6rem; scroll-padding-bottom: 6rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-px-24\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 6rem; scroll-padding-right: 6rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-py-32\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 8rem; scroll-padding-bottom: 8rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-px-32\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 8rem; scroll-padding-right: 8rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-py-40\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 10rem; scroll-padding-bottom: 10rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-px-40\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 10rem; scroll-padding-right: 10rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-py-48\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 12rem; scroll-padding-bottom: 12rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-px-48\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 12rem; scroll-padding-right: 12rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-py-56\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 14rem; scroll-padding-bottom: 14rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-px-56\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 14rem; scroll-padding-right: 14rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-py-64\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 16rem; scroll-padding-bottom: 16rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-px-64\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 16rem; scroll-padding-right: 16rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-py-px\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 1px; scroll-padding-bottom: 1px;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-px-px\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 1px; scroll-padding-right: 1px;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pt-0\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 0;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pr-0\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-right: 0;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pb-0\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-bottom: 0;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pl-0\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 0;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pt-1\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 0.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pr-1\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-right: 0.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pb-1\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-bottom: 0.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pl-1\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 0.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pt-2\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 0.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pr-2\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-right: 0.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pb-2\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-bottom: 0.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pl-2\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 0.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pt-3\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 0.75rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pr-3\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-right: 0.75rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pb-3\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-bottom: 0.75rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pl-3\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 0.75rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pt-4\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 1rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pr-4\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-right: 1rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pb-4\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-bottom: 1rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pl-4\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 1rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pt-5\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 1.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pr-5\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-right: 1.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pb-5\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-bottom: 1.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pl-5\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 1.25rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pt-6\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 1.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pr-6\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-right: 1.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pb-6\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-bottom: 1.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pl-6\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 1.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pt-8\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 2rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pr-8\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-right: 2rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pb-8\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-bottom: 2rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pl-8\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 2rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pt-10\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 2.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pr-10\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-right: 2.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pb-10\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-bottom: 2.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pl-10\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 2.5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pt-12\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 3rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pr-12\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-right: 3rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pb-12\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-bottom: 3rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pl-12\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 3rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pt-16\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 4rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pr-16\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-right: 4rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pb-16\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-bottom: 4rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pl-16\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 4rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pt-20\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pr-20\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-right: 5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pb-20\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-bottom: 5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pl-20\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 5rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pt-24\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 6rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pr-24\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-right: 6rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pb-24\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-bottom: 6rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pl-24\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 6rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pt-32\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 8rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pr-32\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-right: 8rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pb-32\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-bottom: 8rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pl-32\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 8rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pt-40\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 10rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pr-40\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-right: 10rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pb-40\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-bottom: 10rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pl-40\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 10rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pt-48\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 12rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pr-48\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-right: 12rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pb-48\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-bottom: 12rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pl-48\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 12rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pt-56\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 14rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pr-56\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-right: 14rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pb-56\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-bottom: 14rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pl-56\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 14rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pt-64\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 16rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pr-64\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-right: 16rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pb-64\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-bottom: 16rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pl-64\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 16rem;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pt-px\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-top: 1px;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pr-px\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-right: 1px;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pb-px\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-bottom: 1px;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e.snap-pl-px\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003escroll-padding-left: 1px ;\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n\u003c/details\u003e\n\nThe default values are inherited from your theme's spacing values, negative values included, just like [`padding`](https://tailwindcss.com/docs/padding).\n\nAlso like `padding`, you can override them your Tailwind theme configuration under the `scrollPadding` key.\n\n# Compatibility\n\nPlease note that IE11 [doesn't support CSS custom properties](https://caniuse.com/#feat=css-variables). If you have to support IE11, please override the `scroll-snap-type` utilities.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Finnocenzi%2Ftailwindcss-scroll-snap","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Finnocenzi%2Ftailwindcss-scroll-snap","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Finnocenzi%2Ftailwindcss-scroll-snap/lists"}