File "191-d27f9ab0380a689a7c84.js"

Full Path: /home/vantageo/public_html/wp-admin/.wp-cli/wp-content/plugins/font-awesome/admin/build/191-d27f9ab0380a689a7c84.js
File size: 579.49 KB
MIME-type: text/plain
Charset: utf-8

"use strict";(self.webpackChunkfont_awesome_admin=self.webpackChunkfont_awesome_admin||[]).push([[191],{4191:(n,a,t)=>{t.r(a),t.d(a,{fa_icon_chooser:()=>l});var i=t(858),r=t(9327);const o={prefix:"fas",iconName:"sad-tear",icon:[496,512,[],"f5b4","M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm80 168c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zM152 416c-26.5 0-48-21-48-47 0-20 28.5-60.4 41.6-77.8 3.2-4.3 9.6-4.3 12.8 0C171.5 308.6 200 349 200 369c0 26-21.5 47-48 47zm16-176c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm170.2 154.2C315.8 367.4 282.9 352 248 352c-21.2 0-21.2-32 0-32 44.4 0 86.3 19.6 114.7 53.8 13.8 16.4-11.2 36.5-24.5 20.4z"]},e={prefix:"far",iconName:"tire",icon:[512,512,[],"f631","M202.1 290.3L140.5 310.3C158.8 349.1 195.9 376.8 240 382.4V317.7C224.2 313.6 210.7 303.8 202.1 290.3zM192 256c0-15.45 5.695-29.43 14.81-40.48L168.6 162.1C143.8 186.4 128 219.3 128 256c0 8.207 .9251 16.2 2.408 23.98L192.4 259.8C192.3 258.5 192 257.3 192 256zM256 191.1c8.287 0 16.15 1.705 23.41 4.572l37.94-52.2C299.1 134.3 278.3 128 256 128S212.9 134.3 194.6 144.4l37.94 52.2C239.8 193.7 247.7 191.1 256 191.1zM305.2 215.5C314.3 226.6 320 240.6 320 256c0 1.314-.3086 2.545-.3867 3.84l61.98 20.14C383.1 272.2 384 264.2 384 256c0-36.73-15.76-69.65-40.63-93.01L305.2 215.5zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 416c-88.37 0-160-71.63-160-160s71.63-160 160-160s160 71.63 160 160S344.4 416 256 416zM272 317.7v64.64c44.12-5.588 81.16-33.31 99.47-72.04l-61.6-20.02C301.3 303.8 287.8 313.6 272 317.7zM288 256c0-17.64-14.36-32-32-32S224 238.4 224 256s14.36 32 32 32S288 273.6 288 256z"]},p={"fatal-error-heading":"Well, this is awkward...","fatal-error-detail":"Something has gone horribly wrong. Check the console for additional error information.","start-view-heading":"Font Awesome is the web's most popular icon set, with tons of icons in a variety of styles."};p["start-view-detail"]=(0,i.h)(r.F,null,"Not sure where to start? Here are some favorites, or try a search for ",(0,i.h)("strong",null,"spinners"),", ",(0,i.h)("strong",null,"shopping"),", ",(0,i.h)("strong",null,"food"),", or"," ",(0,i.h)("strong",null,"whatever you're looking for"),"."),p["initial-loading-view-heading"]="Fetching icons",p["initial-loading-view-detail"]="When this thing gets up to 88 mph...",p["search-field-label-free"]="Search Font Awesome Free Icons in Version",p["search-field-label-pro"]="Search Font Awesome Pro Icons in Version",p["search-field-placeholder"]="Find icons by name, category, or keyword",p["searching-free"]="You're searching Font Awesome Free icons in version",p["searching-pro"]="You're searching Font Awesome Pro icons in version",p["kit-has-no-uploaded-icons"]="This kit contains no uploaded icons.",p["no-search-results-heading"]="Sorry, we couldn't find anything for that.",p["no-search-results-detail"]="You might try a different search...",p["suggest-icon-upload"]=(0,i.h)(r.F,null,"Or"," ",(0,i.h)("a",{href:"https://fontawesome.com/v5.15/how-to-use/on-the-web/using-kits/uploading-icons",target:"_blank"},"upload your own icon")," ","to a Pro Kit!"),p["get-fontawesome-pro"]=(0,i.h)(r.F,null,"Or"," ",(0,i.h)("a",{href:"https://fontawesome.com/",target:"_blank"},"use Font Awesome Pro")," ","for more icons and styles!");let l=class{constructor(n){(0,i.r)(this,n),this.finish=(0,i.e)(this,"finish",7),this.query="",this.isQuerying=!1,this.isInitialLoading=!1,this.hasQueried=!1,this.icons=[],this.fatalError=!1,this.familyStyles={classic:{solid:{prefix:"fas"},regular:{prefix:"far"},brands:{prefix:"fab"}}},this.prefixToFamilyStyle={},this.selectedFamily="classic",this.selectedStyle="solid",this.activeSlotDefaults={},this.updateQueryResultsWithDebounce=r.l.debounce((n=>{this.updateQueryResults(n).catch((n=>{console.error(n),this.fatalError=!0}))}),500)}familyNameToLabel(n){return n}styleNameToLabel(n){return n}getFamilies(){return Object.keys(this.familyStyles)}selectFamily(n){const a=n.target.value;if("string"==typeof a&&"object"==typeof this.familyStyles[a]){this.selectedFamily=a;const n=this.getStylesForSelectedFamily();this.selectedStyle=n[0]}}selectStyle(n){const a=n.target.value;"string"==typeof a&&"string"==typeof this.selectedFamily&&"object"==typeof this.familyStyles[this.selectedFamily]&&(this.selectedStyle=a)}getPrefixForFamilyStyle(n,a){return r.l.get(this.familyStyles,[n,a,"prefix"])}getSelectedPrefix(){return this.getPrefixForFamilyStyle(this.selectedFamily,this.selectedStyle)}getStylesForSelectedFamily(){return"string"==typeof this.selectedFamily&&"object"==typeof this.familyStyles[this.selectedFamily]?Object.keys(this.familyStyles[this.selectedFamily]):[]}buildFamilyStyleReverseLookup(){const n={};for(const a in this.familyStyles)for(const t in this.familyStyles[a])n[this.familyStyles[a][t].prefix]={family:a,style:t};this.prefixToFamilyStyle=n}prefixToFamilyStylePathSegment(n){const a=r.l.get(this.prefixToFamilyStyle,[n,"family"]),t=r.l.get(this.prefixToFamilyStyle,[n,"style"]);if(a&&t)return"duotone"===a&&"solid"===t?"duotone":"classic"===a?t:`${a}-${t}`}async loadKitMetadata(){const n=await this.handleQuery("\n      query KitMetadata($token: String!) {\n        me {\n          kit(token: $token) {\n            version\n            technologySelected\n            licenseSelected\n            name\n            release {\n              version\n              familyStyles {\n                family\n                style\n                prefix\n              }\n            }\n            iconUploads {\n              name\n              unicode\n              version\n              width\n              height\n              pathData\n            }\n          }\n        }\n      }\n      ",{token:this.kitToken});if(r.l.get(n,"errors"))throw console.error("Font Awesome Icon Chooser GraphQL query errors",n.errors),new Error;const a=r.l.get(n,"data.me.kit");this.kitMetadata=a,this.updateFamilyStyles(r.l.get(a,"release.familyStyles",[]));const t=[],i=r.l.get(n,"data.me.kit.iconUploads",[]);r.l.find(i,(n=>1===n.pathData.length))&&t.push({family:"kit",style:"custom",prefix:"fak"}),r.l.find(i,(n=>n.pathData.length>1))&&t.push({family:"kit-duotone",style:"custom",prefix:"fakd"}),t.length>0&&this.updateFamilyStyles(t)}updateFamilyStyles(n){for(const a of n)r.l.set(this.familyStyles,[a.family,a.style,"prefix"],a.prefix);this.buildFamilyStyleReverseLookup()}resolvedVersion(){return r.l.get(this,"kitMetadata.release.version")||this.version}pro(){return"pro"===r.l.get(this,"kitMetadata.licenseSelected")}async preload(){return this.kitToken?this.loadKitMetadata():Promise.resolve()}setupSlots(){for(const n in p)this.host.querySelector(`[slot="${n}"]`)||(this.activeSlotDefaults[n]=p[n])}slot(n){return this.activeSlotDefaults&&this.activeSlotDefaults[n]||(0,i.h)("slot",{name:n})}componentWillLoad(){if(this.buildFamilyStyleReverseLookup(),!this.kitToken&&!(0,r.i)(this.version))return console.error(`${r.C}: either a kit-token or valid semantic version is required.`,this),void(this.fatalError=!0);this.query="",this.isInitialLoading=!0,this.setupSlots(),this.preload().then((()=>{const n=this.pro(),a=this.kitToken?(0,r.k)(n):(0,r.f)();n&&(this.svgFetchBaseUrl=`${a}/releases/v${this.resolvedVersion()}/svgs`);const t=r.l.get(window,"FontAwesome");return t?Promise.resolve(t):(0,r.c)(this.getUrlText,n,this.resolvedVersion(),a,this.kitToken).then((n=>(document.head.appendChild(n),r.l.get(window,"FontAwesome"))))})).then((n=>{this.svgApi=n;const a=r.l.get(window,"FontAwesome.dom"),t=document.createElement("STYLE");t.setAttribute("type","text/css");const i=document.createTextNode(a.css());t.appendChild(i),this.host.shadowRoot.appendChild(t),this.defaultIcons=(0,r.b)(this.familyStyles),this.setIcons(this.defaultIcons,this.iconUploadsAsIconUploadLookups()),this.commonFaIconProps={svgApi:r.l.get(window,"FontAwesome"),pro:this.pro(),svgFetchBaseUrl:this.svgFetchBaseUrl,kitToken:this.kitToken,getUrlText:this.getUrlText},this.isInitialLoading=!1})).catch((n=>{console.error(n),this.isInitialLoading=!1,this.fatalError=!0}))}async updateQueryResults(n){if(0===r.l.size(n))return;this.isQuerying=!0;const a=await this.handleQuery("\n      query Search($version: String!, $query: String!) {\n        search(version: $version, query: $query, first: 100) {\n          id\n          label\n          familyStylesByLicense {\n            free {\n              family\n              style\n            }\n            pro {\n              family\n              style\n            }\n          }\n        }\n      }",{version:this.resolvedVersion(),query:n}),t=this.iconUploadsAsIconUploadLookups().filter((({iconName:a})=>a.indexOf(n)>-1));let i=a;Array.isArray(r.l.get(i,"data.search"))||(console.warn(`${r.C}: search results may be inaccurate since 'handleQuery' returned an unexpected value:`,a),i={data:{search:[]}}),this.setIcons(i,t),this.hasQueried=!0,this.isQuerying=!1}iconUploadsAsIconUploadLookups(){return r.l.get(this,"kitMetadata.iconUploads",[]).map((n=>{const[a,t]=n.pathData.length>1?["fakd",n.pathData]:["fak",n.pathData[0]];return{prefix:a,iconName:n.name,iconUpload:Object.assign(Object.assign({},n),{pathData:t})}}))}setIcons(n,a){this.icons=(r.l.get(n,"data.search")||[]).reduce(((n,a)=>{const{id:t,familyStylesByLicense:i}=a;return(this.pro()?i.pro:i.free).map((a=>{const i=this.getPrefixForFamilyStyle(a.family,a.style);n.push({iconName:t,prefix:i})})),n}),a)}filteredIcons(){const n=this.getSelectedPrefix();return n?this.icons.filter((({prefix:a})=>a===n)):[]}isV6(){const n=this.resolvedVersion();return n&&"6"===n[0]}mayHaveIconUploads(){return this.pro()}hasIconUploads(){return r.l.size(r.l.get(this,"kitMetadata.iconUploads"))}onSearchInputChange(n){this.query=n.target.value,0===r.l.size(this.query)?this.setIcons(this.defaultIcons,this.iconUploadsAsIconUploadLookups()):this.updateQueryResultsWithDebounce(this.query)}preventDefaultFormSubmit(n){n.preventDefault(),n.stopPropagation()}labelForFamilyOrStyle(n){return n.split("-").map((n=>r.l.capitalize(n))).join(" ")}render(){return this.fatalError?(0,i.h)("div",{class:"fa-icon-chooser"},(0,i.h)("div",{class:"message-loading text-center margin-2xl"},(0,i.h)("h3",null,this.slot("fatal-error-heading")),(0,i.h)("p",null,this.slot("fatal-error-detail")))):this.isInitialLoading?(0,i.h)("div",{class:"fa-icon-chooser"},(0,i.h)("div",{class:"message-loading text-center margin-2xl"},(0,i.h)("h3",null,"Loading..."))):(0,i.h)("div",{class:"fa-icon-chooser"},(0,i.h)("form",{id:"search-form",onSubmit:this.preventDefaultFormSubmit},(0,i.h)("label",{htmlFor:"search",class:"margin-bottom-xs margin-left-xl sr-only"},this.pro()?this.slot("search-field-label-pro"):this.slot("search-field-label-free")," ",this.resolvedVersion()),(0,i.h)("div",{class:"margin-bottom-md"},(0,i.h)("div",{class:"wrap-search margin-bottom-3xs with-icon-before"},(0,i.h)("fa-icon",Object.assign({},this.commonFaIconProps,{stylePrefix:"fas",familyStylePathSegment:this.prefixToFamilyStylePathSegment("fas"),name:"search",class:"icons-search-decorative"})),(0,i.h)("input",{type:"text",name:"search",id:"search",class:"rounded",value:this.query,onInput:this.onSearchInputChange.bind(this),placeholder:this.searchInputPlaceholder||p["search-field-placeholder"]}))),(0,i.h)("div",{class:"style-selectors row"},(0,i.h)("div",{class:"column-6"},(0,i.h)("select",{name:"family-select",onChange:this.selectFamily.bind(this)},this.getFamilies().map((n=>(0,i.h)("option",{value:n},this.labelForFamilyOrStyle(n)))))),(0,i.h)("div",{class:"column-6"},(0,i.h)("select",{name:"style-select",onChange:this.selectStyle.bind(this)},this.getStylesForSelectedFamily().map((n=>(0,i.h)("option",{selected:n==this.selectedStyle,value:n},this.labelForFamilyOrStyle(n)))))))),(0,i.h)("p",{class:"muted size-sm text-center margin-top-xs margin-bottom-xs"},this.pro()?this.slot("searching-pro"):this.slot("searching-free")," ",this.resolvedVersion()),(0,i.h)("div",{class:"wrap-icon-listing margin-y-lg"},!this.isQuerying&&this.mayHaveIconUploads()&&!this.hasIconUploads()&&["kit","kit-duotone"].includes(this.selectedFamily)&&(0,i.h)("article",{class:"text-center margin-2xl"},(0,i.h)("p",{class:"muted size-sm"},this.slot("kit-has-no-uploaded-icons"))),!this.isQuerying&&""===this.query&&(0,i.h)("article",{class:"text-center margin-y-2xl line-length-lg margin-auto"},(0,i.h)("h3",{class:"margin-bottom-md"},this.slot("start-view-heading")),(0,i.h)("p",{class:"margin-bottom-3xl"},this.slot("start-view-detail"))),this.isQuerying?(0,i.h)("article",{class:"message-loading text-center margin-2xl"},(0,i.h)("fa-icon",Object.assign({},this.commonFaIconProps,{icon:e,class:"message-icon fa-2x margin-top-xs fa-spin fa-fw"})),(0,i.h)("h3",null,this.slot("initial-loading-view-header")),(0,i.h)("p",{key:"a",class:"margin-y-md muted"},this.slot("initial-loading-view-detail"))):r.l.size(this.filteredIcons())>0?(0,i.h)("div",{class:"icon-listing"},this.filteredIcons().map((n=>(0,i.h)("article",{class:"wrap-icon",key:`${n.prefix}-${n.iconName}`},(0,i.h)("button",{class:"icon subtle display-flex flex-column flex-items-center flex-content-center",onClick:()=>this.finish.emit((0,r.a)(n))},(0,i.h)("fa-icon",Object.assign({},this.commonFaIconProps,{size:"2x",stylePrefix:n.prefix,familyStylePathSegment:this.prefixToFamilyStylePathSegment(n.prefix),name:n.iconName,iconUpload:r.l.get(n,"iconUpload")})),(0,i.h)("span",{class:"icon-name size-sm text-truncate margin-top-lg"},`${n.iconName}`)))))):(0,i.h)("article",{class:"message message-noresults text-center margin-2xl"},(0,i.h)("span",{key:"b"},(0,i.h)("fa-icon",Object.assign({},this.commonFaIconProps,{icon:o,class:"message-icon fa-2x margin-top-xs"}))),(0,i.h)("h2",{class:"message-title margin-top-lg"},this.slot("no-search-results-heading")),(0,i.h)("p",{key:"c",class:"size-lg"},this.slot("no-search-results-detail")),(0,i.h)("p",{key:"d",class:"muted display-block"},this.pro()?this.slot("suggest-icon-upload"):this.slot("get-fontawesome-pro")))))}get host(){return(0,i.g)(this)}};l.style='/* vendor.css */\n/* stylelint-disable */\n:host {\n  --oc-white: #fff;\n  --oc-black: #000;\n  --oc-gray-0: #f8f9fa;\n  --oc-gray-1: #f1f3f5;\n  --oc-gray-2: #e9ecef;\n  --oc-gray-3: #dee2e6;\n  --oc-gray-4: #ced4da;\n  --oc-gray-5: #adb5bd;\n  --oc-gray-6: #868e96;\n  --oc-gray-7: #495057;\n  --oc-gray-8: #343a40;\n  --oc-gray-9: #212529;\n  --oc-red-0: #fff5f5;\n  --oc-red-1: #ffe3e3;\n  --oc-red-2: #ffc9c9;\n  --oc-red-3: #ffa8a8;\n  --oc-red-4: #ff8787;\n  --oc-red-5: #ff6b6b;\n  --oc-red-6: #fa5252;\n  --oc-red-7: #f03e3e;\n  --oc-red-8: #e03131;\n  --oc-red-9: #c92a2a;\n  --oc-pink-0: #fff0f6;\n  --oc-pink-1: #ffdeeb;\n  --oc-pink-2: #fcc2d7;\n  --oc-pink-3: #faa2c1;\n  --oc-pink-4: #f783ac;\n  --oc-pink-5: #f06595;\n  --oc-pink-6: #e64980;\n  --oc-pink-7: #d6336c;\n  --oc-pink-8: #c2255c;\n  --oc-pink-9: #a61e4d;\n  --oc-grape-0: #f8f0fc;\n  --oc-grape-1: #f3d9fa;\n  --oc-grape-2: #eebefa;\n  --oc-grape-3: #e599f7;\n  --oc-grape-4: #da77f2;\n  --oc-grape-5: #cc5de8;\n  --oc-grape-6: #be4bdb;\n  --oc-grape-7: #ae3ec9;\n  --oc-grape-8: #9c36b5;\n  --oc-grape-9: #862e9c;\n  --oc-violet-0: #f3f0ff;\n  --oc-violet-1: #e5dbff;\n  --oc-violet-2: #d0bfff;\n  --oc-violet-3: #b197fc;\n  --oc-violet-4: #9775fa;\n  --oc-violet-5: #845ef7;\n  --oc-violet-6: #7950f2;\n  --oc-violet-7: #7048e8;\n  --oc-violet-8: #6741d9;\n  --oc-violet-9: #5f3dc4;\n  --oc-indigo-0: #edf2ff;\n  --oc-indigo-1: #dbe4ff;\n  --oc-indigo-2: #bac8ff;\n  --oc-indigo-3: #91a7ff;\n  --oc-indigo-4: #748ffc;\n  --oc-indigo-5: #5c7cfa;\n  --oc-indigo-6: #4c6ef5;\n  --oc-indigo-7: #4263eb;\n  --oc-indigo-8: #3b5bdb;\n  --oc-indigo-9: #364fc7;\n  --oc-blue-0: #e7f5ff;\n  --oc-blue-1: #d0ebff;\n  --oc-blue-2: #a5d8ff;\n  --oc-blue-3: #74c0fc;\n  --oc-blue-4: #4dabf7;\n  --oc-blue-5: #339af0;\n  --oc-blue-6: #228be6;\n  --oc-blue-7: #1c7ed6;\n  --oc-blue-8: #1971c2;\n  --oc-blue-9: #1864ab;\n  --oc-cyan-0: #e3fafc;\n  --oc-cyan-1: #c5f6fa;\n  --oc-cyan-2: #99e9f2;\n  --oc-cyan-3: #66d9e8;\n  --oc-cyan-4: #3bc9db;\n  --oc-cyan-5: #22b8cf;\n  --oc-cyan-6: #15aabf;\n  --oc-cyan-7: #1098ad;\n  --oc-cyan-8: #0c8599;\n  --oc-cyan-9: #0b7285;\n  --oc-teal-0: #e6fcf5;\n  --oc-teal-1: #c3fae8;\n  --oc-teal-2: #96f2d7;\n  --oc-teal-3: #63e6be;\n  --oc-teal-4: #38d9a9;\n  --oc-teal-5: #20c997;\n  --oc-teal-6: #12b886;\n  --oc-teal-7: #0ca678;\n  --oc-teal-8: #099268;\n  --oc-teal-9: #087f5b;\n  --oc-green-0: #ebfbee;\n  --oc-green-1: #d3f9d8;\n  --oc-green-2: #b2f2bb;\n  --oc-green-3: #8ce99a;\n  --oc-green-4: #69db7c;\n  --oc-green-5: #51cf66;\n  --oc-green-6: #40c057;\n  --oc-green-7: #37b24d;\n  --oc-green-8: #2f9e44;\n  --oc-green-9: #2b8a3e;\n  --oc-lime-0: #f4fce3;\n  --oc-lime-1: #e9fac8;\n  --oc-lime-2: #d8f5a2;\n  --oc-lime-3: #c0eb75;\n  --oc-lime-4: #a9e34b;\n  --oc-lime-5: #94d82d;\n  --oc-lime-6: #82c91e;\n  --oc-lime-7: #74b816;\n  --oc-lime-8: #66a80f;\n  --oc-lime-9: #5c940d;\n  --oc-yellow-0: #fff9db;\n  --oc-yellow-1: #fff3bf;\n  --oc-yellow-2: #ffec99;\n  --oc-yellow-3: #ffe066;\n  --oc-yellow-4: #ffd43b;\n  --oc-yellow-5: #fcc419;\n  --oc-yellow-6: #fab005;\n  --oc-yellow-7: #f59f00;\n  --oc-yellow-8: #f08c00;\n  --oc-yellow-9: #e67700;\n  --oc-orange-0: #fff4e6;\n  --oc-orange-1: #ffe8cc;\n  --oc-orange-2: #ffd8a8;\n  --oc-orange-3: #ffc078;\n  --oc-orange-4: #ffa94d;\n  --oc-orange-5: #ff922b;\n  --oc-orange-6: #fd7e14;\n  --oc-orange-7: #f76707;\n  --oc-orange-8: #e8590c;\n  --oc-orange-9: #d9480f;\n}\n/* stylelint-enable */\n/* Box sizing rules */\n*,\n*::before,\n*::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n/* Remove default margin */\n:host,\nbody,\nh1,\nh2,\nh3,\nh4,\np,\nli,\nfigure,\nfigcaption,\nblockquote,\ndl,\ndd {\n  margin: 0;\n}\n/* Set core body defaults */\nbody {\n  min-height: 100vh;\n  scroll-behavior: smooth;\n  text-rendering: optimizeSpeed;\n  line-height: 1.5;\n}\n/* A elements that don\'t have a class get default styles */\na:not([class]) {\n  -webkit-text-decoration-skip: ink;\n          text-decoration-skip-ink: auto;\n}\n/* Make images easier to work with */\nimg {\n  display: block;\n  max-width: 100%;\n}\n/* Inherit fonts for inputs and buttons */\ninput,\nbutton,\ntextarea,\nselect {\n  font: inherit;\n}\n/* Remove all animations and transitions for people that prefer not to see them */\n@media (prefers-reduced-motion: reduce) {\n  * {\n    -webkit-transition-duration: 0.0001s !important;\n            transition-duration: 0.0001s !important;\n    -webkit-animation-duration: 0.0001s !important;\n            animation-duration: 0.0001s !important;\n    -webkit-animation-iteration-count: 1 !important;\n            animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n  }\n}\n/* setting.css */\n:host {\n  /* viewports */\n  --viewport-tablet: 48rem; /* 768px */\n  --viewport-laptop: 64rem; /* 1024px */\n  --viewport-desktop: 96rem; /* 1536px */\n\n  /* colors */\n  --white: var(--oc-white);\n  --black: var(--oc-black);\n\n  /* colors: Brand Grays */\n  --gray-50: #f0f1f3;\n  --gray-100: #e0e2e8;\n  --gray-200: #c3c6d1;\n  --gray-300: #a5abbb;\n  --gray-400: #8991a5;\n  --gray-500: #6d7790;\n  --gray-600: #515e7b;\n  --gray-700: #364767;\n  --gray-800: #183153;\n  --gray-900: #001c40;\n\n  /* colors: red */\n  --red0: var(--oc-red-0);\n  --red1: var(--oc-red-1);\n  --red2: var(--oc-red-2);\n  --red3: var(--oc-red-3);\n  --red4: var(--oc-red-4);\n  --red5: var(--oc-red-5);\n  --red6: var(--oc-red-6);\n  --red7: var(--oc-red-7);\n  --red8: var(--oc-red-8);\n  --red9: var(--oc-red-9);\n\n  /* colors: pink */\n  --pink0: var(--oc-pink-0);\n  --pink1: var(--oc-pink-1);\n  --pink2: var(--oc-pink-2);\n  --pink3: var(--oc-pink-3);\n  --pink4: var(--oc-pink-4);\n  --pink5: var(--oc-pink-5);\n  --pink6: var(--oc-pink-6);\n  --pink7: var(--oc-pink-7);\n  --pink8: var(--oc-pink-8);\n  --pink9: var(--oc-pink-9);\n\n  /* colors: grape */\n  --grape0: var(--oc-grape-0);\n  --grape1: var(--oc-grape-1);\n  --grape2: var(--oc-grape-2);\n  --grape3: var(--oc-grape-3);\n  --grape4: var(--oc-grape-4);\n  --grape5: var(--oc-grape-5);\n  --grape6: var(--oc-grape-6);\n  --grape7: var(--oc-grape-7);\n  --grape8: var(--oc-grape-8);\n  --grape9: var(--oc-grape-9);\n\n  /* colors: violet */\n  --violet0: var(--oc-violet-0);\n  --violet1: var(--oc-violet-1);\n  --violet2: var(--oc-violet-2);\n  --violet3: var(--oc-violet-3);\n  --violet4: var(--oc-violet-4);\n  --violet5: var(--oc-violet-5);\n  --violet6: var(--oc-violet-6);\n  --violet7: var(--oc-violet-7);\n  --violet8: var(--oc-violet-8);\n  --violet9: var(--oc-violet-9);\n\n  /* colors: indigo */\n  --indigo0: var(--oc-indigo-0);\n  --indigo1: var(--oc-indigo-1);\n  --indigo2: var(--oc-indigo-2);\n  --indigo3: var(--oc-indigo-3);\n  --indigo4: var(--oc-indigo-4);\n  --indigo5: var(--oc-indigo-5);\n  --indigo6: var(--oc-indigo-6);\n  --indigo7: var(--oc-indigo-7);\n  --indigo8: var(--oc-indigo-8);\n  --indigo9: var(--oc-indigo-9);\n\n  /* colors: blue */\n  --blue0: var(--oc-blue-0);\n  --blue1: var(--oc-blue-1);\n  --blue2: var(--oc-blue-2);\n  --blue3: var(--oc-blue-3);\n  --blue4: var(--oc-blue-4);\n  --blue5: var(--oc-blue-5);\n  --blue6: var(--oc-blue-6);\n  --blue7: var(--oc-blue-7);\n  --blue8: var(--oc-blue-8);\n  --blue9: var(--oc-blue-9);\n\n  /* colors: cyan */\n  --cyan0: var(--oc-cyan-0);\n  --cyan1: var(--oc-cyan-1);\n  --cyan2: var(--oc-cyan-2);\n  --cyan3: var(--oc-cyan-3);\n  --cyan4: var(--oc-cyan-4);\n  --cyan5: var(--oc-cyan-5);\n  --cyan6: var(--oc-cyan-6);\n  --cyan7: var(--oc-cyan-7);\n  --cyan8: var(--oc-cyan-8);\n  --cyan9: var(--oc-cyan-9);\n\n  /* colors: teal */\n  --teal0: var(--oc-teal-0);\n  --teal1: var(--oc-teal-1);\n  --teal2: var(--oc-teal-2);\n  --teal3: var(--oc-teal-3);\n  --teal4: var(--oc-teal-4);\n  --teal5: var(--oc-teal-5);\n  --teal6: var(--oc-teal-6);\n  --teal7: var(--oc-teal-7);\n  --teal8: var(--oc-teal-8);\n  --teal9: var(--oc-teal-9);\n\n  /* colors: green */\n  --green0: var(--oc-green-0);\n  --green1: var(--oc-green-1);\n  --green2: var(--oc-green-2);\n  --green3: var(--oc-green-3);\n  --green4: var(--oc-green-4);\n  --green5: var(--oc-green-5);\n  --green6: var(--oc-green-6);\n  --green7: var(--oc-green-7);\n  --green8: var(--oc-green-8);\n  --green9: var(--oc-green-9);\n\n  /* colors: lime */\n  --lime0: var(--oc-lime-0);\n  --lime1: var(--oc-lime-1);\n  --lime2: var(--oc-lime-2);\n  --lime3: var(--oc-lime-3);\n  --lime4: var(--oc-lime-4);\n  --lime5: var(--oc-lime-5);\n  --lime6: var(--oc-lime-6);\n  --lime7: var(--oc-lime-7);\n  --lime8: var(--oc-lime-8);\n  --lime9: var(--oc-lime-9);\n\n  /* colors: yellow */\n  --yellow0: var(--oc-yellow-0);\n  --yellow1: var(--oc-yellow-1);\n  --yellow2: var(--oc-yellow-2);\n  --yellow3: var(--oc-yellow-3);\n  --yellow4: var(--oc-yellow-4);\n  --yellow5: var(--oc-yellow-5);\n  --yellow6: var(--oc-yellow-6);\n  --yellow7: var(--oc-yellow-7);\n  --yellow8: var(--oc-yellow-8);\n  --yellow9: var(--oc-yellow-9);\n\n  /* colors: orange */\n  --orange0: var(--oc-orange-0);\n  --orange1: var(--oc-orange-1);\n  --orange2: var(--oc-orange-2);\n  --orange3: var(--oc-orange-3);\n  --orange4: var(--oc-orange-4);\n  --orange5: var(--oc-orange-5);\n  --orange6: var(--oc-orange-6);\n  --orange7: var(--oc-orange-7);\n  --orange8: var(--oc-orange-8);\n  --orange9: var(--oc-orange-9);\n\n  /* Brand Colors\n     Brand Gravy */\n  --fa-dk-navy: var(--gray-900);\n  --fa-navy: var(--gray-800);\n  --fa-dk-gravy: var(--gray-600);\n  --fa-md-gravy: var(--gray-400);\n  --fa-gravy: var(--gray-200);\n  --fa-lt-gravy: var(--gray-50);\n\n  /* Brand Yellow */\n  --fa-yellow: var(--oc-yellow-4);\n  --fa-dk-yellow: var(--oc-yellow-6);\n\n  /* Brand Blue */\n  --fa-blue: var(--oc-blue-3);\n  --fa-dk-blue: var(--oc-blue-7);\n\n  /* Brand Teal */\n  --fa-teal: var(--oc-teal-3);\n  --fa-dk-teal: var(--oc-teal-7);\n\n  /* Brand Red */\n  --fa-red: var(--oc-red-4);\n  --fa-dk-red: var(--oc-red-8);\n\n  /* Brand Purple */\n  --fa-purple: var(--oc-grape-3);\n  --fa-dk-purple: var(--oc-grape-8);\n\n  /* Brand Violet */\n  --fa-violet: var(--oc-violet-3);\n  --fa-dk-violet: var(--oc-violet-8);\n\n  /* focus */\n  --focus-outline-size: 1px;\n  --focus-outline-style: solid;\n  --focus-outline-color: var(--white);\n\n  /* timing */\n  --timing-base: 1s;\n  --timing-glacial: calc(var(--timing-base) * 200); /* 200s */\n  --timing-3xslow: calc(var(--timing-base) * 10); /* 10s */\n  --timing-2xslow: calc(var(--timing-base) * 4); /* 4s */\n  --timing-xslow: calc(var(--timing-base) * 2); /* 2s */\n  --timing-slow: calc(var(--timing-base) * 1.5); /* 1.5s */\n  --timing-md: var(--timing-base);\n  --timing-fast: calc(var(--timing-base) * 0.5); /* 0.5s */\n  --timing-xfast: calc(var(--timing-base) * 0.25); /* 0.25s */\n  --timing-2xfast: calc(var(--timing-base) * 0.1); /* 0.1s */\n\n  /* typography */\n  --font-family-sans-serif: cera-round-pro, "Helvetica Neue", "Helvetica", "Arial", sans-serif; /* Available typefaces in the Fort Awesome kit for WA: "cera-pro" & "cera-round-pro" */\n  --font-family-serif: fa-livory, "Georgia", "Times New Roman", "Times", serif;\n  --font-family-monospace: "Menlo", "Monaco", "Consolas", "Courier New", monospace;\n  --font-family-base: var(--font-family-sans-serif);\n\n  /* viewport scaling */\n  --font-size-root: 14px;\n  --font-size-root-tablet: 16px;\n\n  /* sizes */\n  --size-base: 1em;\n  --size-6xs: calc(var(--size-base) * 0.25);   /* 4px */\n  --size-5xs: calc(var(--size-base) * 0.3125); /* 5px */\n  --size-4xs: calc(var(--size-base) * 0.375);  /* 6px */\n  --size-3xs: calc(var(--size-base) * 0.5);    /* 8px */\n  --size-2xs: calc(var(--size-base) * 0.625);  /* 10px */\n  --size-xs: calc(var(--size-base) * 0.75);    /* 12px */\n  --size-sm: calc(var(--size-base) * 0.875);   /* 14px */\n  --size-md: var(--size-base);                 /* 16px */\n  --size-lg: calc(var(--size-base) * 1.25);    /* 20px */\n  --size-xl: calc(var(--size-base) * 1.5);     /* 24px */\n  --size-2xl: calc(var(--size-base) * 2);      /* 32px */\n  --size-3xl: calc(var(--size-base) * 2.5);    /* 40px */\n  --size-4xl: calc(var(--size-base) * 3);      /* 48px */\n  --size-5xl: calc(var(--size-base) * 3.75);   /* 60px */\n  --size-6xl: calc(var(--size-base) * 4.5);    /* 72px */\n\n  /* font-sizes */\n  --font-size-base: 1em;\n  --font-size-6xs: calc(var(--font-size-base) * 0.25);   /* 4px */\n  --font-size-5xs: calc(var(--font-size-base) * 0.3125); /* 5px */\n  --font-size-4xs: calc(var(--font-size-base) * 0.375);  /* 6px */\n  --font-size-3xs: calc(var(--font-size-base) * 0.5);    /* 8px */\n  --font-size-2xs: calc(var(--font-size-base) * 0.625);  /* 10px */\n  --font-size-xs: calc(var(--font-size-base) * 0.75);    /* 12px */\n  --font-size-sm: calc(var(--font-size-base) * 0.875);   /* 14px */\n  --font-size-md: var(--font-size-base);                 /* 16px */\n  --font-size-lg: calc(var(--font-size-base) * 1.25);    /* 20px */\n  --font-size-xl: calc(var(--font-size-base) * 1.5);     /* 24px */\n  --font-size-2xl: calc(var(--font-size-base) * 2);      /* 32px */\n  --font-size-3xl: calc(var(--font-size-base) * 2.5);    /* 40px */\n  --font-size-4xl: calc(var(--font-size-base) * 3);      /* 48px */\n  --font-size-5xl: calc(var(--font-size-base) * 3.75);   /* 60px */\n  --font-size-6xl: calc(var(--font-size-base) * 4.5);    /* 72px */\n\n  /* size resets */\n  --size-reset-base: 1rem;\n  --size-reset-6xs: calc(var(--size-reset-base) * 0.25);   /* 4px */\n  --size-reset-5xs: calc(var(--size-reset-base) * 0.3125); /* 5px */\n  --size-reset-4xs: calc(var(--size-reset-base) * 0.375);  /* 6px */\n  --size-reset-3xs: calc(var(--size-reset-base) * 0.5);    /* 8px */\n  --size-reset-2xs: calc(var(--size-reset-base) * 0.625);  /* 10px */\n  --size-reset-xs: calc(var(--size-reset-base) * 0.75);    /* 12px */\n  --size-reset-sm: calc(var(--size-reset-base) * 0.875);   /* 14px */\n  --size-reset-md: var(--size-reset-base);                 /* 16px */\n  --size-reset-lg: calc(var(--size-reset-base) * 1.25);    /* 20px */\n  --size-reset-xl: calc(var(--size-reset-base) * 1.5);     /* 24px */\n  --size-reset-2xl: calc(var(--size-reset-base) * 2);      /* 32px */\n  --size-reset-3xl: calc(var(--size-reset-base) * 2.5);    /* 40px */\n  --size-reset-4xl: calc(var(--size-reset-base) * 3);      /* 48px */\n  --size-reset-5xl: calc(var(--size-reset-base) * 3.75);   /* 60px */\n  --size-reset-6xl: calc(var(--size-reset-base) * 4.5);    /* 72px */\n\n  /* spacing */\n  --spacing-base: 1em;                               /* ~16px */\n  --spacing-0: 0;\n  --spacing-1: calc(var(--spacing-base) * 1 / 16);     /* 1px */\n  --spacing-1px: 1px;\n  --spacing-7xs: calc(var(--spacing-base) * 1 / 16); /* 1px */\n  --spacing-6xs: calc(var(--spacing-base) * 2 / 16); /* 2px */\n  --spacing-5xs: calc(var(--spacing-base) * 3 / 16); /* 3px */\n  --spacing-4xs: calc(var(--spacing-base) * 4 / 16); /* 4px */\n  --spacing-3xs: calc(var(--spacing-base) * 6 / 16); /* 6px */\n  --spacing-2xs: calc(var(--spacing-base) * 8 / 16); /* 8px */\n  --spacing-xs: calc(var(--spacing-base) * 10 / 16); /* 10px */\n  --spacing-sm: calc(var(--spacing-base) * 12 / 16); /* 12px */\n  --spacing-md: calc(var(--spacing-base) * 1);       /* 16px */\n  --spacing-lg: calc(var(--spacing-base) * 1.25);    /* 20px */\n  --spacing-xl: calc(var(--spacing-base) * 1.5);     /* 24px */\n  --spacing-2xl: calc(var(--spacing-base) * 2);      /* 32px */\n  --spacing-3xl: calc(var(--spacing-base) * 2.5);    /* 40px */\n  --spacing-4xl: calc(var(--spacing-base) * 3);      /* 48px */\n  --spacing-5xl: calc(var(--spacing-base) * 4);      /* 64px */\n  --spacing-6xl: calc(var(--spacing-base) * 5);      /* 80px */\n  --spacing-7xl: calc(var(--spacing-base) * 6);      /* 96px */\n  --spacing-8xl: calc(var(--spacing-base) * 8);      /* 128px */\n  --spacing-9xl: calc(var(--spacing-base) * 10);     /* 160px */\n  --spacing-10xl: calc(var(--spacing-base) * 12);    /* 192px */\n  --spacing-11xl: calc(var(--spacing-base) * 16);    /* 256px */\n  --spacing-12xl: calc(var(--spacing-base) * 20);    /* 320px */\n\n  /* headings */\n  --headings-font-weight: var(--font-weight-semibold);\n  --headings-font-family: var(--font-family-base);\n  --headings-margin-top: 2em;\n  --h1-font-size: var(--font-size-3xl); /* 40px */\n  --h2-font-size: var(--font-size-2xl); /* 32px */\n  --h3-font-size: var(--font-size-xl);  /* 24px */\n  --h4-font-size: var(--font-size-lg);  /* 20px */\n  --h5-font-size: var(--font-size-md);  /* 16px */\n  --h6-font-size: var(--font-size-xs);  /* 12px */\n  --h1-line-height: calc((40 + 6) / 40);\n  --h2-line-height: calc((32 + 6) / 32);\n  --h3-line-height: calc((24 + 6) / 24);\n  --h4-line-height: calc((20 + 6) / 20);\n  --h5-line-height: calc((16 + 6) / 16);\n  --h6-line-height: calc((12 + 6) / 12);\n  --h1-margin-bottom: calc(8em / 40);\n  --h2-margin-bottom: calc(8em / 32);\n  --h3-margin-bottom: calc(8em / 24);\n  --h4-margin-bottom: calc(8em / 20);\n  --h5-margin-bottom: calc(8em / 16);\n  --h6-margin-bottom: calc(8em / 12);\n\n  /* font-weights */\n  --font-weight-light: 300;\n  --font-weight-normal: 400;\n  --font-weight-semibold: 600;\n  --font-weight-bold: 700;\n\n  /* line heights */\n  --line-height-0: 0;\n  --line-height-base: 1.5;\n  --line-height-sm: 1.25;\n  --line-height-xs: 1.125;\n  --line-height-1: 1;\n  --line-height-md: var(--line-height-base);\n  --line-height-lg: 1.6;\n  --line-height-heading: var(--line-height-xs);\n  --line-height-code: var(--line-height-md);\n  --line-height-copy: var(--line-height-md);\n\n  /* letter-spacing */\n  --letter-spacing-0: 0;\n  --letter-spacing-base: var(--letter-spacing-base);\n  --letter-spacing-lg: 0.025em;\n  --letter-spacing-xl: 0.05em;\n  --letter-spacing-2xl: 0.1em;\n  --letter-spacing-3xl: 0.25em;\n\n  /* depth */\n  --depth--1: -1;\n  --depth-0: 0;\n  --depth-1: 10;\n  --depth-2: 20;\n  --depth-3: 30;\n  --depth-4: 40;\n  --depth-5: 50;\n  --depth-background: var(--depth--1);\n  --depth-foreground: var(--depth-5);\n\n  /* borders */\n  --border-radius-none: 0;\n  --border-radius-sm: 0.5em;\n  --border-radius-md: 0.75em;\n  --border-radius-lg: 1em;\n  --border-radius-circle: 100%;\n  --border-radius-pill: 9999px;\n  --border-width-none: 0;\n  --border-width-sm: 0.125em;\n  --border-width-md: 0.25em;\n  --border-width-lg: 0.5em;\n  --border-style: solid;\n  --border-width: var(--border-width-sm);\n  --border-color: var(--fa-gravy);\n  --border-radius: var(--border-radius-md);\n\n  /* shadows */\n  --with-shadow-box-shadow-color: var(--border-color);\n  --with-shadow-box-shadow-width: 0.25em;\n  --with-shadow-box-shadow: 0 var(--with-shadow-box-shadow-width) 0 var(--with-shadow-box-shadow-color);\n\n  /* line-length */\n  --line-length-2xs: 15ch;\n  --line-length-xs: 30ch;\n  --line-length-sm: 45ch;\n  --line-length-md: 66ch;\n  --line-length-lg: 77ch;\n  --line-length-xl: 90ch;\n\n  /* focus style */\n  --focus-outline: solid 0.1875em var(--blue3); /* 3px outline width. Solid outline style must be set for consistent browser rendering. */\n  --focus-outline-offset: var(--spacing-1);\n\n  /* links */\n  --link-display: inline;\n  --link-transition-duration: var(--timing-2xfast);\n  --link-decoration-line: underline;\n  --link-decoration-style: dotted;\n  --link-decoration-color: currentColor;\n  --link-decoration-thickness: 0.0625em;\n  --link-color: var(--fa-dk-blue);\n  --link-font-weight: var(--font-weight-base);\n  --link-hover-color: var(--fa-blue);\n  --link-active-color: var(--fa-navy);\n  --link-hover-decoration-line: underline;\n  --link-hover-decoration-style: solid;\n  --link-hover-decoration-color: currentColor;\n\n  /* code */\n  --code-background: transparent;\n  --code-color: var(--orange5);\n  --code-font-size: var(--font-size-sm);\n\n  /* paragraphs */\n  --paragraph-margin-top: 0;\n  --paragraph-margin-bottom: var(--spacing-md);\n\n  /* blockquotes */\n  --blockquote-font-family: var(--font-family-serif);\n  --blockquote-font-size: inherit;\n  --blockquote-margin-bottom: var(--spacing-lg);\n  --blockquote-quote-indent: var(--spacing-xl);\n  --blockquote-quote-border-color: var(--gray-300);\n  --blockquote-quote-border-style: solid;\n  --blockquote-quote-border-width: var(--spacing-4xs);\n  --blockquote-footer-color: var(--gray-500);\n  --blockquote-footer-font-family: var(--font-family-base);\n  --blockquote-footer-font-size: var(--font-size-sm);\n  --blockquote-footer-margin-top: calc(var(--paragraph-margin-bottom) * -1);\n  --blockquote-footer-padding-top: var(--spacing-lg);\n\n  /* lists */\n  --list-margin-top: var(--spacing-md);\n  --list-margin-bottom: var(--spacing-md);\n  --list-nested-margin-bottom: var(--spacing-4xs);\n  --list-line-height: calc((16 + 8) / 16);\n  --list-padding-left: var(--spacing-xl);\n  --list-unordered-style-type: disc;\n  --list-ordered-style-type: decimal;\n\n  /* buttons */\n\n  /* --button-transition-timing: var(--timing-2xfast); */\n  --button-min-height: 4em; /* padding based on this value */\n  --button-border-width: var(--border-width-sm);\n  --button-border-radius: var(--border-radius-sm);\n  --button-border-color: currentColor;\n  --button-box-shadow-width: 0.375em;\n  --button-box-shadow: 0 var(--button-box-shadow-width) 0 currentColor;\n  --button-padding-vertical: calc((var(--button-min-height) - (var(--font-size-base) * var(--line-height-base)) - (var(--button-border-width) * 2) - var(--button-box-shadow-width)) / 2);\n  --button-padding-horizontal: var(--spacing-xl);\n  --button-padding: var(--button-padding-vertical) var(--button-padding-horizontal);\n  --button-transition-duration: 0;\n  --button-margin-bottom: 0.875em;\n  --button-font-weight: 600;\n  --button-background: var(--white);\n  --button-decoration: none;\n  --button-decoration-color: unset;\n  --button-color: var(--fa-navy);\n  --button-hover-background: var(--fa-gravy);\n  --button-hover-decoration: none;\n  --button-hover-decoration-color: unset;\n  --button-hover-color: var(--button-color);\n  --button-hover-border-color: currentColor;\n  --button-active-border-width: var(--border-width-sm);\n  --button-active-border-color: var(--fa-navy);\n  --button-active-box-shadow: none;\n  --button-active-background: var(--fa-navy);\n  --button-active-color: var(--button-background);\n  --button-disabled-opacity: 0.5;\n  --button-disabled-background: var(--button-background);\n  --button-padding-roomy: calc(var(--button-padding-vertical) + 0.5em) calc(var(--button-padding-horizontal) + 0.5em);\n  --button-padding-compact: calc(var(--button-padding-vertical) - 0.5em) calc(var(--button-padding-horizontal) - 0.5em);\n\n  /* tables */\n  --table-layout: initial;\n  --table-margin-bottom: var(--spacing-xl);\n  --table-width: 100%;\n  --table-background: inherit;\n  --table-hover-background-color: transparent;\n  --table-head-background: transparent;\n  --table-th-background: transparent;\n  --table-th-border-width: 2px;\n  --table-th-border-style: solid;\n  --table-th-border-color: var(--gray-200);\n  --table-th-font-weight: var(--font-weight-semibold);\n  --table-body-background: transparent;\n  --table-row-background: transparent;\n  --table-striped-row-background: var(--gray-100);\n  --table-cell-border-collapse: collapse;\n  --table-cell-border-spacing: none;\n  --table-cell-text-align: left;\n  --table-cell-vertical-align: initial;\n  --table-cell-spacing-top: 0.5em;\n  --table-cell-spacing-right: 0.75em;\n  --table-cell-spacing-bottom: 0.5em;\n  --table-cell-spacing-left: 0.75em;\n  --table-cell-spacing-compact: calc(var(--table-cell-spacing-top) * 0.5) calc(var(--table-cell-spacing-right) * 0.5) calc(var(--table-cell-spacing-bottom) * 0.5) calc(var(--table-cell-spacing-left) * 0.5);\n  --table-cell-spacing-roomy: calc(var(--table-cell-spacing-top) * 2) calc(var(--table-cell-spacing-right) * 2) calc(var(--table-cell-spacing-bottom) * 2) calc(var(--table-cell-spacing-left) * 2);\n  --table-cell-border-width: 1px;\n  --table-cell-border-style: solid;\n  --table-cell-border-color: var(--gray-100);\n  --table-cell-background: transparent;\n  --table-foot-background: transparent;\n  --table-caption-color: var(--gray-600);\n  --table-caption-side: bottom;\n  --table-caption-text-align: left;\n  --table-caption-text-size: var(--size-sm);\n\n  /* hrs */\n  --hr-border-style: solid;\n  --hr-border-width: var(--border-width-sm);\n  --hr-border-color: var(--fa-gravy);\n  --hr-padding-bottom: 0.25em; /* 8px */\n\n  /* triangles */\n  --triangle-color: var(--white);\n  --triangle-size: 1em;\n\n  /* tags */\n  --tag-border: 0;\n  --tag-border-radius: var(--border-radius-md);\n  --tag-background: var(--fa-gravy);\n  --tag-padding: 0.5em 1em; /* ~6px ~12px */\n  --tag-vertical-align: calc(100% / 12); /* ~1px */\n  --tag-text-transform: uppercase;\n  --tag-letter-spacing: 0.0625em; /* ~0.5px */\n  --tag-color: var(--fa-navy);\n  --tag-font-size: var(--font-size-xs); /* ~12px */\n  --tag-font-weight: bold;\n  --tag-link-hover-color: var(--fa-dk-blue);\n  --top-tag-top: -1em; /* 12px, half of tag height */\n  --top-tag-indent: calc(32em / 12);\n  --top-tag-margin-top: 0.75em; /* 12px, half of tag height */\n\n  /* grid */\n  --grid-gutter-x-width: 0.5rem;\n  --grid-gutter-y-width: 1rem;\n  --grid-outer-gutter-width: 1rem;\n  --grid-min-width: none;\n  --grid-max-width: 100%;\n  --grid-fluid-max-width: 100%;\n  --grid-row-direction: row;\n  --grid-wrap: wrap;\n  --grid-column-direction: column;\n  --tablet-grid-outer-gutter-width: 1rem;\n  --laptop-grid-outer-gutter-width: 2rem;\n  --desktop-grid-outer-gutter-width: 2rem;\n  --tablet-grid-max-width: var(--viewport-tablet);\n  --laptop-grid-max-width: var(--viewport-laptop);\n  --desktop-grid-max-width: var(--viewport-desktop);\n\n  /* default text and background color */\n  --text-color: var(--fa-navy);\n  --text-align: left;\n  --background-color: var(--fa-lt-gravy);\n\n  /* body/page */\n  --body-background: var(--background-color);\n  --body-color: var(--text-color);\n\n  /* messages */\n  --message-min-height: 4em; /* 64px min height for messages. Change this and padding automatically adjusts. */\n  --message-border-width: var(--border-width-sm);\n  --message-border-style: solid;\n  --message-border-color: var(--white);\n  --message-vertical-padding: calc((var(--message-min-height) - (var(--font-size-base) * var(--line-height-base)) - (var(--message-border-width) * 2)) / 2);\n  --message-horizontal-padding: var(--spacing-xl);\n  --message-background: var(--white);\n  --message-color: var(--fa-navy);\n  --message-padding: var(--message-vertical-padding) var(--message-horizontal-padding);\n  --message-border-radius: var(--border-radius-md);\n  --message-margin: 0 0 1em;\n  --message-with-icon-decorative-top: calc((var(--message-vertical-padding) + (var(--line-height-base) - var(--message-with-icon-decorative-scale))/2) / var(--message-with-icon-decorative-scale) * 1em);\n  --message-with-icon-decorative-color: var(--fa-md-gravy);\n  --message-with-icon-decorative-scale: 1.5; /* Scales icon size. Basically like unit-less ems. */\n  --message-roomy-with-icon-decorative-scale: 1.75; /* Scales icon size. Basically like unit-less ems. */\n  --message-roomy-with-icon-decorative-top: calc((1.625 + (var(--line-height-base) - var(--message-roomy-with-icon-decorative-scale))/2) / var(--message-roomy-with-icon-decorative-scale) * 1em);\n  --message-roomy-padding: calc(var(--message-vertical-padding) + 0.5em) calc(var(--message-horizontal-padding) + 0.5em);\n  --message-roomy-min-height: 5em;\n  --message-compact-with-icon-decorative-scale: 1.25; /* Scales icon size. Basically like unit-less ems. */\n  --message-compact-with-icon-decorative-top: calc((0.625 + (var(--line-height-base) - var(--message-compact-with-icon-decorative-scale))/2) / var(--message-compact-with-icon-decorative-scale) * 1em);\n  --message-compact-padding: calc(var(--message-vertical-padding) - 0.5em) calc(var(--message-horizontal-padding) - 0.5em);\n  --message-compact-min-height: 3em;\n\n  /* forms */\n  --fieldset-border-width: var(--border-width-sm) 0;\n  --fieldset-border-style: solid;\n  --fieldset-border-color: var(--fa-md-gravy);\n  --fieldset-background: none;\n  --fieldset-padding: 0 0 var(--spacing-sm) 0;\n  --legend-background: transparent;\n  --legend-padding: 0 var(--spacing-sm) 0 0;\n  --legend-font-weight: bold;\n  --legend-color: var(--fa-dk-gravy);\n  --label-font-weight: bold;\n  --label-font-size: var(--font-size-md);\n  --label-color: var(--text-color);\n  --label-required-color: var(--label-color);\n  --label-disabled-color: var(--fa-dk-gravy);\n  --input-font-size: var(--font-size-md);\n  --input-font-weight: bold;\n  --input-background: var(--white);\n  --input-min-height: 4em; /* 64px min height for input, textarea, & select */\n  --input-padding-vertical: calc((var(--input-min-height) - (var(--input-font-size) * var(--line-height-base)) - (var(--input-border-width) * 2)) / 2);\n  --input-padding-horizontal: var(--spacing-xl);\n  --input-padding: var(--input-padding-vertical) var(--input-padding-horizontal);\n  --input-border-width: var(--border-width-sm);\n  --input-border-style: solid;\n  --input-border-radius: var(--border-radius-md);\n  --input-border-color: var(--fa-md-gravy);\n  --input-box-shadow: inset 0 0.25em 0 0 var(--fa-lt-gravy);\n  --input-with-icon-scale: 1.25;\n  --input-with-icon-color: var(--fa-gravy);\n  --input-affix-background: var(--input-border-color);\n  --input-affix-color: var(--white);\n  --help-font-size: var(--font-size-sm);\n  --help-color: var(--fa-dk-gravy);\n  --input-disabled-box-shadow: none;\n  --input-disabled-background: var(--fa-gravy);\n  --input-disabled-color: var(--fa-dk-gravy);\n  --input-disabled-border-color: var(--input-disabled-background);\n  --input-disabled-opacity: 1;\n  --input-placeholder-color: var(--fa-gravy);\n  --input-placeholder-font-weight: normal;\n  --form-button-margin: var(--spacing-sm) 0 0;\n\n  /* cards */\n  --card-display: block;\n  --card-vertical-padding: calc((var(--card-min-height) - (var(--font-size-base) * var(--line-height-base)) - (var(--card-border-width) * 2)) / 2);\n  --card-horizontal-padding: var(--spacing-xl);\n  --card-text-align: center;\n  --card-border-width: 0em; /* I shit you not. CSS calc cannot add 0 to something with units without 0 having units on it too. */\n  --card-border-style: solid;\n  --card-border-color: var(--white);\n  --card-padding: var(--card-vertical-padding) var(--card-horizontal-padding);\n  --card-border-radius: var(--border-radius-md);\n  --card-margin-bottom: var(--spacing-xl);\n  --card-vertical-align: top;\n  --card-min-height: 4em; /* 64px min height for cards. A ton of math is based on this number, including vertical padding. */\n  --card-roomy-vertical-padding: calc((var(--card-roomy-min-height) - (var(--font-size-base) * var(--line-height-base)) - (var(--card-border-width) * 2)) / 2);\n  --card-roomy-horizontal-padding: var(--spacing-2xl);\n  --card-roomy-min-height: 5em;\n  --card-compact-vertical-padding: calc((var(--card-compact-min-height) - (var(--font-size-base) * var(--line-height-base)) - (var(--card-border-width) * 2)) / 2);\n  --card-compact-horizontal-padding: var(--spacing-lg);\n  --card-compact-min-height: 3em;\n  --card-link-text-decoration: none;\n  --card-link-hover-border-width: 0.125em;\n  --card-link-hover-border-style: solid;\n  --card-link-hover-text-decoration: none;\n  --card-color: var(--fa-navy);\n  --card-background: var(--white);\n  --card-link-box-shadow: var(--with-shadow-box-shadow);\n  --card-link-background: var(--card-background);\n  --card-link-color: var(--card-color);\n  --card-link-hover-background: var(--white);\n  --card-link-hover-color: var(--fa-dk-blue);\n  --card-link-hover-border-color: var(--fa-blue);\n  --card-header-border: 0.125em dotted var(--fa-dk-navy);\n  --card-header-background: var(--fa-navy);\n  --card-header-color: var(--white);\n  --card-header-link-hover-background: var(--card-link-hover-color);\n  --card-header-link-hover-color: var(--card-link-hover-background);\n  --card-section-border: 0.125em dotted var(--fa-lt-gravy);\n  --card-section-color: var(--card-color);\n\n  /* with-close */\n  --with-close-close-font-size: var(--font-size-xl);\n  --with-close-times-color: var(--white);\n  --with-close-close-color: inherit;\n  --with-close-close-hover-color: var(--fa-dk-red);\n\n  /* focus */\n  --focus-border-color: var(--blue3);\n  --focus-box-shadow: 0 0 3px 3px var(--blue3);\n\n  /* modals */\n  --modal-min-height: 4em;\n  --modal-padding: 2em;\n  --modal-border-radius: var(--border-radius-md);\n  --modal-margin: var(--font-size-2xl) auto 0;\n  --modal-transition-duration: var(--timing-xfast);\n  --modal-shadow: rgba(81, 94, 123, 0.5);\n  --modal-opacity: 0;\n\n  /* icons */\n  --icon-caret-down: url("data:image/svg+xml,%3Csvg aria-hidden=\'true\' focusable=\'false\' data-prefix=\'fas\' data-icon=\'caret-down\' class=\'svg-inline--fa fa-caret-down fa-w-10\' role=\'img\' xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 320 512\'%3E%3Cpath fill=\'rgb(73, 80, 87)\' d=\'M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\'%3E%3C/path%3E%3C/svg%3E");\n}\n/* alias: misc states */\n/* alias: system states */\n/* alias: theme states */\n/* alias: color states */\n/* alias: state custom selector rollups */\n/* Inverted States */\n/* alias: buttons */\n/* alias: add-ons */\n/* alias: code */\n/* alias: headings */\n/* alias: lists */\n/* alias: messages */\n/* alias: modals */\n/* alias: icons */\n/* alias: forms */\n/* alias: block-level elements */\n/* viewports */\n/* 768px */\n/* 1024px */\n/* 1536px */\n/* misc state variables */\n.default {\n  --button-background: var(--white);\n  --button-hover-background: var(--fa-gravy);\n  --button-active-color: var(--button-background);\n  --button-disabled-background: var(--button-background);\n  --message-background: var(--white);\n  --message-border-color: var(--white);\n  --message-with-icon-decorative-color: var(--fa-md-gravy);\n  --with-close-close-color: var(--fa-navy);\n  --border-color: var(--gray-400);\n  --link-color: var(--fa-dk-blue);\n  --link-hover-color: var(--fa-blue);\n  --table-background: var(--gray-50);\n  --table-th-background: var(--gray-100);\n  --table-row-background: var(--gray-50);\n  --table-striped-row-background: var(--gray-100);\n  --table-cell-border-color: var(--gray-300);\n  --table-cell-background: transparent;\n  --table-hover-background-color: var(--gray-400);\n  --table-th-border-color: var(--gray-300);\n  --tag-background: var(--fa-gravy);\n  --tag-color: var(--fa-navy);\n  --tag-link-hover-color: var(--fa-dk-blue);\n  --fieldset-border-color: var(--gray-200);\n  --legend-color: var(--gray-400);\n  --card-color: var(--fa-navy);\n  --card-background: var(--white);\n  --card-link-background: var(--card-background);\n  --card-link-color: var(--card-color);\n  --card-link-hover-background: var(--white);\n  --card-link-hover-color: var(--fa-dk-blue);\n  --card-link-hover-border-color: var(--fa-dk-blue);\n  --card-header-background: var(--fa-navy);\n  --card-header-color: var(--white);\n  --card-header-link-hover-background: var(--card-link-hover-color);\n  --card-header-link-hover-color: var(--card-link-hover-background);\n}\n.muted,.mute {\n  --text-color: var(--fa-md-gravy);\n  --hr-border-color: var(--gray-300);\n}\n/* theme state variables */\n.primary {\n  --button-background: var(--white);\n  --button-hover-background: var(--fa-gravy);\n  --button-active-color: var(--button-background);\n  --button-disabled-background: var(--button-background);\n  --message-background: var(--white);\n  --message-border-color: var(--white);\n  --message-with-icon-decorative-color: var(--fa-md-gravy);\n  --with-close-close-color: var(--fa-navy);\n  --border-color: var(--blue3);\n  --link-color: var(--fa-dk-blue);\n  --link-hover-color: var(--fa-blue);\n  --table-background: var(--blue0);\n  --table-th-background: var(--blue1);\n  --table-row-background: var(--blue0);\n  --table-striped-row-background: var(--blue1);\n  --table-cell-background: transparent;\n  --table-cell-border-color: var(--blue2);\n  --table-hover-background-color: var(--blue1);\n  --table-th-border-color: var(--blue2);\n  --tag-background: var(--fa-navy);\n  --tag-color: var(--white);\n  --tag-link-hover-color: var(--fa-blue);\n  --card-color: var(--fa-navy);\n  --card-background: var(--white);\n  --card-link-background: var(--card-background);\n  --card-link-color: var(--card-color);\n  --card-link-hover-background: var(--white);\n  --card-link-hover-color: var(--fa-dk-blue);\n  --card-link-hover-border-color: var(--fa-dk-blue);\n  --card-header-background: var(--fa-navy);\n  --card-header-color: var(--white);\n  --card-header-link-hover-background: var(--card-link-hover-color);\n  --card-header-link-hover-color: var(--card-link-hover-background);\n}\n.secondary {\n  --button-background: var(--fa-lt-gravy);\n  --button-hover-background: var(--fa-gravy);\n  --button-active-color: var(--button-background);\n  --button-disabled-background: var(--button-background);\n  --message-background: var(--fa-lt-gravy);\n  --message-border-color: var(--fa-gravy);\n  --message-with-icon-decorative-color: var(--fa-md-gravy);\n  --with-close-close-color: var(--fa-navy);\n  --border-color: var(--gray-400);\n  --link-color: var(--fa-md-gravy);\n  --link-hover-color: var(--fa-dk-blue);\n  --table-background: var(--gray-50);\n  --table-th-background: var(--gray-100);\n  --table-row-background: var(--gray-50);\n  --table-striped-row-background: var(--gray-100);\n  --table-cell-background: transparent;\n  --table-cell-border-color: var(--gray-300);\n  --table-hover-background-color: var(--gray-100);\n  --table-th-border-color: var(--gray-300);\n  --tag-background: var(--white);\n  --tag-color: var(--fa-navy);\n  --tag-link-hover-color: var(--fa-dk-blue);\n  --card-border-width: 0.125em;\n  --card-border-color: var(--fa-gravy);\n  --card-color: var(--fa-navy);\n  --card-background: var(--fa-lt-gravy);\n  --card-link-background: var(--card-background);\n  --card-link-color: var(--card-color);\n  --card-link-hover-background: var(--fa-navy);\n  --card-link-hover-color: var(--white);\n  --card-link-hover-border-color: var(--fa-navy);\n  --card-header-background: var(--fa-md-gravy);\n  --card-header-color: var(--white);\n  --card-header-link-hover-background: var(--fa-lt-gravy);\n  --card-header-link-hover-color: var(--card-link-hover-background);\n  --card-section-border: 0.125em solid var(--card-border-color);\n}\n.accent {\n  --button-background: var(--fa-yellow);\n  --button-hover-background: var(--fa-dk-yellow);\n  --button-active-color: var(--button-background);\n  --button-disabled-background: var(--button-background);\n  --message-background: var(--white);\n  --message-border-color: var(--fa-dk-yellow);\n  --message-with-icon-decorative-color: var(--message-border-color);\n  --with-close-close-color: var(--message-border-color);\n  --border-color: var(--fa-yellow);\n  --link-color: var(--fa-dk-yellow);\n  --link-hover-color: var(--fa-yellow);\n  --table-background: var(--teal0);\n  --table-th-background: var(--teal1);\n  --table-row-background: var(--teal0);\n  --table-striped-row-background: var(--teal1);\n  --table-cell-background: transparent;\n  --table-cell-border-color: var(--teal2);\n  --table-hover-background-color: var(--teal1);\n  --table-th-border-color: var(--teal2);\n  --tag-background: var(--fa-yellow);\n  --tag-color: var(--fa-navy);\n  --tag-link-hover-color: var(--fa-dk-blue);\n  --fieldset-border-color: var(--fa-yellow);\n  --legend-color: var(--fa-dk-yellow);\n  --card-color: var(--fa-navy);\n  --card-background: var(--white);\n  --card-link-background: var(--card-background);\n  --card-link-color: var(--card-color);\n  --card-link-hover-background: var(--fa-yellow);\n  --card-link-hover-color: var(--card-color);\n  --card-link-hover-border-color: var(--card-link-hover-background);\n  --card-header-background: var(--fa-navy);\n  --card-header-color: var(--white);\n  --card-header-link-hover-background: var(--card-link-hover-color);\n  --card-header-link-hover-color: var(--card-link-hover-background);\n  --card-section-color: var(--fa-navy);\n  --card-section-border: 0.125em solid var(--fa-lt-gravy);\n}\n.light {\n  --button-background: var(--fa-gravy);\n  --button-hover-background: var(--fa-md-gravy);\n  --button-active-color: var(--button-background);\n  --button-disabled-background: var(--button-background);\n  --message-background: var(--white);\n  --message-border-color: var(--fa-md-gravy);\n  --message-with-icon-decorative-color: var(--message-border-color);\n  --with-close-close-color: var(--message-border-color);\n  --border-color: var(--white);\n  --link-color: var(--fa-md-gravy);\n  --link-hover-color: var(--fa-gravy);\n  --table-background: var(--white);\n  --table-th-background: var(--white);\n  --table-row-background: var(--white);\n  --table-striped-row-background: var(--gray-50);\n  --table-cell-background: transparent;\n  --table-cell-border-color: var(--gray-200);\n  --table-hover-background-color: var(--gray-100);\n  --table-th-border-color: var(--gray-300);\n  --tag-background: var(--fa-gravy);\n  --tag-color: var(--fa-navy);\n  --tag-link-hover-color: var(--fa-dk-blue);\n  --card-background: var(--white);\n  --card-color: var(--fa-md-gravy);\n  --card-link-background: var(--card-background);\n  --card-link-color: var(--card-color);\n  --card-link-hover-background: var(--white);\n  --card-link-hover-color: var(--card-color);\n  --card-link-hover-border-color: var(--card-color);\n  --card-header-background: var(--fa-gravy);\n  --card-header-color: var(--fa-navy);\n  --card-header-link-hover-background: var(--card-link-hover-color);\n  --card-header-link-hover-color: var(--card-link-hover-background);\n}\n/* system state variables */\n.success {\n  --button-background: var(--fa-teal);\n  --button-hover-background: var(--fa-dk-teal);\n  --button-active-color: var(--button-background);\n  --button-disabled-background: var(--button-background);\n  --message-background: var(--white);\n  --message-border-color: var(--fa-dk-teal);\n  --message-with-icon-decorative-color: var(--message-border-color);\n  --with-close-close-color: var(--message-border-color);\n  --border-color: var(--teal3);\n  --link-color: var(--fa-dk-teal);\n  --link-hover-color: var(--fa-teal);\n  --table-background: var(--teal0);\n  --table-th-background: var(--teal2);\n  --table-row-background: var(--teal1);\n  --table-striped-row-background: var(--teal0);\n  --table-cell-background: transparent;\n  --table-cell-border-color: var(--teal2);\n  --table-hover-background-color: var(--teal2);\n  --table-th-border-color: var(--teal2);\n  --tag-background: var(--fa-teal);\n  --tag-color: var(--fa-navy);\n  --tag-link-hover-color: var(--fa-dk-teal);\n  --label-color: var(--fa-dk-teal);\n  --label-required-color: var(--fa-dk-teal);\n  --input-border-color: var(--fa-teal);\n  --input-affix-background: var(--input-border-color);\n  --card-background: var(--white);\n  --card-color: var(--fa-dk-teal);\n  --card-link-background: var(--card-background);\n  --card-link-color: var(--card-color);\n  --card-link-hover-background: var(--white);\n  --card-link-hover-color: var(--card-color);\n  --card-link-hover-border-color: var(--card-color);\n  --card-header-background: var(--fa-teal);\n  --card-header-color: var(--fa-navy);\n  --card-header-link-hover-background: var(--card-link-hover-color);\n  --card-header-link-hover-color: var(--card-link-hover-background);\n}\n.warning {\n  --button-background: var(--fa-yellow);\n  --button-hover-background: var(--fa-dk-yellow);\n  --button-active-color: var(--button-background);\n  --button-disabled-background: var(--button-background);\n  --message-background: var(--white);\n  --message-border-color: var(--fa-dk-yellow);\n  --message-with-icon-decorative-color: var(--message-border-color);\n  --with-close-close-color: var(--message-border-color);\n  --border-color: var(--yellow3);\n  --link-color: var(--fa-dk-yellow);\n  --link-hover-color: var(--fa-yellow);\n  --table-background: var(--yellow0);\n  --table-th-background: var(--yellow2);\n  --table-row-background: var(--yellow1);\n  --table-striped-row-background: var(--yellow0);\n  --table-cell-background: transparent;\n  --table-cell-border-color: var(--yellow2);\n  --table-hover-background-color: var(--yellow2);\n  --table-th-border-color: var(--yellow2);\n  --tag-background: var(--fa-yellow);\n  --tag-color: var(--fa-navy);\n  --tag-link-hover-color: var(--fa-md-gravy);\n  --label-color: var(--fa-dk-yellow);\n  --label-required-color: var(--fa-dk-yellow);\n  --input-border-color: var(--fa-yellow);\n  --input-affix-background: var(--input-border-color);\n  --card-background: var(--white);\n  --card-color: var(--fa-dk-yellow);\n  --card-link-background: var(--card-background);\n  --card-link-color: var(--card-color);\n  --card-link-hover-background: var(--white);\n  --card-link-hover-color: var(--card-color);\n  --card-link-hover-border-color: var(--card-color);\n  --card-header-background: var(--fa-yellow);\n  --card-header-color: var(--fa-navy);\n  --card-header-link-hover-background: var(--card-link-hover-color);\n  --card-header-link-hover-color: var(--card-link-hover-background);\n}\n.danger {\n  --button-background: var(--fa-red);\n  --button-hover-background: var(--fa-dk-red);\n  --button-active-color: var(--button-background);\n  --button-disabled-background: var(--button-background);\n  --message-background: var(--white);\n  --message-border-color: var(--fa-dk-red);\n  --message-with-icon-decorative-color: var(--message-border-color);\n  --with-close-close-color: var(--message-border-color);\n  --link-color: var(--fa-dk-red);\n  --link-hover-color: var(--fa-red);\n  --table-background: var(--red0);\n  --table-th-background: var(--red2);\n  --table-row-background: var(--red1);\n  --table-striped-row-background: var(--red0);\n  --table-cell-background: transparent;\n  --table-cell-border-color: var(--red2);\n  --table-hover-background-color: var(--red2);\n  --table-th-border-color: var(--red2);\n  --tag-background: var(--fa-red);\n  --tag-color: var(--fa-navy);\n  --tag-link-hover-color: var(--fa-dk-red);\n  --label-color: var(--dk-red);\n  --label-required-color: var(--fa-dk-red);\n  --input-border-color: var(--fa-red);\n  --input-affix-background: var(--input-border-color);\n  --card-background: var(--white);\n  --card-color: var(--fa-dk-red);\n  --card-link-background: var(--card-background);\n  --card-link-color: var(--card-color);\n  --card-link-hover-background: var(--white);\n  --card-link-hover-color: var(--card-color);\n  --card-link-hover-border-color: var(--card-color);\n  --card-header-background: var(--fa-red);\n  --card-header-color: var(--fa-navy);\n  --card-header-link-hover-background: var(--card-link-hover-color);\n  --card-header-link-hover-color: var(--card-link-hover-background);\n}\n.info {\n  --button-background: var(--fa-blue);\n  --button-hover-background: var(--fa-dk-blue);\n  --button-active-color: var(--button-background);\n  --button-disabled-background: var(--button-background);\n  --message-background: var(--white);\n  --message-border-color: var(--fa-dk-blue);\n  --message-with-icon-decorative-color: var(--message-border-color);\n  --with-close-close-color: var(--message-border-color);\n  --border-color: var(--blue3);\n  --link-color: var(--fa-dk-blue);\n  --link-hover-color: var(--fa-blue);\n  --table-background: var(--blue0);\n  --table-th-background: var(--blue2);\n  --table-row-background: var(--blue1);\n  --table-striped-row-background: var(--blue0);\n  --table-cell-background: transparent;\n  --table-cell-border-color: var(--blue2);\n  --table-hover-background-color: var(--blue2);\n  --table-th-border-color: var(--blue2);\n  --tag-background: var(--fa-blue);\n  --tag-color: var(--fa-navy);\n  --tag-link-hover-color: var(--fa-dk-blue);\n  --label-color: var(--fa-dk-blue);\n  --label-required-color: var(--fa-dk-blue);\n  --input-border-color: var(--fa-blue);\n  --input-affix-background: var(--input-border-color);\n  --card-background: var(--white);\n  --card-color: var(--fa-dk-blue);\n  --card-link-background: var(--card-background);\n  --card-link-color: var(--card-color);\n  --card-link-hover-background: var(--white);\n  --card-link-hover-color: var(--card-color);\n  --card-link-hover-border-color: var(--card-color);\n  --card-header-background: var(--fa-blue);\n  --card-header-color: var(--fa-navy);\n  --card-header-link-hover-background: var(--card-link-hover-color);\n  --card-header-link-hover-color: var(--card-link-hover-background);\n}\n/* color state variables */\n.gray {\n  --button-background: var(--fa-gravy);\n  --button-hover-background: var(--fa-md-gravy);\n  --button-active-color: var(--button-background);\n  --button-disabled-background: var(--button-background);\n  --message-background: var(--white);\n  --message-border-color: var(--fa-md-gravy);\n  --message-with-icon-decorative-color: var(--message-border-color);\n  --with-close-close-color: var(--message-border-color);\n  --link-color: var(--fa-md-gravy);\n  --link-hover-color: var(--fa-gravy);\n  --table-background: var(--gray-50);\n  --table-th-background: var(--gray-100);\n  --table-row-background: var(--gray-50);\n  --table-striped-row-background: var(--gray-100);\n  --table-cell-background: transparent;\n  --table-cell-border-color: var(--gray-300);\n  --table-hover-background-color: var(--gray-100);\n  --table-th-border-color: var(--gray-300);\n  --tag-background: var(--fa-gravy);\n  --tag-color: var(--fa-navy);\n  --tag-link-hover-color: var(--fa-dk-blue);\n  --fieldset-border-color: var(--fa-gravy);\n  --legend-color: var(--fa-md-gravy);\n  --card-background: var(--white);\n  --card-color: var(--fa-md-gravy);\n  --card-link-background: var(--card-background);\n  --card-link-color: var(--card-color);\n  --card-link-hover-background: var(--white);\n  --card-link-hover-color: var(--card-color);\n  --card-link-hover-border-color: var(--card-color);\n  --card-header-background: var(--fa-gravy);\n  --card-header-color: var(--fa-navy);\n  --card-header-link-hover-background: var(--card-link-hover-color);\n  --card-header-link-hover-color: var(--card-link-hover-background);\n}\n.red {\n  --button-background: var(--fa-red);\n  --button-hover-background: var(--fa-dk-red);\n  --button-active-color: var(--button-background);\n  --button-disabled-background: var(--button-background);\n  --message-background: var(--white);\n  --message-border-color: var(--fa-dk-red);\n  --message-with-icon-decorative-color: var(--message-border-color);\n  --with-close-close-color: var(--message-border-color);\n  --border-color: var(--red3);\n  --link-color: var(--fa-dk-red);\n  --link-hover-color: var(--fa-red);\n  --table-background: var(--red0);\n  --table-th-background: var(--red1);\n  --table-row-background: var(--red0);\n  --table-striped-row-background: var(--red1);\n  --table-cell-background: transparent;\n  --table-cell-border-color: var(--red2);\n  --table-hover-background-color: var(--red1);\n  --table-th-border-color: var(--red2);\n  --tag-background: var(--fa-red);\n  --tag-color: var(--fa-navy);\n  --tag-link-hover-color: var(--fa-dk-red);\n  --fieldset-border-color: var(--fa-red);\n  --legend-color: var(--fa-dk-red);\n  --card-background: var(--white);\n  --card-color: var(--fa-dk-red);\n  --card-link-background: var(--card-background);\n  --card-link-color: var(--card-color);\n  --card-link-hover-background: var(--white);\n  --card-link-hover-color: var(--card-color);\n  --card-link-hover-border-color: var(--card-color);\n  --card-header-background: var(--fa-red);\n  --card-header-color: var(--fa-navy);\n  --card-header-link-hover-background: var(--card-link-hover-color);\n  --card-header-link-hover-color: var(--card-link-hover-background);\n}\n.purple {\n  --button-background: var(--fa-purple);\n  --button-hover-background: var(--fa-dk-purple);\n  --button-active-color: var(--button-background);\n  --button-disabled-background: var(--button-background);\n  --message-background: var(--white);\n  --message-border-color: var(--fa-dk-purple);\n  --message-with-icon-decorative-color: var(--message-border-color);\n  --with-close-close-color: var(--message-border-color);\n  --border-color: var(--grape3);\n  --link-color: var(--fa-dk-purple);\n  --link-hover-color: var(--fa-purple);\n  --table-background: var(--grape0);\n  --table-th-background: var(--grape1);\n  --table-row-background: var(--grape0);\n  --table-striped-row-background: var(--grape1);\n  --table-cell-background: transparent;\n  --table-cell-border-color: var(--grape2);\n  --table-hover-background-color: var(--grape1);\n  --table-th-border-color: var(--grape2);\n  --tag-background: var(--fa-purple);\n  --tag-color: var(--fa-navy);\n  --tag-link-hover-color: var(--fa-dk-purple);\n  --fieldset-border-color: var(--fa-purple);\n  --legend-color: var(--fa-dk-purple);\n  --card-background: var(--white);\n  --card-color: var(--fa-dk-purple);\n  --card-link-background: var(--card-background);\n  --card-link-color: var(--card-color);\n  --card-link-hover-background: var(--white);\n  --card-link-hover-color: var(--card-color);\n  --card-link-hover-border-color: var(--card-color);\n  --card-header-background: var(--fa-purple);\n  --card-header-color: var(--fa-navy);\n  --card-header-link-hover-background: var(--card-link-hover-color);\n  --card-header-link-hover-color: var(--card-link-hover-background);\n}\n.violet {\n  --button-background: var(--fa-violet);\n  --button-hover-background: var(--fa-dk-violet);\n  --button-active-color: var(--button-background);\n  --button-disabled-background: var(--button-background);\n  --message-background: var(--white);\n  --message-border-color: var(--fa-dk-violet);\n  --message-with-icon-decorative-color: var(--message-border-color);\n  --with-close-close-color: var(--message-border-color);\n  --border-color: var(--violet3);\n  --link-color: var(--fa-dk-violet);\n  --link-hover-color: var(--fa-violet);\n  --table-background: var(--violet0);\n  --table-th-background: var(--violet1);\n  --table-row-background: var(--violet0);\n  --table-striped-row-background: var(--violet1);\n  --table-cell-background: transparent;\n  --table-cell-border-color: var(--violet2);\n  --table-hover-background-color: var(--violet1);\n  --table-th-border-color: var(--violet2);\n  --tag-background: var(--fa-violet);\n  --tag-color: var(--fa-navy);\n  --tag-link-hover-color: var(--fa-dk-violet);\n  --fieldset-border-color: var(--fa-violet);\n  --legend-color: var(--fa-dk-violet);\n  --card-background: var(--white);\n  --card-color: var(--fa-dk-violet);\n  --card-link-background: var(--card-background);\n  --card-link-color: var(--card-color);\n  --card-link-hover-background: var(--white);\n  --card-link-hover-color: var(--card-color);\n  --card-link-hover-border-color: var(--card-color);\n  --card-header-background: var(--fa-violet);\n  --card-header-color: var(--fa-navy);\n  --card-header-link-hover-background: var(--card-link-hover-color);\n  --card-header-link-hover-color: var(--card-link-hover-background);\n}\n.blue {\n  --button-background: var(--fa-blue);\n  --button-hover-background: var(--fa-dk-blue);\n  --button-active-color: var(--button-background);\n  --button-disabled-background: var(--button-background);\n  --message-background: var(--white);\n  --message-border-color: var(--fa-dk-blue);\n  --message-with-icon-decorative-color: var(--message-border-color);\n  --with-close-close-color: var(--message-border-color);\n  --border-color: var(--blue3);\n  --link-color: var(--fa-dk-blue);\n  --link-hover-color: var(--fa-blue);\n  --table-background: var(--blue0);\n  --table-th-background: var(--blue1);\n  --table-row-background: var(--blue0);\n  --table-striped-row-background: var(--blue1);\n  --table-cell-background: transparent;\n  --table-cell-border-color: var(--blue2);\n  --table-hover-background-color: var(--blue1);\n  --table-th-border-color: var(--blue2);\n  --tag-background: var(--fa-blue);\n  --tag-color: var(--fa-navy);\n  --tag-link-hover-color: var(--fa-dk-blue);\n  --fieldset-border-color: var(--fa-blue);\n  --legend-color: var(--fa-dk-blue);\n  --card-background: var(--white);\n  --card-color: var(--fa-dk-blue);\n  --card-link-background: var(--card-background);\n  --card-link-color: var(--card-color);\n  --card-link-hover-background: var(--white);\n  --card-link-hover-color: var(--card-color);\n  --card-link-hover-border-color: var(--card-color);\n  --card-header-background: var(--fa-blue);\n  --card-header-color: var(--fa-navy);\n  --card-header-link-hover-background: var(--card-link-hover-color);\n  --card-header-link-hover-color: var(--card-link-hover-background);\n}\n.teal {\n  --button-background: var(--fa-teal);\n  --button-hover-background: var(--fa-dk-teal);\n  --button-active-color: var(--button-background);\n  --button-disabled-background: var(--button-background);\n  --message-background: var(--white);\n  --message-border-color: var(--fa-dk-teal);\n  --message-with-icon-decorative-color: var(--message-border-color);\n  --with-close-close-color: var(--message-border-color);\n  --border-color: var(--teal3);\n  --link-color: var(--fa-dk-teal);\n  --link-hover-color: var(--fa-teal);\n  --table-background: var(--teal0);\n  --table-th-background: var(--teal1);\n  --table-row-background: var(--teal0);\n  --table-striped-row-background: var(--teal1);\n  --table-cell-background: transparent;\n  --table-cell-border-color: var(--teal2);\n  --table-hover-background-color: var(--teal1);\n  --table-th-border-color: var(--teal2);\n  --tag-background: var(--fa-teal);\n  --tag-color: var(--fa-navy);\n  --tag-link-hover-color: var(--fa-dk-teal);\n  --fieldset-border-color: var(--fa-teal);\n  --legend-color: var(--fa-dk-teal);\n  --card-background: var(--white);\n  --card-color: var(--fa-dk-teal);\n  --card-link-background: var(--card-background);\n  --card-link-color: var(--card-color);\n  --card-link-hover-background: var(--white);\n  --card-link-hover-color: var(--card-color);\n  --card-link-hover-border-color: var(--card-color);\n  --card-header-background: var(--fa-teal);\n  --card-header-color: var(--fa-navy);\n  --card-header-link-hover-background: var(--card-link-hover-color);\n  --card-header-link-hover-color: var(--card-link-hover-background);\n}\n.yellow {\n  --button-background: var(--fa-yellow);\n  --button-hover-background: var(--fa-dk-yellow);\n  --button-active-color: var(--button-background);\n  --button-disabled-background: var(--button-background);\n  --message-background: var(--white);\n  --message-border-color: var(--fa-dk-yellow);\n  --message-with-icon-decorative-color: var(--message-border-color);\n  --with-close-close-color: var(--message-border-color);\n  --border-color: var(--yellow3);\n  --link-color: var(--fa-dk-yellow);\n  --link-hover-color: var(--fa-yellow);\n  --table-background: var(--yellow0);\n  --table-th-background: var(--yellow1);\n  --table-row-background: var(--yellow0);\n  --table-striped-row-background: var(--yellow1);\n  --table-cell-background: transparent;\n  --table-cell-border-color: var(--yellow2);\n  --table-hover-background-color: var(--yellow1);\n  --table-th-border-color: var(--yellow2);\n  --tag-background: var(--fa-yellow);\n  --tag-color: var(--fa-navy);\n  --tag-link-hover-color: var(--fa-md-gravy);\n  --fieldset-border-color: var(--fa-yellow);\n  --legend-color: var(--fa-dk-yellow);\n  --card-background: var(--white);\n  --card-color: var(--fa-dk-yellow);\n  --card-link-background: var(--card-background);\n  --card-link-color: var(--card-color);\n  --card-link-hover-background: var(--white);\n  --card-link-hover-color: var(--card-color);\n  --card-link-hover-border-color: var(--card-color);\n  --card-header-background: var(--fa-yellow);\n  --card-header-color: var(--fa-navy);\n  --card-header-link-hover-background: var(--card-link-hover-color);\n  --card-header-link-hover-color: var(--card-link-hover-background);\n}\n/* add-ons */\ni[class*="fa-"],.svg-inline--fa {\n  --spacing-inline: var(--spacing-6xs);\n}\n/* misc state variables */\n.inverted {\n  --body-background: var(--fa-navy);\n  --body-color: var(--white);\n  --button-border-color: var(--white);\n  --button-active-border-color: var(--button-border-color);\n  --button-color: var(--white);\n  --button-hover-color: var(--button-color);\n  --button-active-background: var(--button-color);\n  --message-color: var(--body-color);\n  --with-close-close-hover-color: var(--fa-red);\n  --border-color: var(--fa-dk-gravy);\n  --card-border-color: var(--white);\n  --card-section-color: var(--card-color);\n  --card-section-border: 0.125em solid var(--body-background);\n  --card-link-box-shadow: 0 var(--with-shadow-box-shadow-width) 0 var(--fa-dk-gravy);\n\n  background: #f0f1f3;\n\n  background: var(--body-background);\n  color: #183153;\n  color: var(--body-color);\n}\n.inverted,\n.inverted .default,\n.inverted.default {\n  --button-background: var(--fa-dk-navy);\n  --button-hover-background: var(--fa-navy);\n  --button-active-color: var(--button-background);\n  --button-disabled-background: var(--button-background);\n  --message-background: var(--fa-dk-navy);\n  --message-border-color: var(--fa-dk-navy);\n  --message-with-icon-decorative-color: var(--fa-md-gravy);\n  --with-close-times-color: var(--fa-dk-navy);\n  --with-close-close-color: var(--white);\n  --link-color: var(--fa-blue);\n  --link-hover-color: var(--fa-dk-blue);\n  --tag-background: var(--fa-dk-gravy);\n  --tag-color: var(--white);\n  --tag-link-hover-color: var(--fa-blue);\n  --card-background: var(--fa-dk-navy);\n  --card-color: var(--white);\n  --card-link-background: var(--card-background);\n  --card-link-color: var(--card-color);\n  --card-link-hover-background: var(--card-background);\n  --card-link-hover-color: var(--fa-blue);\n  --card-link-hover-border-color: var(--card-link-hover-color);\n  --card-header-background: var(--white);\n  --card-header-color: var(--fa-navy);\n  --card-header-link-hover-background: var(--card-link-hover-color);\n  --card-header-link-hover-color: var(--card-link-hover-background);\n  --table-background: var(--gray-50);\n  --table-th-background: var(--gray-100);\n  --table-row-background: var(--gray-50);\n  --table-striped-row-background: var(--gray-100);\n  --table-cell-border-color: var(--gray-300);\n  --table-cell-background: transparent;\n  --table-hover-background-color: var(--gray-400);\n  --table-th-border-color: var(--gray-300);\n  --fieldset-border-color: var(--gray-200);\n  --legend-color: var(--gray-400);\n}\n.inverted .primary,\n.inverted.primary {\n  --button-background: var(--fa-dk-navy);\n  --button-hover-background: var(--fa-navy);\n  --button-active-color: var(--button-background);\n  --button-disabled-background: var(--button-background);\n  --message-background: var(--fa-dk-navy);\n  --message-border-color: var(--fa-dk-navy);\n  --message-with-icon-decorative-color: var(--fa-md-gravy);\n  --with-close-times-color: var(--fa-dk-navy);\n  --with-close-close-color: var(--white);\n  --link-color: var(--fa-blue);\n  --link-hover-color: var(--fa-dk-blue);\n  --tag-background: var(--fa-gravy);\n  --tag-color: var(--fa-navy);\n  --tag-link-hover-color: var(--fa-dk-blue);\n  --card-background: var(--fa-dk-navy);\n  --card-color: var(--white);\n  --card-link-background: var(--card-background);\n  --card-link-color: var(--card-color);\n  --card-link-hover-background: var(--card-background);\n  --card-link-hover-color: var(--fa-blue);\n  --card-link-hover-border-color: var(--card-link-hover-color);\n  --card-header-background: var(--white);\n  --card-header-color: var(--fa-navy);\n  --card-header-link-hover-background: var(--card-link-hover-color);\n  --card-header-link-hover-color: var(--card-link-hover-background);\n  --table-background: var(--gray-50);\n  --table-th-background: var(--gray-100);\n  --table-row-background: var(--gray-50);\n  --table-striped-row-background: var(--gray-100);\n  --table-cell-border-color: var(--gray-300);\n  --table-cell-background: transparent;\n  --table-hover-background-color: var(--gray-400);\n  --table-th-border-color: var(--gray-300);\n  --fieldset-border-color: var(--gray-200);\n  --legend-color: var(--gray-400);\n}\n.inverted .secondary,\n.inverted.secondary {\n  --button-background: var(--fa-navy);\n  --button-hover-background: var(--fa-dk-gravy);\n  --button-active-color: var(--button-background);\n  --button-disabled-background: var(--button-background);\n  --message-background: var(--fa-navy);\n  --message-border-color: var(--fa-dk-gravy);\n  --message-with-icon-decorative-color: var(--fa-md-gravy);\n  --with-close-close-color: var(--fa-gravy);\n  --link-color: var(--fa-md-gravy);\n  --link-hover-color: var(--fa-blue);\n  --tag-background: var(--fa-dk-navy);\n  --tag-color: var(--fa-lt-gravy);\n  --tag-link-hover-color: var(--fa-blue);\n  --card-border-width: 0.125em;\n  --card-border-color: var(--fa-dk-gravy);\n  --card-color: var(--white);\n  --card-background: var(--fa-navy);\n  --card-link-background: var(--card-background);\n  --card-link-color: var(--card-color);\n  --card-link-hover-background: var(--fa-lt-gravy);\n  --card-link-hover-color: var(--fa-dk-navy);\n  --card-link-hover-border-color: var(--fa-lt-gravy);\n  --card-header-background: var(--fa-md-gravy);\n  --card-header-color: var(--fa-navy);\n  --card-header-link-hover-background: var(--fa-navy);\n  --card-header-link-hover-color: var(--card-link-hover-background);\n  --card-section-border: 0.125em solid var(--card-border-color);\n  --border-color: var(--gray-400);\n  --table-background: var(--gray-50);\n  --table-th-background: var(--gray-100);\n  --table-row-background: var(--gray-50);\n  --table-striped-row-background: var(--gray-100);\n  --table-cell-background: transparent;\n  --table-cell-border-color: var(--gray-300);\n  --table-hover-background-color: var(--gray-100);\n  --table-th-border-color: var(--gray-300);\n}\n.inverted .accent,\n.inverted.accent {\n  --button-background: var(--fa-dk-navy);\n  --button-color: var(--fa-yellow);\n  --button-border-color: var(--button-color);\n  --button-hover-background: var(--button-background);\n  --button-hover-color: var(--fa-dk-yellow);\n  --button-active-background: var(--button-color);\n  --button-active-color: var(--button-background);\n  --button-active-border-color: var(--button-active-background);\n  --button-disabled-background: var(--button-background);\n  --message-background: var(--fa-dk-navy);\n  --message-border-color: var(--fa-yellow);\n  --message-with-icon-decorative-color: var(--message-border-color);\n  --with-close-close-color: var(--message-border-color);\n  --link-color: var(--fa-yellow);\n  --link-hover-color: var(--fa-dk-yellow);\n  --tag-background: var(--fa-dk-yellow);\n  --tag-color: var(--fa-navy);\n  --tag-link-hover-color: var(--fa-dk-gravy);\n  --card-color: var(--white);\n  --card-background: var(--fa-dk-navy);\n  --card-link-background: var(--card-background);\n  --card-link-color: var(--card-color);\n  --card-link-hover-background: var(--fa-dk-yellow);\n  --card-link-hover-color: var(--card-color);\n  --card-link-hover-border-color: var(--card-link-hover-background);\n  --card-header-background: var(--fa-lt-gravy);\n  --card-header-color: var(--fa-dk-navy);\n  --card-header-link-hover-background: var(--card-link-hover-color);\n  --card-header-link-hover-color: var(--card-link-hover-background);\n  --card-section-color: var(--white);\n  --card-section-border: 0.125em solid var(--fa-navy);\n  --border-color: var(--fa-dk-yellow);\n  --table-background: var(--teal0);\n  --table-th-background: var(--teal1);\n  --table-row-background: var(--teal0);\n  --table-striped-row-background: var(--teal1);\n  --table-cell-background: transparent;\n  --table-cell-border-color: var(--teal2);\n  --table-hover-background-color: var(--teal1);\n  --table-th-border-color: var(--teal2);\n  --fieldset-border-color: var(--fa-yellow);\n  --legend-color: var(--fa-dk-yellow);\n}\n.inverted .light,\n.inverted.light,\n.inverted .gray,\n.inverted.gray {\n  --button-background: var(--body-background);\n  --button-color: var(--fa-gravy);\n  --button-border-color: var(--button-color);\n  --button-hover-background: var(--button-background);\n  --button-hover-color: var(--fa-md-gravy);\n  --button-active-background: var(--button-color);\n  --button-active-color: var(--button-background);\n  --button-active-border-color: var(--button-active-background);\n  --button-disabled-background: var(--button-background);\n  --message-background: var(--fa-dk-navy);\n  --message-border-color: var(--fa-md-gravy);\n  --message-with-icon-decorative-color: var(--message-border-color);\n  --with-close-close-color: var(--message-border-color);\n  --link-color: var(--fa-md-gravy);\n  --link-hover-color: var(--fa-dk-gravy);\n  --tag-background: var(--fa-dk-gravy);\n  --tag-color: var(--white);\n  --tag-link-hover-color: var(--fa-blue);\n  --card-background: var(--fa-dk-navy);\n  --card-color: var(--fa-md-gravy);\n  --card-link-background: var(--card-background);\n  --card-link-color: var(--card-color);\n  --card-link-hover-background: var(--fa-dk-navy);\n  --card-link-hover-color: var(--card-color);\n  --card-link-hover-border-color: var(--card-color);\n  --card-header-background: var(--fa-dk-gravy);\n  --card-header-color: var(--white);\n  --card-header-link-hover-background: var(--card-link-hover-color);\n  --card-header-link-hover-color: var(--card-link-hover-background);\n  --table-background: var(--gray-50);\n  --table-th-background: var(--gray-100);\n  --table-row-background: var(--gray-50);\n  --table-striped-row-background: var(--gray-100);\n  --table-cell-background: transparent;\n  --table-cell-border-color: var(--gray-300);\n  --table-hover-background-color: var(--gray-100);\n  --table-th-border-color: var(--gray-300);\n  --fieldset-border-color: var(--fa-gravy);\n  --legend-color: var(--fa-md-gravy);\n}\n.inverted .danger,\n.inverted.danger,\n.inverted .red,\n.inverted.red {\n  --button-background: var(--body-background);\n  --button-color: var(--fa-red);\n  --button-border-color: var(--button-color);\n  --button-hover-background: var(--button-background);\n  --button-hover-color: var(--fa-dk-red);\n  --button-active-background: var(--button-color);\n  --button-active-color: var(--button-background);\n  --button-active-border-color: var(--button-active-background);\n  --button-disabled-background: var(--button-background);\n  --message-background: var(--fa-dk-navy);\n  --message-border-color: var(--fa-red);\n  --message-with-icon-decorative-color: var(--message-border-color);\n  --with-close-close-color: var(--message-border-color);\n  --link-color: var(--fa-red);\n  --link-hover-color: var(--fa-dk-red);\n  --tag-background: var(--fa-dk-red);\n  --tag-color: var(--white);\n  --tag-link-hover-color: var(--fa-red);\n  --card-background: var(--fa-dk-navy);\n  --card-color: var(--fa-red);\n  --card-link-background: var(--card-background);\n  --card-link-color: var(--card-color);\n  --card-link-hover-background: var(--fa-dk-navy);\n  --card-link-hover-color: var(--card-color);\n  --card-link-hover-border-color: var(--card-color);\n  --card-header-background: var(--fa-dk-red);\n  --card-header-color: var(--white);\n  --card-header-link-hover-background: var(--card-link-hover-color);\n  --card-header-link-hover-color: var(--card-link-hover-background);\n  --border-color: var(--red3);\n  --table-background: var(--red0);\n  --table-th-background: var(--red1);\n  --table-row-background: var(--red0);\n  --table-striped-row-background: var(--red1);\n  --table-cell-background: transparent;\n  --table-cell-border-color: var(--red2);\n  --table-hover-background-color: var(--red1);\n  --table-th-border-color: var(--red2);\n  --fieldset-border-color: var(--fa-red);\n  --legend-color: var(--fa-dk-red);\n}\n.inverted .purple,\n.inverted.purple {\n  --button-background: var(--body-background);\n  --button-color: var(--fa-purple);\n  --button-border-color: var(--button-color);\n  --button-hover-background: var(--button-background);\n  --button-hover-color: var(--fa-dk-purple);\n  --button-active-background: var(--button-color);\n  --button-active-color: var(--button-background);\n  --button-active-border-color: var(--button-active-background);\n  --button-disabled-background: var(--button-background);\n  --message-background: var(--fa-dk-navy);\n  --message-border-color: var(--fa-purple);\n  --message-with-icon-decorative-color: var(--message-border-color);\n  --with-close-close-color: var(--message-border-color);\n  --link-color: var(--fa-purple);\n  --link-hover-color: var(--fa-dk-purple);\n  --tag-background: var(--fa-dk-purple);\n  --tag-color: var(--white);\n  --tag-link-hover-color: var(--fa-purple);\n  --card-background: var(--fa-dk-navy);\n  --card-color: var(--fa-purple);\n  --card-link-background: var(--card-background);\n  --card-link-color: var(--card-color);\n  --card-link-hover-background: var(--fa-dk-navy);\n  --card-link-hover-color: var(--card-color);\n  --card-link-hover-border-color: var(--card-color);\n  --card-header-background: var(--fa-dk-purple);\n  --card-header-color: var(--white);\n  --card-header-link-hover-background: var(--card-link-hover-color);\n  --card-header-link-hover-color: var(--card-link-hover-background);\n  --border-color: var(--grape3);\n  --table-background: var(--grape0);\n  --table-th-background: var(--grape1);\n  --table-row-background: var(--grape0);\n  --table-striped-row-background: var(--grape1);\n  --table-cell-background: transparent;\n  --table-cell-border-color: var(--grape2);\n  --table-hover-background-color: var(--grape1);\n  --table-th-border-color: var(--grape2);\n  --fieldset-border-color: var(--fa-purple);\n  --legend-color: var(--fa-dk-purple);\n}\n.inverted .violet,\n.inverted.violet {\n  --button-background: var(--body-background);\n  --button-color: var(--fa-violet);\n  --button-border-color: var(--button-color);\n  --button-hover-background: var(--button-background);\n  --button-hover-color: var(--fa-dk-violet);\n  --button-active-background: var(--button-color);\n  --button-active-color: var(--button-background);\n  --button-active-border-color: var(--button-active-background);\n  --button-disabled-background: var(--button-background);\n  --message-background: var(--fa-dk-navy);\n  --message-border-color: var(--fa-violet);\n  --message-with-icon-decorative-color: var(--message-border-color);\n  --with-close-close-color: var(--message-border-color);\n  --link-color: var(--fa-violet);\n  --link-hover-color: var(--fa-dk-violet);\n  --tag-background: var(--fa-dk-violet);\n  --tag-color: var(--white);\n  --tag-link-hover-color: var(--fa-violet);\n  --card-background: var(--fa-dk-navy);\n  --card-color: var(--fa-violet);\n  --card-link-background: var(--card-background);\n  --card-link-color: var(--card-color);\n  --card-link-hover-background: var(--fa-dk-navy);\n  --card-link-hover-color: var(--card-color);\n  --card-link-hover-border-color: var(--card-color);\n  --card-header-background: var(--fa-dk-violet);\n  --card-header-color: var(--white);\n  --card-header-link-hover-background: var(--card-link-hover-color);\n  --card-header-link-hover-color: var(--card-link-hover-background);\n  --border-color: var(--violet3);\n  --table-background: var(--violet0);\n  --table-th-background: var(--violet1);\n  --table-row-background: var(--violet0);\n  --table-striped-row-background: var(--violet1);\n  --table-cell-background: transparent;\n  --table-cell-border-color: var(--violet2);\n  --table-hover-background-color: var(--violet1);\n  --table-th-border-color: var(--violet2);\n  --fieldset-border-color: var(--fa-violet);\n  --legend-color: var(--fa-dk-violet);\n}\n.inverted .info,\n.inverted.info,\n.inverted .blue,\n.inverted.blue {\n  --button-background: var(--body-background);\n  --button-color: var(--fa-blue);\n  --button-border-color: var(--button-color);\n  --button-hover-background: var(--button-background);\n  --button-hover-color: var(--fa-dk-blue);\n  --button-active-background: var(--button-color);\n  --button-active-color: var(--button-background);\n  --button-active-border-color: var(--button-active-background);\n  --button-disabled-background: var(--button-background);\n  --message-background: var(--fa-dk-navy);\n  --message-border-color: var(--fa-blue);\n  --message-with-icon-decorative-color: var(--message-border-color);\n  --with-close-close-color: var(--message-border-color);\n  --link-color: var(--fa-blue);\n  --link-hover-color: var(--fa-dk-blue);\n  --tag-background: var(--fa-dk-blue);\n  --tag-color: var(--white);\n  --tag-link-hover-color: var(--fa-blue);\n  --card-background: var(--fa-dk-navy);\n  --card-color: var(--fa-blue);\n  --card-link-background: var(--card-background);\n  --card-link-color: var(--card-color);\n  --card-link-hover-background: var(--fa-dk-navy);\n  --card-link-hover-color: var(--card-color);\n  --card-link-hover-border-color: var(--card-color);\n  --card-header-background: var(--fa-dk-blue);\n  --card-header-color: var(--white);\n  --card-header-link-hover-background: var(--card-link-hover-color);\n  --card-header-link-hover-color: var(--card-link-hover-background);\n  --border-color: var(--blue3);\n  --table-background: var(--blue0);\n  --table-th-background: var(--blue1);\n  --table-row-background: var(--blue0);\n  --table-striped-row-background: var(--blue1);\n  --table-cell-background: transparent;\n  --table-cell-border-color: var(--blue2);\n  --table-hover-background-color: var(--blue1);\n  --table-th-border-color: var(--blue2);\n  --fieldset-border-color: var(--fa-blue);\n  --legend-color: var(--fa-dk-blue);\n}\n.inverted .success,\n.inverted.success,\n.inverted .teal,\n.inverted.teal {\n  --button-background: var(--body-background);\n  --button-color: var(--fa-teal);\n  --button-border-color: var(--button-color);\n  --button-hover-background: var(--button-background);\n  --button-hover-color: var(--fa-dk-teal);\n  --button-active-background: var(--button-color);\n  --button-active-color: var(--button-background);\n  --button-active-border-color: var(--button-active-background);\n  --button-disabled-background: var(--button-background);\n  --message-background: var(--fa-dk-navy);\n  --message-border-color: var(--fa-teal);\n  --message-with-icon-decorative-color: var(--message-border-color);\n  --with-close-close-color: var(--message-border-color);\n  --link-color: var(--fa-teal);\n  --link-hover-color: var(--fa-dk-teal);\n  --tag-background: var(--fa-dk-teal);\n  --tag-color: var(--white);\n  --tag-link-hover-color: var(--fa-teal);\n  --card-background: var(--fa-dk-navy);\n  --card-color: var(--fa-teal);\n  --card-link-background: var(--card-background);\n  --card-link-color: var(--card-color);\n  --card-link-hover-background: var(--fa-dk-navy);\n  --card-link-hover-color: var(--card-color);\n  --card-link-hover-border-color: var(--card-color);\n  --card-header-background: var(--fa-dk-teal);\n  --card-header-color: var(--white);\n  --card-header-link-hover-background: var(--card-link-hover-color);\n  --card-header-link-hover-color: var(--card-link-hover-background);\n  --border-color: var(--teal3);\n  --table-background: var(--teal0);\n  --table-th-background: var(--teal1);\n  --table-row-background: var(--teal0);\n  --table-striped-row-background: var(--teal1);\n  --table-cell-background: transparent;\n  --table-cell-border-color: var(--teal2);\n  --table-hover-background-color: var(--teal1);\n  --table-th-border-color: var(--teal2);\n  --fieldset-border-color: var(--fa-teal);\n  --legend-color: var(--fa-dk-teal);\n}\n.inverted .warning,\n.inverted.warning,\n.inverted .yellow,\n.inverted.yellow {\n  --button-background: var(--body-background);\n  --button-color: var(--fa-yellow);\n  --button-border-color: var(--button-color);\n  --button-hover-background: var(--button-background);\n  --button-hover-color: var(--fa-dk-yellow);\n  --button-active-background: var(--button-color);\n  --button-active-color: var(--button-background);\n  --button-active-border-color: var(--button-active-background);\n  --button-disabled-background: var(--button-background);\n  --message-background: var(--fa-dk-navy);\n  --message-border-color: var(--fa-yellow);\n  --message-with-icon-decorative-color: var(--message-border-color);\n  --with-close-close-color: var(--message-border-color);\n  --link-color: var(--fa-yellow);\n  --link-hover-color: var(--fa-dk-yellow);\n  --tag-background: var(--fa-dk-yellow);\n  --tag-color: var(--fa-navy);\n  --tag-link-hover-color: var(--fa-dk-gravy);\n  --card-background: var(--fa-dk-navy);\n  --card-color: var(--fa-yellow);\n  --card-link-background: var(--card-background);\n  --card-link-color: var(--card-color);\n  --card-link-hover-background: var(--fa-dk-navy);\n  --card-link-hover-color: var(--card-color);\n  --card-link-hover-border-color: var(--card-color);\n  --card-header-background: var(--fa-dk-yellow);\n  --card-header-color: var(--white);\n  --card-header-link-hover-background: var(--card-link-hover-color);\n  --card-header-link-hover-color: var(--card-link-hover-background);\n  --border-color: var(--yellow3);\n  --table-background: var(--yellow0);\n  --table-th-background: var(--yellow1);\n  --table-row-background: var(--yellow0);\n  --table-striped-row-background: var(--yellow1);\n  --table-cell-background: transparent;\n  --table-cell-border-color: var(--yellow2);\n  --table-hover-background-color: var(--yellow1);\n  --table-th-border-color: var(--yellow2);\n  --fieldset-border-color: var(--fa-yellow);\n  --legend-color: var(--fa-dk-yellow);\n}\nhtml {\n  -ms-overflow-style: -ms-autohiding-scrollbar; /* make sure Edge/IE scrollbars are shown when needed but not otherwise */\n  -webkit-text-size-adjust: 100%;\n     -moz-text-size-adjust: 100%;\n      -ms-text-size-adjust: 100%;\n          text-size-adjust: 100%;\n  font-size: 14px;\n  font-size: var(--font-size-root);\n}\n@media (min-width: 48rem) {\n  html {\n    font-size: 16px;\n    font-size: var(--font-size-root-tablet);\n  }\n}\nbody {\n  margin: 0;\n  padding: 0;\n  min-height: 100vh;\n  overflow-x: hidden;\n  text-align: left;\n  text-align: var(--text-align);\n}\ntable {\n  border-collapse: collapse;\n  border-collapse: var(--table-cell-border-collapse);\n  border-spacing: none;\n  border-spacing: var(--table-cell-border-spacing);\n}\nth {\n  font-weight: 600;\n  font-weight: var(--table-th-font-weight);\n}\nabbr[title],\nabbr[data-original-title] {\n  cursor: help;\n  text-decoration: underline;\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n  -webkit-text-decoration-skip-ink: none;\n          text-decoration-skip-ink: none;\n}\n/* lists */\nol,ul,dl {\n  margin: 0;\n  padding: 0;\n}\nol > *,ul > *,dl > * {\n  margin: 0;\n  padding: 0;\n}\nblockquote {\n  display: block;\n  margin: 0;\n}\n/* links */\na:not([href]),\n  a:not([href]):hover {\n    text-decoration: none;\n    color: inherit;\n  }\n/* code */\ncode,pre {\n  background: var(--code-bg);\n  word-wrap: break-word;\n  color: #ff922b;\n  color: var(--code-color);\n  font-family: "Menlo", "Monaco", "Consolas", "Courier New", monospace;\n  font-family: var(--font-family-monospace);\n  font-size: calc(1em * 0.875);\n  font-size: var(--code-font-size);\n\n  a > & {\n    color: inherit;\n  }\n}\n/* horizontal rules */\nhr,\n.hr {\n  -webkit-box-sizing: content-box;\n          box-sizing: content-box;\n  margin: 0;\n  border-width: 0.125em;\n  border-width: var(--hr-border-width);\n  border-style: solid;\n  border-style: var(--hr-border-style);\n  border-color: #c3c6d1;\n  border-color: var(--hr-border-color);\n  padding: 0;\n  height: 0;\n  overflow: visible;\n}\n/* default outline styling */\n[tabindex="-1"]:focus:not(.focus-visible) {\n  outline: 0 !important;\n}\n[tabindex="-1"]:focus:not(:focus-visible) {\n  outline: 0 !important;\n}\n/* forms */\nfieldset {\n  border: 0;\n  padding: 0;\n}\nlegend {\n  margin: 0;\n}\nselect {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  border: 0;\n  background-color: transparent;\n}\n/* buttons */\nbutton,\n.button {\n  cursor: pointer;\n  font-family: inherit;\n}\n:host,\nbody {\n  background-color: #f0f1f3;\n  background-color: var(--body-background);\n  text-align: var(--body-text-align);\n  line-height: 1.5;\n  line-height: var(--line-height-base);\n  color: #183153;\n  color: var(--body-color);\n  font-family: cera-round-pro, "Helvetica Neue", "Helvetica", "Arial", sans-serif;\n  font-family: var(--font-family-base);\n  font-size: 1em;\n  font-size: var(--font-size-base);\n  font-weight: var(--font-weight-base);\n  -webkit-font-feature-settings: "ss01" on;\n          font-feature-settings: "ss01" on; /* Turns on alternate \'a\' character without the top arm */\n}\n/* Sets global focus style. */\n:focus,.focus,.focused {\n  outline: solid 0.1875em #74c0fc;\n  outline: var(--focus-outline);\n  outline-offset: calc(1em * 1 / 16);\n  outline-offset: var(--focus-outline-offset);\n}\n/* lists */\n/* stylelint-disable no-descending-specificity */\nol,ul,dl {\n  --margin-top: var(--list-margin-top);\n  --margin-bottom: var(--list-margin-bottom);\n  --padding-left: var(--list-padding-left);\n  --line-height: var(--list-line-height);\n  --list-style-type: disc;\n\n  margin-top: var(--margin-top);\n  margin-bottom: var(--margin-bottom);\n  padding-left: var(--padding-left);\n  list-style-type: var(--list-style-type);\n  line-height: var(--line-height)\n}\nol:first-child,ul:first-child,dl:first-child {\n    --margin-top: 0;\n  }\nol:last-child,ul:last-child,dl:last-child {\n    --margin-bottom: 0;\n  }\n/* stylelint-enable no-descending-specificity */\nol li,ul li,dl li {\n  --display: list-item;\n\n  display: var(--display);\n}\nol {\n  --list-style-type: decimal;\n}\nul {\n  --list-style-type: disc;\n}\nol ul,\nul ul {\n  --list-style-type: circle;\n}\nol ul,\nul ol,\nul ul,\nol ol {\n  --margin-top: 0;\n  --margin-bottom: var(--list-nested-margin-bottom);\n}\nol ol ul,\nol ul ul,\nul ol ul,\nul ul ul {\n  --list-style-type: square;\n}\ndl {\n  --margin-bottom: var(--spacing-md);\n\n  margin-top: 0;\n  margin-bottom: var(--margin-bottom);\n}\ndt {\n  --display: block;\n  --margin-right: 0;\n  --margin-bottom: var(--spacing-4xs);\n\n  display: var(--display);\n  margin-top: 0;\n  margin-right: var(--margin-right);\n  margin-bottom: var(--margin-bottom);\n  font-weight: 600;\n  font-weight: var(--font-weight-semibold);\n}\ndd {\n  --display: block;\n  --margin-bottom: var(--spacing-sm);\n  --margin-left: 0;\n\n  display: var(--display);\n  margin-top: 0;\n  margin-bottom: var(--margin-bottom);\n  margin-left: var(--margin-left)\n}\ndd:last-child {\n    --margin-bottom: 0;\n  }\ndl.display-inline {\n  --padding-left: 0;\n}\ndl.display-inline dt {\n  --display: inline-block;\n  --margin-right: var(--spacing-4xs);\n}\ndl.display-inline dd {\n  --display: inline\n}\ndl.display-inline dd::after {\n    white-space: pre;\n    content: "\\a";\n  }\n/* stylelint-disable no-descending-specificity */\nh1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {\n  --margin-bottom: var(--spacing-sm);\n  --line-height: var(--line-height-heading);\n\n  margin-top: 2em;\n\n  margin-top: var(--headings-margin-top);\n  margin-bottom: var(--margin-bottom);\n  line-height: var(--line-height);\n  font-family: cera-round-pro, "Helvetica Neue", "Helvetica", "Arial", sans-serif;\n  font-family: var(--headings-font-family);\n  font-weight: 600;\n  font-weight: var(--headings-font-weight)\n}\nh1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,.h1:first-child,.h2:first-child,.h3:first-child,.h4:first-child,.h5:first-child,.h6:first-child {\n    margin-top: 0;\n  }\nh1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,.h1:last-child,.h2:last-child,.h3:last-child,.h4:last-child,.h5:last-child,.h6:last-child {\n    margin-bottom: 0;\n  }\n/* stylelint-enable no-descending-specificity */\nh1,\n.h1 {\n  --margin-bottom: var(--h1-margin-bottom);\n  --line-height: var(--h1-line-height);\n\n  font-size: calc(1em * 2.5);\n\n  font-size: var(--h1-font-size);\n}\nh2,\n.h2 {\n  --margin-bottom: var(--h2-margin-bottom);\n  --line-height: var(--h2-line-height);\n\n  font-size: calc(1em * 2);\n\n  font-size: var(--h2-font-size);\n}\nh3,\n.h3 {\n  --margin-bottom: var(--h3-margin-bottom);\n  --line-height: var(--h3-line-height);\n\n  font-size: calc(1em * 1.5);\n\n  font-size: var(--h3-font-size);\n}\nh4,\n.h4 {\n  --margin-bottom: var(--h4-margin-bottom);\n  --line-height: var(--h4-line-height);\n\n  font-size: calc(1em * 1.25);\n\n  font-size: var(--h4-font-size);\n}\nh5,\n.h5 {\n  --margin-bottom: var(--h5-margin-bottom);\n  --line-height: var(--h5-line-height);\n\n  font-size: 1em;\n\n  font-size: var(--h5-font-size);\n}\nh6,\n.h6 {\n  --margin-bottom: var(--h6-margin-bottom);\n  --line-height: var(--h6-line-height);\n\n  font-size: calc(1em * 0.75);\n\n  font-size: var(--h6-font-size);\n}\np,\n.p {\n  margin-top: 0;\n  margin-top: var(--paragraph-margin-top);\n  margin-bottom: calc(1em * 1);\n  margin-bottom: var(--paragraph-margin-bottom);\n  line-height: 1.5;\n  line-height: var(--line-height-copy)\n}\np:last-child, .p:last-child {\n    --paragraph-margin-bottom: 0;\n  }\nb,\n.b,\nstrong,\n.strong {\n  --font-weight: var(--font-weight-bold);\n\n  font-weight: 700;\n\n  font-weight: var(--font-weight-bold);\n}\ni,\n.i,\nem,\n.em {\n  --font-style: italic;\n\n  font-style: var(--font-style);\n}\nsmall,\n.small {\n  --font-size: var(--font-size-xs);\n\n  font-size: var(--font-size);\n}\ndel,\n.del,\ns,\n.s,\n.strike {\n  --text-decoration: line-through;\n\n  -webkit-text-decoration: var(--text-decoration);\n\n          text-decoration: var(--text-decoration);\n}\nsub,\n.sub,\nsup,\n.sup {\n  position: relative;\n  vertical-align: baseline;\n  line-height: 0;\n  line-height: var(--line-height-0);\n  font-size: calc(1em * 0.75);\n  font-size: var(--font-size-xs);\n}\nsub,\n.sub {\n  bottom: -0.25em;\n}\nsup,\n.sup {\n  top: -0.5em;\n}\n::-webkit-input-placeholder {\n  opacity: 0.3;\n  color: inherit;\n}\n::-moz-placeholder {\n  opacity: 0.3;\n  color: inherit;\n}\n:-ms-input-placeholder {\n  opacity: 0.3;\n  color: inherit;\n}\n::-ms-input-placeholder {\n  opacity: 0.3;\n  color: inherit;\n}\n::placeholder {\n  opacity: 0.3;\n  color: inherit;\n}\n/* blockquotes */\nblockquote,\n.blockquote {\n  margin-bottom: calc(1em * 1.25);\n  margin-bottom: var(--blockquote-margin-bottom);\n  border-left: calc(1em * 4 / 16) solid #a5abbb;\n  border-left: var(--blockquote-quote-border-width) var(--blockquote-quote-border-style) var(--blockquote-quote-border-color);\n  padding-left: calc(1em * 1.5);\n  padding-left: var(--blockquote-quote-indent);\n  font-family: fa-livory, "Georgia", "Times New Roman", "Times", serif;\n  font-family: var(--blockquote-font-family);\n  font-size: inherit;\n  font-size: var(--blockquote-font-size)\n}\nblockquote:last-child, .blockquote:last-child {\n    --blockquote-margin-bottom: 0;\n  }\nblockquote footer,\n.blockquote-footer {\n  margin-top: calc(calc(1em * 1) * -1);\n  margin-top: var(--blockquote-footer-margin-top);\n  padding-top: calc(1em * 1.25);\n  padding-top: var(--blockquote-footer-padding-top);\n  color: #6d7790;\n  color: var(--blockquote-footer-color);\n  font-family: cera-round-pro, "Helvetica Neue", "Helvetica", "Arial", sans-serif;\n  font-family: var(--blockquote-footer-font-family);\n  font-size: calc(1em * 0.875);\n  font-size: var(--blockquote-footer-font-size);\n}\n/* tables */\ntable {\n  margin-bottom: calc(1em * 1.5);\n  margin-bottom: var(--table-margin-bottom)\n}\ntable:last-child {\n    --table-margin-bottom: 0;\n  }\ntable caption {\n  text-align: left;\n  text-align: var(--table-caption-text-align);\n  color: #515e7b;\n  color: var(--table-caption-color);\n}\ntd,\nth {\n  padding: 0.5em 0.75em 0.5em 0.75em;\n  padding: var(--table-cell-spacing-top) var(--table-cell-spacing-right) var(--table-cell-spacing-bottom) var(--table-cell-spacing-left);\n  text-align: left;\n  text-align: var(--table-cell-text-align);\n}\n.container {\n  width: auto;\n  width: var(--max-width, auto);\n}\n.container-fluid {\n  max-width: 100%;\n  max-width: var(--grid-fluid-max-width);\n}\n.container,\n.container-fluid {\n  --outer-gutter-width: var(--grid-outer-gutter-width);\n  --min-width: var(--grid-min-width);\n\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: var(--outer-gutter-width);\n  padding-left: var(--outer-gutter-width);\n  min-width: var(--min-width);\n}\n.row {\n  --margin-left: calc(var(--grid-gutter-x-width) * -1);\n  --margin-right: calc(var(--grid-gutter-x-width) * -1);\n\n  display: -webkit-box;\n\n  display: -ms-flexbox;\n\n  display: flex;\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n  -ms-flex-preferred-size: auto;\n      flex-basis: auto;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  flex-direction: var(--grid-row-direction);\n  -webkit-box-flex: 0;\n      -ms-flex-positive: 0;\n          flex-grow: 0;\n  -ms-flex-negative: 1;\n      flex-shrink: 1;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n  -ms-flex-wrap: var(--grid-wrap);\n      flex-wrap: var(--grid-wrap);\n  margin-right: var(--margin-right);\n  margin-left: var(--margin-left)\n}\n.row.align-top {\n    -webkit-box-align: start;\n        -ms-flex-align: start;\n            align-items: flex-start;\n  }\n.row.align-middle {\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n  }\n.row.align-bottom {\n    -webkit-box-align: end;\n        -ms-flex-align: end;\n            align-items: flex-end;\n  }\n.row.align-stretch {\n    -webkit-box-align: stretch;\n        -ms-flex-align: stretch;\n            align-items: stretch;\n  }\n.row > div,.row > main,.row > aside,.row > header,.row > footer,.row > nav,.row > section,.row > article,.row > ol,.row > ul,.row > li,.row > p,.row > blockquote {\n    --padding-left: var(--grid-gutter-x-width);\n    --padding-right: var(--grid-gutter-x-width);\n\n    padding-right: var(--padding-right);\n    padding-left: var(--padding-left);\n  }\n/* no gutters */\n.row.flush {\n  --margin-left: 0;\n  --margin-right: 0\n}\n.row.flush > div,.row.flush > main,.row.flush > aside,.row.flush > header,.row.flush > footer,.row.flush > nav,.row.flush > section,.row.flush > article,.row.flush > ol,.row.flush > ul,.row.flush > li,.row.flush > p,.row.flush > blockquote {\n    --padding-left: 0;\n    --padding-right: 0;\n  }\n/* extra roomy gutters */\n.row.roomy {\n  --grid-gutter-x-width: 1rem;\n  --grid-gutter-y-width: 2rem;\n  --grid-outer-gutter-width: 2rem;\n}\n.row.reverse {\n  --grid-row-direction: row-reverse;\n}\n.column,\n.column-1,\n.column-2,\n.column-3,\n.column-4,\n.column-5,\n.column-6,\n.column-7,\n.column-8,\n.column-9,\n.column-10,\n.column-11,\n.column-12,\n.offset-0,\n.offset-1,\n.offset-2,\n.offset-3,\n.offset-4,\n.offset-5,\n.offset-6,\n.offset-7,\n.offset-8,\n.offset-9,\n.offset-10,\n.offset-11,\n.offset-12 {\n  --order: 0;\n\n  -ms-flex-preferred-size: auto;\n\n      flex-basis: auto;\n  -webkit-box-flex: 0;\n      -ms-flex-positive: 0;\n          flex-grow: 0;\n  -ms-flex-negative: 0;\n      flex-shrink: 0;\n  -webkit-box-ordinal-group: var(--order);\n      -ms-flex-order: var(--order);\n          order: var(--order);\n}\n.column {\n  -ms-flex-preferred-size: 0;\n      flex-basis: 0;\n  -webkit-box-flex: 1;\n      -ms-flex-positive: 1;\n          flex-grow: 1;\n  max-width: 100%;\n}\n.column-1 {\n  -ms-flex-preferred-size: 8.33333333%;\n      flex-basis: 8.33333333%;\n  max-width: 8.33333333%;\n}\n.column-2 {\n  -ms-flex-preferred-size: 16.66666667%;\n      flex-basis: 16.66666667%;\n  max-width: 16.66666667%;\n}\n.column-3 {\n  -ms-flex-preferred-size: 25%;\n      flex-basis: 25%;\n  max-width: 25%;\n}\n.column-4 {\n  -ms-flex-preferred-size: 33.33333333%;\n      flex-basis: 33.33333333%;\n  max-width: 33.33333333%;\n}\n.column-5 {\n  -ms-flex-preferred-size: 41.66666667%;\n      flex-basis: 41.66666667%;\n  max-width: 41.66666667%;\n}\n.column-6 {\n  -ms-flex-preferred-size: 50%;\n      flex-basis: 50%;\n  max-width: 50%;\n}\n.column-7 {\n  -ms-flex-preferred-size: 58.33333333%;\n      flex-basis: 58.33333333%;\n  max-width: 58.33333333%;\n}\n.column-8 {\n  -ms-flex-preferred-size: 66.66666667%;\n      flex-basis: 66.66666667%;\n  max-width: 66.66666667%;\n}\n.column-9 {\n  -ms-flex-preferred-size: 75%;\n      flex-basis: 75%;\n  max-width: 75%;\n}\n.column-10 {\n  -ms-flex-preferred-size: 83.33333333%;\n      flex-basis: 83.33333333%;\n  max-width: 83.33333333%;\n}\n.column-11 {\n  -ms-flex-preferred-size: 91.66666667%;\n      flex-basis: 91.66666667%;\n  max-width: 91.66666667%;\n}\n.column-12 {\n  -ms-flex-preferred-size: 100%;\n      flex-basis: 100%;\n  max-width: 100%;\n}\n.offset-0 {\n  margin-left: 0;\n}\n.offset-1 {\n  margin-left: 8.33333333%;\n}\n.offset-2 {\n  margin-left: 16.66666667%;\n}\n.offset-3 {\n  margin-left: 25%;\n}\n.offset-4 {\n  margin-left: 33.33333333%;\n}\n.offset-5 {\n  margin-left: 41.66666667%;\n}\n.offset-6 {\n  margin-left: 50%;\n}\n.offset-7 {\n  margin-left: 58.33333333%;\n}\n.offset-8 {\n  margin-left: 66.66666667%;\n}\n.offset-9 {\n  margin-left: 75%;\n}\n.offset-10 {\n  margin-left: 83.33333333%;\n}\n.offset-11 {\n  margin-left: 91.66666667%;\n}\n.order-first {\n  --order: -1;\n}\n.order-last {\n  --order: 1;\n}\n@media (min-width: 48rem) {\n  .row.tablet\\:flush {\n    --margin-left: 0;\n    --margin-right: 0\n  }\n\n    .row.tablet\\:flush > div,.row.tablet\\:flush > main,.row.tablet\\:flush > aside,.row.tablet\\:flush > header,.row.tablet\\:flush > footer,.row.tablet\\:flush > nav,.row.tablet\\:flush > section,.row.tablet\\:flush > article,.row.tablet\\:flush > ol,.row.tablet\\:flush > ul,.row.tablet\\:flush > li,.row.tablet\\:flush > p,.row.tablet\\:flush > blockquote {\n      --padding-left: 0;\n      --padding-right: 0;\n    }\n\n  .row.tablet\\:roomy {\n    --grid-gutter-x-width: 1rem;\n    --grid-gutter-y-width: 2rem;\n    --grid-outer-gutter-width: 2rem;\n  }\n\n  .row.tablet\\:reverse {\n    --grid-row-direction: row-reverse;\n  }\n\n  .row.tablet\\:align-top {\n    -webkit-box-align: start;\n        -ms-flex-align: start;\n            align-items: flex-start;\n  }\n\n  .row.tablet\\:align-middle {\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n  }\n\n  .row.tablet\\:align-bottom {\n    -webkit-box-align: end;\n        -ms-flex-align: end;\n            align-items: flex-end;\n  }\n\n  .row.tablet\\:align-stretch {\n    -webkit-box-align: stretch;\n        -ms-flex-align: stretch;\n            align-items: stretch;\n  }\n\n  .tablet\\:column,\n  .tablet\\:column-1,\n  .tablet\\:column-2,\n  .tablet\\:column-3,\n  .tablet\\:column-4,\n  .tablet\\:column-5,\n  .tablet\\:column-6,\n  .tablet\\:column-7,\n  .tablet\\:column-8,\n  .tablet\\:column-9,\n  .tablet\\:column-10,\n  .tablet\\:column-11,\n  .tablet\\:column-12,\n  .tablet\\:offset-0,\n  .tablet\\:offset-1,\n  .tablet\\:offset-2,\n  .tablet\\:offset-3,\n  .tablet\\:offset-4,\n  .tablet\\:offset-5,\n  .tablet\\:offset-6,\n  .tablet\\:offset-7,\n  .tablet\\:offset-8,\n  .tablet\\:offset-9,\n  .tablet\\:offset-10,\n  .tablet\\:offset-11,\n  .tablet\\:offset-12 {\n    --order: 0;\n\n    -ms-flex-preferred-size: auto;\n\n        flex-basis: auto;\n    -webkit-box-flex: 0;\n        -ms-flex-positive: 0;\n            flex-grow: 0;\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n    -webkit-box-ordinal-group: var(--order);\n        -ms-flex-order: var(--order);\n            order: var(--order);\n  }\n\n  .tablet\\:column {\n    -ms-flex-preferred-size: 0;\n        flex-basis: 0;\n    -webkit-box-flex: 1;\n        -ms-flex-positive: 1;\n            flex-grow: 1;\n    max-width: 100%;\n  }\n\n  .tablet\\:column-1 {\n    -ms-flex-preferred-size: 8.33333333%;\n        flex-basis: 8.33333333%;\n    max-width: 8.33333333%;\n  }\n\n  .tablet\\:column-2 {\n    -ms-flex-preferred-size: 16.66666667%;\n        flex-basis: 16.66666667%;\n    max-width: 16.66666667%;\n  }\n\n  .tablet\\:column-3 {\n    -ms-flex-preferred-size: 25%;\n        flex-basis: 25%;\n    max-width: 25%;\n  }\n\n  .tablet\\:column-4 {\n    -ms-flex-preferred-size: 33.33333333%;\n        flex-basis: 33.33333333%;\n    max-width: 33.33333333%;\n  }\n\n  .tablet\\:column-5 {\n    -ms-flex-preferred-size: 41.66666667%;\n        flex-basis: 41.66666667%;\n    max-width: 41.66666667%;\n  }\n\n  .tablet\\:column-6 {\n    -ms-flex-preferred-size: 50%;\n        flex-basis: 50%;\n    max-width: 50%;\n  }\n\n  .tablet\\:column-7 {\n    -ms-flex-preferred-size: 58.33333333%;\n        flex-basis: 58.33333333%;\n    max-width: 58.33333333%;\n  }\n\n  .tablet\\:column-8 {\n    -ms-flex-preferred-size: 66.66666667%;\n        flex-basis: 66.66666667%;\n    max-width: 66.66666667%;\n  }\n\n  .tablet\\:column-9 {\n    -ms-flex-preferred-size: 75%;\n        flex-basis: 75%;\n    max-width: 75%;\n  }\n\n  .tablet\\:column-10 {\n    -ms-flex-preferred-size: 83.33333333%;\n        flex-basis: 83.33333333%;\n    max-width: 83.33333333%;\n  }\n\n  .tablet\\:column-11 {\n    -ms-flex-preferred-size: 91.66666667%;\n        flex-basis: 91.66666667%;\n    max-width: 91.66666667%;\n  }\n\n  .tablet\\:column-12 {\n    -ms-flex-preferred-size: 100%;\n        flex-basis: 100%;\n    max-width: 100%;\n  }\n\n  .tablet\\:offset-0 {\n    margin-left: 0;\n  }\n\n  .tablet\\:offset-1 {\n    margin-left: 8.33333333%;\n  }\n\n  .tablet\\:offset-2 {\n    margin-left: 16.66666667%;\n  }\n\n  .tablet\\:offset-3 {\n    margin-left: 25%;\n  }\n\n  .tablet\\:offset-4 {\n    margin-left: 33.33333333%;\n  }\n\n  .tablet\\:offset-5 {\n    margin-left: 41.66666667%;\n  }\n\n  .tablet\\:offset-6 {\n    margin-left: 50%;\n  }\n\n  .tablet\\:offset-7 {\n    margin-left: 58.33333333%;\n  }\n\n  .tablet\\:offset-8 {\n    margin-left: 66.66666667%;\n  }\n\n  .tablet\\:offset-9 {\n    margin-left: 75%;\n  }\n\n  .tablet\\:offset-10 {\n    margin-left: 83.33333333%;\n  }\n\n  .tablet\\:offset-11 {\n    margin-left: 91.66666667%;\n  }\n\n  .tablet\\:order-first {\n    --order: -1;\n  }\n\n  .tablet\\:order-last {\n    --order: 1;\n  }\n}\n@media (min-width: 64rem) {\n  .row.laptop\\:flush {\n    --margin-left: 0;\n    --margin-right: 0\n  }\n\n    .row.laptop\\:flush > div,.row.laptop\\:flush > main,.row.laptop\\:flush > aside,.row.laptop\\:flush > header,.row.laptop\\:flush > footer,.row.laptop\\:flush > nav,.row.laptop\\:flush > section,.row.laptop\\:flush > article,.row.laptop\\:flush > ol,.row.laptop\\:flush > ul,.row.laptop\\:flush > li,.row.laptop\\:flush > p,.row.laptop\\:flush > blockquote {\n      --padding-left: 0;\n      --padding-right: 0;\n    }\n\n  .row.laptop\\:roomy {\n    --grid-gutter-x-width: 1rem;\n    --grid-gutter-y-width: 2rem;\n    --grid-outer-gutter-width: 2rem;\n  }\n\n  .row.laptop\\:reverse {\n    --grid-row-direction: row-reverse;\n  }\n\n  .row.laptop\\:align-top {\n    -webkit-box-align: start;\n        -ms-flex-align: start;\n            align-items: flex-start;\n  }\n\n  .row.laptop\\:align-middle {\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n  }\n\n  .row.laptop\\:align-bottom {\n    -webkit-box-align: end;\n        -ms-flex-align: end;\n            align-items: flex-end;\n  }\n\n  .row.laptop\\:align-stretch {\n    -webkit-box-align: stretch;\n        -ms-flex-align: stretch;\n            align-items: stretch;\n  }\n\n  .laptop\\:column,\n  .laptop\\:column-1,\n  .laptop\\:column-2,\n  .laptop\\:column-3,\n  .laptop\\:column-4,\n  .laptop\\:column-5,\n  .laptop\\:column-6,\n  .laptop\\:column-7,\n  .laptop\\:column-8,\n  .laptop\\:column-9,\n  .laptop\\:column-10,\n  .laptop\\:column-11,\n  .laptop\\:column-12,\n  .laptop\\:offset-0,\n  .laptop\\:offset-1,\n  .laptop\\:offset-2,\n  .laptop\\:offset-3,\n  .laptop\\:offset-4,\n  .laptop\\:offset-5,\n  .laptop\\:offset-6,\n  .laptop\\:offset-7,\n  .laptop\\:offset-8,\n  .laptop\\:offset-9,\n  .laptop\\:offset-10,\n  .laptop\\:offset-11,\n  .laptop\\:offset-12 {\n    --order: 0;\n\n    -ms-flex-preferred-size: auto;\n\n        flex-basis: auto;\n    -webkit-box-flex: 0;\n        -ms-flex-positive: 0;\n            flex-grow: 0;\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n    -webkit-box-ordinal-group: var(--order);\n        -ms-flex-order: var(--order);\n            order: var(--order);\n  }\n\n  .laptop\\:column {\n    -ms-flex-preferred-size: 0;\n        flex-basis: 0;\n    -webkit-box-flex: 1;\n        -ms-flex-positive: 1;\n            flex-grow: 1;\n    max-width: 100%;\n  }\n\n  .laptop\\:column-1 {\n    -ms-flex-preferred-size: 8.33333333%;\n        flex-basis: 8.33333333%;\n    max-width: 8.33333333%;\n  }\n\n  .laptop\\:column-2 {\n    -ms-flex-preferred-size: 16.66666667%;\n        flex-basis: 16.66666667%;\n    max-width: 16.66666667%;\n  }\n\n  .laptop\\:column-3 {\n    -ms-flex-preferred-size: 25%;\n        flex-basis: 25%;\n    max-width: 25%;\n  }\n\n  .laptop\\:column-4 {\n    -ms-flex-preferred-size: 33.33333333%;\n        flex-basis: 33.33333333%;\n    max-width: 33.33333333%;\n  }\n\n  .laptop\\:column-5 {\n    -ms-flex-preferred-size: 41.66666667%;\n        flex-basis: 41.66666667%;\n    max-width: 41.66666667%;\n  }\n\n  .laptop\\:column-6 {\n    -ms-flex-preferred-size: 50%;\n        flex-basis: 50%;\n    max-width: 50%;\n  }\n\n  .laptop\\:column-7 {\n    -ms-flex-preferred-size: 58.33333333%;\n        flex-basis: 58.33333333%;\n    max-width: 58.33333333%;\n  }\n\n  .laptop\\:column-8 {\n    -ms-flex-preferred-size: 66.66666667%;\n        flex-basis: 66.66666667%;\n    max-width: 66.66666667%;\n  }\n\n  .laptop\\:column-9 {\n    -ms-flex-preferred-size: 75%;\n        flex-basis: 75%;\n    max-width: 75%;\n  }\n\n  .laptop\\:column-10 {\n    -ms-flex-preferred-size: 83.33333333%;\n        flex-basis: 83.33333333%;\n    max-width: 83.33333333%;\n  }\n\n  .laptop\\:column-11 {\n    -ms-flex-preferred-size: 91.66666667%;\n        flex-basis: 91.66666667%;\n    max-width: 91.66666667%;\n  }\n\n  .laptop\\:column-12 {\n    -ms-flex-preferred-size: 100%;\n        flex-basis: 100%;\n    max-width: 100%;\n  }\n\n  .laptop\\:offset-0 {\n    margin-left: 0;\n  }\n\n  .laptop\\:offset-1 {\n    margin-left: 8.33333333%;\n  }\n\n  .laptop\\:offset-2 {\n    margin-left: 16.66666667%;\n  }\n\n  .laptop\\:offset-3 {\n    margin-left: 25%;\n  }\n\n  .laptop\\:offset-4 {\n    margin-left: 33.33333333%;\n  }\n\n  .laptop\\:offset-5 {\n    margin-left: 41.66666667%;\n  }\n\n  .laptop\\:offset-6 {\n    margin-left: 50%;\n  }\n\n  .laptop\\:offset-7 {\n    margin-left: 58.33333333%;\n  }\n\n  .laptop\\:offset-8 {\n    margin-left: 66.66666667%;\n  }\n\n  .laptop\\:offset-9 {\n    margin-left: 75%;\n  }\n\n  .laptop\\:offset-10 {\n    margin-left: 83.33333333%;\n  }\n\n  .laptop\\:offset-11 {\n    margin-left: 91.66666667%;\n  }\n\n  .laptop\\:order-first {\n    --order: -1;\n  }\n\n  .laptop\\:order-last {\n    --order: 1;\n  }\n}\n@media (min-width: 96rem) {\n  .row.desktop\\:flush {\n    --margin-left: 0;\n    --margin-right: 0\n  }\n\n    .row.desktop\\:flush > div,.row.desktop\\:flush > main,.row.desktop\\:flush > aside,.row.desktop\\:flush > header,.row.desktop\\:flush > footer,.row.desktop\\:flush > nav,.row.desktop\\:flush > section,.row.desktop\\:flush > article,.row.desktop\\:flush > ol,.row.desktop\\:flush > ul,.row.desktop\\:flush > li,.row.desktop\\:flush > p,.row.desktop\\:flush > blockquote {\n      --padding-left: 0;\n      --padding-right: 0;\n    }\n\n  .row.desktop\\:roomy {\n    --grid-gutter-x-width: 1rem;\n    --grid-gutter-y-width: 2rem;\n    --grid-outer-gutter-width: 2rem;\n  }\n\n  .row.desktop\\:reverse {\n    --grid-row-direction: row-reverse;\n  }\n\n  .row.desktop\\:align-top {\n    -webkit-box-align: start;\n        -ms-flex-align: start;\n            align-items: flex-start;\n  }\n\n  .row.desktop\\:align-middle {\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n  }\n\n  .row.desktop\\:align-bottom {\n    -webkit-box-align: end;\n        -ms-flex-align: end;\n            align-items: flex-end;\n  }\n\n  .row.desktop\\:align-stretch {\n    -webkit-box-align: stretch;\n        -ms-flex-align: stretch;\n            align-items: stretch;\n  }\n\n  .desktop\\:column,\n  .desktop\\:column-1,\n  .desktop\\:column-2,\n  .desktop\\:column-3,\n  .desktop\\:column-4,\n  .desktop\\:column-5,\n  .desktop\\:column-6,\n  .desktop\\:column-7,\n  .desktop\\:column-8,\n  .desktop\\:column-9,\n  .desktop\\:column-10,\n  .desktop\\:column-11,\n  .desktop\\:column-12,\n  .desktop\\:offset-0,\n  .desktop\\:offset-1,\n  .desktop\\:offset-2,\n  .desktop\\:offset-3,\n  .desktop\\:offset-4,\n  .desktop\\:offset-5,\n  .desktop\\:offset-6,\n  .desktop\\:offset-7,\n  .desktop\\:offset-8,\n  .desktop\\:offset-9,\n  .desktop\\:offset-10,\n  .desktop\\:offset-11,\n  .desktop\\:offset-12 {\n    --order: 0;\n\n    -ms-flex-preferred-size: auto;\n\n        flex-basis: auto;\n    -webkit-box-flex: 0;\n        -ms-flex-positive: 0;\n            flex-grow: 0;\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n    -webkit-box-ordinal-group: var(--order);\n        -ms-flex-order: var(--order);\n            order: var(--order);\n  }\n\n  .desktop\\:column {\n    -ms-flex-preferred-size: 0;\n        flex-basis: 0;\n    -webkit-box-flex: 1;\n        -ms-flex-positive: 1;\n            flex-grow: 1;\n    max-width: 100%;\n  }\n\n  .desktop\\:column-1 {\n    -ms-flex-preferred-size: 8.33333333%;\n        flex-basis: 8.33333333%;\n    max-width: 8.33333333%;\n  }\n\n  .desktop\\:column-2 {\n    -ms-flex-preferred-size: 16.66666667%;\n        flex-basis: 16.66666667%;\n    max-width: 16.66666667%;\n  }\n\n  .desktop\\:column-3 {\n    -ms-flex-preferred-size: 25%;\n        flex-basis: 25%;\n    max-width: 25%;\n  }\n\n  .desktop\\:column-4 {\n    -ms-flex-preferred-size: 33.33333333%;\n        flex-basis: 33.33333333%;\n    max-width: 33.33333333%;\n  }\n\n  .desktop\\:column-5 {\n    -ms-flex-preferred-size: 41.66666667%;\n        flex-basis: 41.66666667%;\n    max-width: 41.66666667%;\n  }\n\n  .desktop\\:column-6 {\n    -ms-flex-preferred-size: 50%;\n        flex-basis: 50%;\n    max-width: 50%;\n  }\n\n  .desktop\\:column-7 {\n    -ms-flex-preferred-size: 58.33333333%;\n        flex-basis: 58.33333333%;\n    max-width: 58.33333333%;\n  }\n\n  .desktop\\:column-8 {\n    -ms-flex-preferred-size: 66.66666667%;\n        flex-basis: 66.66666667%;\n    max-width: 66.66666667%;\n  }\n\n  .desktop\\:column-9 {\n    -ms-flex-preferred-size: 75%;\n        flex-basis: 75%;\n    max-width: 75%;\n  }\n\n  .desktop\\:column-10 {\n    -ms-flex-preferred-size: 83.33333333%;\n        flex-basis: 83.33333333%;\n    max-width: 83.33333333%;\n  }\n\n  .desktop\\:column-11 {\n    -ms-flex-preferred-size: 91.66666667%;\n        flex-basis: 91.66666667%;\n    max-width: 91.66666667%;\n  }\n\n  .desktop\\:column-12 {\n    -ms-flex-preferred-size: 100%;\n        flex-basis: 100%;\n    max-width: 100%;\n  }\n\n  .desktop\\:offset-0 {\n    margin-left: 0;\n  }\n\n  .desktop\\:offset-1 {\n    margin-left: 8.33333333%;\n  }\n\n  .desktop\\:offset-2 {\n    margin-left: 16.66666667%;\n  }\n\n  .desktop\\:offset-3 {\n    margin-left: 25%;\n  }\n\n  .desktop\\:offset-4 {\n    margin-left: 33.33333333%;\n  }\n\n  .desktop\\:offset-5 {\n    margin-left: 41.66666667%;\n  }\n\n  .desktop\\:offset-6 {\n    margin-left: 50%;\n  }\n\n  .desktop\\:offset-7 {\n    margin-left: 58.33333333%;\n  }\n\n  .desktop\\:offset-8 {\n    margin-left: 66.66666667%;\n  }\n\n  .desktop\\:offset-9 {\n    margin-left: 75%;\n  }\n\n  .desktop\\:offset-10 {\n    margin-left: 83.33333333%;\n  }\n\n  .desktop\\:offset-11 {\n    margin-left: 91.66666667%;\n  }\n\n  .desktop\\:order-first {\n    --order: -1;\n  }\n\n  .desktop\\:order-last {\n    --order: 1;\n  }\n}\n@media (min-width: 48rem) {\n  .container,\n  .container-fluid {\n    --outer-gutter-width: var(--tablet-grid-outer-gutter-width);\n  }\n\n  .container {\n    --max-width: var(--tablet-grid-max-width);\n  }\n}\n@media (min-width: 64rem) {\n  .container,\n  .container-fluid {\n    --outer-gutter-width: var(--laptop-grid-outer-gutter-width);\n  }\n\n  .container {\n    --max-width: var(--laptop-grid-max-width);\n  }\n}\n@media (min-width: 96rem) {\n  .container,\n  .container-fluid {\n    --outer-gutter-width: var(--desktop-grid-outer-gutter-width);\n  }\n\n  .container {\n    --max-width: var(--desktop-grid-max-width);\n  }\n}\n/* components.css */\n/* links */\na {\n  display: inline;\n  display: var(--link-display);\n  -webkit-transition-duration: calc(1s * 0.1);\n          transition-duration: calc(1s * 0.1);\n  -webkit-transition-duration: var(--link-transition-duration);\n          transition-duration: var(--link-transition-duration);\n  -webkit-transition-property: color, background, -webkit-text-decoration;\n  transition-property: color, background, -webkit-text-decoration;\n  transition-property: color, text-decoration, background;\n  transition-property: color, text-decoration, background, -webkit-text-decoration;\n  -webkit-transition-timing-function: ease-in;\n          transition-timing-function: ease-in;\n  -webkit-text-decoration-color: currentColor;\n          text-decoration-color: currentColor;\n  -webkit-text-decoration-color: var(--link-decoration-color);\n          text-decoration-color: var(--link-decoration-color);\n  -webkit-text-decoration-line: underline;\n          text-decoration-line: underline;\n  -webkit-text-decoration-line: var(--link-decoration-line);\n          text-decoration-line: var(--link-decoration-line);\n  -webkit-text-decoration-style: dotted;\n          text-decoration-style: dotted;\n  -webkit-text-decoration-style: var(--link-decoration-style);\n          text-decoration-style: var(--link-decoration-style);\n  text-decoration-thickness: 0.0625em;\n  text-decoration-thickness: var(--link-decoration-thickness);\n  color: #1c7ed6;\n  color: var(--link-color);\n  font-weight: var(--font-weight-base);\n  font-weight: var(--link-font-weight)\n}\na:hover,\n  a.hover,\n  a:active,\n  a.active {\n    -webkit-text-decoration-color: currentColor;\n            text-decoration-color: currentColor;\n    -webkit-text-decoration-color: var(--link-hover-decoration-color);\n            text-decoration-color: var(--link-hover-decoration-color);\n    -webkit-text-decoration-line: underline;\n            text-decoration-line: underline;\n    -webkit-text-decoration-line: var(--link-hover-decoration-line);\n            text-decoration-line: var(--link-hover-decoration-line);\n    -webkit-text-decoration-style: solid;\n            text-decoration-style: solid;\n    -webkit-text-decoration-style: var(--link-hover-decoration-style);\n            text-decoration-style: var(--link-hover-decoration-style);\n    color: #74c0fc;\n    color: var(--link-hover-color);\n  }\n.no-underline {\n  text-decoration: none !important;\n}\n.nav-link {\n  display: inline-block;\n  padding: calc((4em - (1em * 1.5) - (0.125em * 2) - 0.375em) / 2) calc(1em * 1.5);\n  padding: var(--button-padding);\n  text-decoration: none;\n  color: #1c7ed6;\n  color: var(--link-color);\n  font-weight: 600;\n  font-weight: var(--font-weight-semibold)\n}\n.nav-link:active,\n  .nav-link.active {\n    text-decoration: none;\n    color: #183153;\n    color: var(--link-active-color);\n  }\n.nav-link:hover,\n  .nav-link.hover {\n    text-decoration: none;\n    color: #74c0fc;\n    color: var(--link-hover-color);\n  }\n.message,.msg,.alert {\n  margin: 0 0 1em;\n  margin: var(--message-margin);\n  border-width: 0.125em;\n  border-width: var(--message-border-width);\n  border-style: solid;\n  border-style: var(--message-border-style);\n  border-radius: 0.75em;\n  border-radius: var(--message-border-radius);\n  border-color: #fff;\n  border-color: var(--message-border-color);\n  background-color: #fff;\n  background-color: var(--message-background);\n  padding: calc((4em - (1em * 1.5) - (0.125em * 2)) / 2) calc(1em * 1.5);\n  padding: var(--message-padding);\n  min-height: 4em;\n  min-height: var(--message-min-height);\n  color: #183153;\n  color: var(--message-color)\n}\n.message.with-border,.msg.with-border,.alert.with-border {\n    border-width: 0.125em;\n    border-width: var(--message-border-width);\n    border-style: solid;\n    border-style: var(--message-border-style);\n    border-color: #fff;\n    border-color: var(--message-border-color);\n  }\n.message.no-border,.msg.no-border,.alert.no-border {\n    border-width: 0;\n  }\n.message.with-icon,.msg.with-icon,.alert.with-icon {\n    position: relative;\n    padding-left: calc(calc(1em * 1.5) * 2 * 1.5);\n    padding-left: calc(var(--message-horizontal-padding) * 2 * var(--message-with-icon-decorative-scale))\n  }\n.message.with-icon .decorative,.msg.with-icon .decorative,.alert.with-icon .decorative {\n      position: absolute;\n      top: calc((calc((4em - (1em * 1.5) - (0.125em * 2)) / 2) + (1.5 - 1.5)/2) / 1.5 * 1em);\n      top: var(--message-with-icon-decorative-top);\n      left: 0.25em;\n      width: calc(calc(1em * 1.5) * 1.75);\n      width: calc(var(--message-horizontal-padding) * 1.75);\n      text-align: center;\n      color: #8991a5;\n      color: var(--message-with-icon-decorative-color);\n      font-size: calc(1em * 1.5);\n      font-size: calc(1em * var(--message-with-icon-decorative-scale));\n    }\n.message.with-icon h1,.message.with-icon h2,.message.with-icon h3,.message.with-icon h4,.message.with-icon h5,.message.with-icon h6,.message.with-icon .h1,.message.with-icon .h2,.message.with-icon .h3,.message.with-icon .h4,.message.with-icon .h5,.message.with-icon .h6,.msg.with-icon h1,.msg.with-icon h2,.msg.with-icon h3,.msg.with-icon h4,.msg.with-icon h5,.msg.with-icon h6,.msg.with-icon .h1,.msg.with-icon .h2,.msg.with-icon .h3,.msg.with-icon .h4,.msg.with-icon .h5,.msg.with-icon .h6,.alert.with-icon h1,.alert.with-icon h2,.alert.with-icon h3,.alert.with-icon h4,.alert.with-icon h5,.alert.with-icon h6,.alert.with-icon .h1,.alert.with-icon .h2,.alert.with-icon .h3,.alert.with-icon .h4,.alert.with-icon .h5,.alert.with-icon .h6 {\n      /* Nasssty icons dom order makes us do this, precious. */\n    }\n.message.with-icon h1:nth-child(2),.message.with-icon h2:nth-child(2),.message.with-icon h3:nth-child(2),.message.with-icon h4:nth-child(2),.message.with-icon h5:nth-child(2),.message.with-icon h6:nth-child(2),.message.with-icon .h1:nth-child(2),.message.with-icon .h2:nth-child(2),.message.with-icon .h3:nth-child(2),.message.with-icon .h4:nth-child(2),.message.with-icon .h5:nth-child(2),.message.with-icon .h6:nth-child(2),.msg.with-icon h1:nth-child(2),.msg.with-icon h2:nth-child(2),.msg.with-icon h3:nth-child(2),.msg.with-icon h4:nth-child(2),.msg.with-icon h5:nth-child(2),.msg.with-icon h6:nth-child(2),.msg.with-icon .h1:nth-child(2),.msg.with-icon .h2:nth-child(2),.msg.with-icon .h3:nth-child(2),.msg.with-icon .h4:nth-child(2),.msg.with-icon .h5:nth-child(2),.msg.with-icon .h6:nth-child(2),.alert.with-icon h1:nth-child(2),.alert.with-icon h2:nth-child(2),.alert.with-icon h3:nth-child(2),.alert.with-icon h4:nth-child(2),.alert.with-icon h5:nth-child(2),.alert.with-icon h6:nth-child(2),.alert.with-icon .h1:nth-child(2),.alert.with-icon .h2:nth-child(2),.alert.with-icon .h3:nth-child(2),.alert.with-icon .h4:nth-child(2),.alert.with-icon .h5:nth-child(2),.alert.with-icon .h6:nth-child(2) {\n        margin-top: 0;\n      }\n.message.roomy,.msg.roomy,.alert.roomy {\n    --message-with-icon-decorative-top: var(--message-roomy-with-icon-decorative-top);\n    --message-padding: var(--message-roomy-padding);\n    --message-with-icon-decorative-scale: var(--message-roomy-with-icon-decorative-scale);\n    --message-min-height: var(--message-roomy-min-height);\n  }\n.message.compact,.msg.compact,.alert.compact {\n    --message-with-icon-decorative-top: var(--message-compact-with-icon-decorative-top);\n    --message-padding: var(--message-compact-padding);\n    --message-with-icon-decorative-scale: var(--message-compact-with-icon-decorative-scale);\n    --message-min-height: var(--message-compact-min-height);\n  }\nbutton.roomy,.button.roomy,.btn.roomy,[type=button].roomy,[type=reset].roomy,[type=submit].roomy, .buttons.roomy {\n    --button-padding: var(--button-padding-roomy);\n  }\nbutton.compact,.button.compact,.btn.compact,[type=button].compact,[type=reset].compact,[type=submit].compact, .buttons.compact {\n    --button-padding: var(--button-padding-compact);\n  }\nbutton,.button,.btn,[type=button],[type=reset],[type=submit] {\n  display: inline-block;\n  position: relative;\n  -webkit-transition-duration: 0;\n          transition-duration: 0;\n  -webkit-transition-duration: var(--button-transition-duration);\n          transition-duration: var(--button-transition-duration);\n  -webkit-transition-property: color background border box-shadow;\n  transition-property: color background border box-shadow;\n  -webkit-transition-timing-function: ease-in;\n          transition-timing-function: ease-in;\n  margin: 0 0 0.875em 0;\n  margin: 0 0 var(--button-margin-bottom) 0;\n  border-width: 0.125em;\n  border-width: var(--button-border-width);\n  border-style: solid;\n  border-radius: 0.5em;\n  border-radius: var(--button-border-radius);\n  border-color: currentColor;\n  border-color: var(--button-border-color);\n  -webkit-box-shadow: 0 0.375em 0 currentColor;\n          box-shadow: 0 0.375em 0 currentColor;\n  -webkit-box-shadow: var(--button-box-shadow);\n          box-shadow: var(--button-box-shadow);\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  background: #fff;\n  background: var(--button-background);\n  cursor: pointer;\n  padding: calc((4em - (1em * 1.5) - (0.125em * 2) - 0.375em) / 2) calc(1em * 1.5);\n  padding: var(--button-padding);\n  vertical-align: middle;\n  text-align: center;\n  text-decoration: none;\n  -webkit-text-decoration: var(--button-decoration);\n          text-decoration: var(--button-decoration);\n  -webkit-text-decoration-color: unset;\n          text-decoration-color: unset;\n  -webkit-text-decoration-color: var(--button-decoration-color);\n          text-decoration-color: var(--button-decoration-color);\n  color: #183153;\n  color: var(--button-color);\n  font-weight: 600;\n  font-weight: var(--button-font-weight)\n}\nbutton:active,.button:active,.btn:active,[type=button]:active,[type=reset]:active,[type=submit]:active,\n  button.active,\n  .button.active,\n  .btn.active,\n  [type=button].active,\n  [type=reset].active,\n  [type=submit].active {\n    top: 0.375em;\n    top: var(--button-box-shadow-width);\n    border-width: 0.125em;\n    border-width: var(--button-active-border-width);\n    border-color: #183153;\n    border-color: var(--button-active-border-color);\n    -webkit-box-shadow: none;\n            box-shadow: none;\n    -webkit-box-shadow: var(--button-active-box-shadow);\n            box-shadow: var(--button-active-box-shadow);\n    background: #183153;\n    background: var(--button-active-background);\n    text-decoration: none;\n    -webkit-text-decoration: var(--button-hover-decoration);\n            text-decoration: var(--button-hover-decoration);\n    color: #fff;\n    color: var(--button-active-color);\n  }\nbutton:hover,.button:hover,.btn:hover,[type=button]:hover,[type=reset]:hover,[type=submit]:hover,\n  button.hover,\n  .button.hover,\n  .btn.hover,\n  [type=button].hover,\n  [type=reset].hover,\n  [type=submit].hover {\n    border-color: currentColor;\n    border-color: var(--button-hover-border-color);\n    background: #c3c6d1;\n    background: var(--button-hover-background);\n    text-decoration: none;\n    -webkit-text-decoration: var(--button-hover-decoration);\n            text-decoration: var(--button-hover-decoration);\n    -webkit-text-decoration-color: unset;\n            text-decoration-color: unset;\n    -webkit-text-decoration-color: var(--button-hover-decoration-color);\n            text-decoration-color: var(--button-hover-decoration-color);\n    color: #183153;\n    color: var(--button-hover-color);\n  }\nbutton:disabled,.button:disabled,.btn:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled,\n  button.disabled,\n  .button.disabled,\n  .btn.disabled,\n  [type=button].disabled,\n  [type=reset].disabled,\n  [type=submit].disabled {\n    opacity: 0.5;\n    opacity: var(--button-disabled-opacity);\n    background: #fff;\n    background: var(--button-disabled-background);\n    pointer-events: none;\n  }\nbutton.block,.button.block,.btn.block,[type=button].block,[type=reset].block,[type=submit].block {\n    display: block;\n    width: 100%;\n  }\nbutton.link,.button.link,.btn.link,[type=button].link,[type=reset].link,[type=submit].link {\n    --button-border-width: 0;\n    --button-box-shadow: none;\n    --button-decoration: var(--link-decoration);\n    --button-decoration-color: var(--link-decoration-color);\n    --button-color: var(--link-color);\n    --button-background: transparent;\n    --button-hover-background: transparent;\n    --button-hover-decoration: var(--link-hover-decoration);\n    --button-hover-decoration-color: var(--link-hover-color);\n    --button-hover-color: var(--link-hover-color);\n    --button-active-border-width: 0;\n    --button-active-background: transparent;\n    --button-active-color: var(--link-hover-color);\n    --button-font-weight: var(--link-font-weight);\n  }\nbutton.subtle,.button.subtle,.btn.subtle,[type=button].subtle,[type=reset].subtle,[type=submit].subtle {\n    --button-color: var(--link-color);\n    --button-border-width: 0;\n    --button-box-shadow: none;\n    --button-background: transparent;\n    --button-active-border-width: 0;\n    --button-font-weight: var(--link-font-weight);\n\n    -webkit-transition-duration: calc(1s * 0.1);\n\n            transition-duration: calc(1s * 0.1);\n\n    -webkit-transition-duration: var(--timing-2xfast);\n\n            transition-duration: var(--timing-2xfast);\n    -webkit-transition-property: color, background, -webkit-text-decoration;\n    transition-property: color, background, -webkit-text-decoration;\n    transition-property: color, text-decoration, background;\n    transition-property: color, text-decoration, background, -webkit-text-decoration;\n    -webkit-transition-timing-function: ease-in;\n            transition-timing-function: ease-in;\n  }\n.buttons {\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  position: relative;\n  vertical-align: middle\n}\n.buttons > button,.buttons > .button,.buttons > .btn,.buttons > [type=button],.buttons > [type=reset],.buttons > [type=submit] {\n    position: relative;\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n  }\n.buttons > button:not(:first-child),.buttons > .button:not(:first-child),.buttons > .btn:not(:first-child),.buttons > [type=button]:not(:first-child),.buttons > [type=reset]:not(:first-child),.buttons > [type=submit]:not(:first-child) {\n    margin-left: calc(-1 * 0.125em);\n    margin-left: calc(-1 * var(--border-width-sm));\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n.buttons > button:not(:last-child),.buttons > .button:not(:last-child),.buttons > .btn:not(:last-child),.buttons > [type=button]:not(:last-child),.buttons > [type=reset]:not(:last-child),.buttons > [type=submit]:not(:last-child) {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n.btn-reset {\n  margin: 0;\n  border: none;\n  background: var(--transparent);\n  padding: 0;\n}\ntable {\n  margin-bottom: calc(1em * 1.5);\n  margin-bottom: var(--table-margin-bottom);\n  background: inherit;\n  background: var(--table-background);\n  width: 100%;\n  width: var(--table-width);\n  overflow: hidden;\n  table-layout: initial;\n  table-layout: var(--table-layout);\n  border-collapse: collapse;\n  border-collapse: var(--table-cell-border-collapse);\n}\nthead {\n  background: transparent;\n  background: var(--table-th-background);\n}\ntfoot {\n  border-top: 2px solid #c3c6d1;\n  border-top: var(--table-th-border-width) var(--table-th-border-style) var(--table-th-border-color);\n  background: transparent;\n  background: var(--table-th-background);\n}\nth {\n  border-bottom: 2px solid #c3c6d1;\n  border-bottom: var(--table-th-border-width) var(--table-th-border-style) var(--table-th-border-color);\n  background: transparent;\n  background: var(--table-th-background);\n}\nth[scope="row"] {\n  border-right: 2px solid #c3c6d1;\n  border-right: var(--table-th-border-width) var(--table-cell-border-style) var(--table-th-border-color);\n  border-bottom: 1px solid #c3c6d1;\n  border-bottom: var(--table-cell-border-width) var(--table-cell-border-style) var(--table-th-border-color);\n  border-left: 0 solid #c3c6d1;\n  border-left: 0 var(--table-cell-border-style) var(--table-th-border-color);\n}\ntbody {\n  background: transparent;\n  background: var(--table-body-background);\n}\ntr {\n  -webkit-transition: background  calc(1s * 0.1) ease-in;\n  transition: background  calc(1s * 0.1) ease-in;\n  -webkit-transition: background  var(--timing-2xfast) ease-in;\n  transition: background  var(--timing-2xfast) ease-in;\n  background: transparent;\n  background: var(--table-row-background);\n}\ntd {\n  border-bottom: 1px solid #e0e2e8;\n  border-bottom: var(--table-cell-border-width) var(--table-cell-border-style) var(--table-cell-border-color);\n  background: transparent;\n  background: var(--table-cell-background);\n  vertical-align: initial;\n  vertical-align: var(--table-cell-vertical-align);\n  text-align: left;\n  text-align: var(--table-cell-text-align);\n}\ntr:hover td {\n  background: transparent;\n  background: var(--table-hover-background-color);\n}\ncaption {\n  padding: calc(1em * 8 / 16);\n  padding: var(--spacing-2xs);\n  caption-side: bottom;\n  caption-side: var(--table-caption-side);\n  font-size: calc(1em * 0.875);\n  font-size: var(--table-caption-text-size);\n}\n/* table variations */\ntable.fixed-columns {\n  --table-layout: fixed;\n}\ntable.with-borders th {\n  border-width: 1px 1px calc(1em * 2 / 16) 1px;\n  border-width: var(--table-cell-border-width) var(--table-cell-border-width) var(--spacing-6xs) var(--table-cell-border-width);\n  border-style: solid;\n  border-style: var(--table-th-border-style);\n  border-color: #c3c6d1;\n  border-color: var(--table-th-border-color);\n}\ntable.with-borders td {\n  border: 1px solid #e0e2e8;\n  border: var(--table-cell-border-width) var(--table-cell-border-style) var(--table-cell-border-color);\n}\ntable.no-borders th,\ntable.no-borders td {\n  border: 0;\n}\ntable.compact th,\ntable.compact td {\n  padding: calc(0.5em * 0.5) calc(0.75em * 0.5) calc(0.5em * 0.5) calc(0.75em * 0.5);\n  padding: var(--table-cell-spacing-compact);\n}\ntable.roomy th,\ntable.roomy td {\n  padding: calc(0.5em * 2) calc(0.75em * 2) calc(0.5em * 2) calc(0.75em * 2);\n  padding: var(--table-cell-spacing-roomy);\n}\ntable.stacked th,\ntable.stacked td {\n  display: block;\n}\ntable.flush th:first-child,\ntable.flush td:first-child {\n  padding-left: 0;\n}\ntable.flush th:last-child,\ntable.flush td:last-child {\n  padding-right: 0;\n}\ntable.stacked.flush th,\ntable.stacked.flush td {\n  padding-right: 0;\n  padding-left: 0;\n}\nth.flush-left,\ntd.flush-left {\n  --table-cell-spacing-left: 0;\n}\nth.flush-right,\ntd.flush-right {\n  --table-cell-spacing-right: 0;\n}\ntd.success,\ntd.warning,\ntd.danger,\ntd.info {\n  background: transparent;\n  background: var(--table-row-background);\n}\ntable.natural {\n  table-layout: auto;\n}\ntable.stacked tr {\n  border-bottom: 2px solid #e0e2e8;\n  border-bottom: var(--table-th-border-width) var(--table-cell-border-style) var(--table-cell-border-color);\n}\ntable.with-hover tr:hover td {\n  --table-hover-background-color: var(--gray-200);\n\n  background: transparent;\n\n  background: var(--table-hover-background-color);\n}\ntable.striped tr:nth-child(even) {\n  background: #e0e2e8;\n  background: var(--table-striped-row-background);\n}\n@media (min-width: 48rem) {\n  table.stacked tr {\n    border-bottom: 0;\n  }\n\n  table.stacked th {\n    display: table-cell;\n  }\n\n  table.stacked td {\n    display: table-cell;\n  }\n\n  table.stacked.flush th,\n  table.stacked.flush td {\n    padding-right: 0.75em;\n    padding-right: var(--table-cell-spacing-right);\n    padding-left: 0.75em;\n    padding-left: var(--table-cell-spacing-left);\n  }\n\n  table.stacked.flush th:first-child,\n  table.stacked.flush td:first-child {\n    --table-cell-spacing-left: 0;\n  }\n\n  table.stacked.flush th:last-child,\n  table.stacked.flush td:last-child {\n    --table-cell-spacing-right: 0;\n  }\n}\n@media (min-width: 64rem) {\n  table.stacked tr {\n    border-bottom: 0;\n  }\n\n  table.stacked th {\n    display: table-cell;\n  }\n\n  table.stacked td {\n    display: table-cell;\n  }\n\n  table.stacked.flush th,\n  table.stacked.flush td {\n    padding-right: 0.75em;\n    padding-right: var(--table-cell-spacing-right);\n    padding-left: 0.75em;\n    padding-left: var(--table-cell-spacing-left);\n  }\n\n  table.stacked.flush th:first-child,\n  table.stacked.flush td:first-child {\n    --table-cell-spacing-left: 0;\n  }\n\n  table.stacked.flush th:last-child,\n  table.stacked.flush td:last-child {\n    --table-cell-spacing-right: 0;\n  }\n}\n@media (min-width: 96rem) {\n  table.stacked tr {\n    border-bottom: 0;\n  }\n\n  table.stacked th {\n    display: table-cell;\n  }\n\n  table.stacked td {\n    display: table-cell;\n  }\n\n  table.stacked.flush th,\n  table.stacked.flush td {\n    padding-right: 0.75em;\n    padding-right: var(--table-cell-spacing-right);\n    padding-left: 0.75em;\n    padding-left: var(--table-cell-spacing-left);\n  }\n\n  table.stacked.flush th:first-child,\n  table.stacked.flush td:first-child {\n    --table-cell-spacing-left: 0;\n  }\n\n  table.stacked.flush th:last-child,\n  table.stacked.flush td:last-child {\n    --table-cell-spacing-right: 0;\n  }\n}\n.tag {\n  display: inline-block;\n  border: var(--tag-border-width) var(--tag-border-style) var(--tag-border-color);\n  border-radius: 0.75em;\n  border-radius: var(--tag-border-radius);\n  background: #c3c6d1;\n  background: var(--tag-background);\n  padding: 0.5em 1em;\n  padding: var(--tag-padding);\n  vertical-align: calc(100% / 12);\n  vertical-align: var(--tag-vertical-align);\n  text-transform: uppercase;\n  text-transform: var(--tag-text-transform);\n  line-height: 1;\n  letter-spacing: 0.0625em;\n  letter-spacing: var(--tag-letter-spacing);\n  white-space: nowrap;\n  color: #183153;\n  color: var(--tag-color);\n  font-size: calc(1em * 0.75);\n  font-size: var(--tag-font-size);\n  font-weight: bold;\n  font-weight: var(--tag-font-weight)\n}\n.tag.rounded {\n    --tag-border-radius: 4em;\n  }\n.tag i[class*="fa-"],.tag .svg-inline--fa {\n    font-size: 0.9em;\n  }\na.tag:hover {\n  color: #1c7ed6;\n  color: var(--tag-link-hover-color);\n}\n.with-top-tag {\n  position: relative;\n  margin-top: 0.75em;\n  margin-top: var(--top-tag-margin-top)\n}\n.with-top-tag .tag {\n    position: absolute;\n    top: -1em;\n    top: var(--top-tag-top);\n    left: 50%;\n    -webkit-transform: translateX(-50%);\n            transform: translateX(-50%)\n  }\n.with-top-tag .tag.right {\n      right: calc(32em / 12);\n      right: var(--top-tag-indent);\n      left: auto;\n      -webkit-transform: none;\n              transform: none;\n    }\n.with-top-tag .tag.left {\n      left: calc(32em / 12);\n      left: var(--top-tag-indent);\n      -webkit-transform: none;\n              transform: none;\n    }\n.with-top-tag {\n\n  /* When with-top-tag is present, shift automatic margins and border radiuses to the second element. */\n}\n.with-top-tag.card > .header:nth-child(2),\n  .with-top-tag.card > .section:nth-child(2) {\n    margin-top: calc(-1 * calc((4em - (1em * 1.5) - (0em * 2)) / 2));\n    margin-top: calc(-1 * var(--card-vertical-padding));\n    border-top-left-radius: inherit;\n    border-top-right-radius: inherit;\n  }\n.with-top-tag h1,.with-top-tag h2,.with-top-tag h3,.with-top-tag h4,.with-top-tag h5,.with-top-tag h6,.with-top-tag .h1,.with-top-tag .h2,.with-top-tag .h3,.with-top-tag .h4,.with-top-tag .h5,.with-top-tag .h6 {\n    /* Nasssty icons dom order makes us do this, precious. */\n  }\n.with-top-tag h1:nth-child(2),.with-top-tag h2:nth-child(2),.with-top-tag h3:nth-child(2),.with-top-tag h4:nth-child(2),.with-top-tag h5:nth-child(2),.with-top-tag h6:nth-child(2),.with-top-tag .h1:nth-child(2),.with-top-tag .h2:nth-child(2),.with-top-tag .h3:nth-child(2),.with-top-tag .h4:nth-child(2),.with-top-tag .h5:nth-child(2),.with-top-tag .h6:nth-child(2) {\n      margin-top: 0;\n    }\nlabel,.label {\n  display: block;\n  margin: calc(1em * 12 / 16) 0 calc(1em * 4 / 16) 0;\n  margin: var(--spacing-sm) 0 var(--spacing-4xs) 0;\n  color: #183153;\n  color: var(--label-color);\n  font-size: 1em;\n  font-size: var(--label-font-size);\n  font-weight: bold;\n  font-weight: var(--label-font-weight);\n}\ninput,textarea,.input {\n  display: inline-block;\n  width: 100%;\n  font-size: 1em;\n  font-size: var(--input-font-size);\n  font-weight: bold;\n  font-weight: var(--input-font-weight)\n}\ninput::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .input::-webkit-input-placeholder {\n    opacity: 1;\n    color: #c3c6d1;\n    color: var(--input-placeholder-color);\n    font-weight: normal;\n    font-weight: var(--input-placeholder-font-weight);\n  }\ninput::-moz-placeholder, textarea::-moz-placeholder, .input::-moz-placeholder {\n    opacity: 1;\n    color: #c3c6d1;\n    color: var(--input-placeholder-color);\n    font-weight: normal;\n    font-weight: var(--input-placeholder-font-weight);\n  }\ninput:-ms-input-placeholder, textarea:-ms-input-placeholder, .input:-ms-input-placeholder {\n    opacity: 1;\n    color: #c3c6d1;\n    color: var(--input-placeholder-color);\n    font-weight: normal;\n    font-weight: var(--input-placeholder-font-weight);\n  }\ninput::-ms-input-placeholder, textarea::-ms-input-placeholder, .input::-ms-input-placeholder {\n    opacity: 1;\n    color: #c3c6d1;\n    color: var(--input-placeholder-color);\n    font-weight: normal;\n    font-weight: var(--input-placeholder-font-weight);\n  }\ninput::placeholder,textarea::placeholder,.input::placeholder {\n    opacity: 1;\n    color: #c3c6d1;\n    color: var(--input-placeholder-color);\n    font-weight: normal;\n    font-weight: var(--input-placeholder-font-weight);\n  }\n[type="text"],[type="email"],[type="password"],textarea,.input-text {\n  margin: 0 0 calc(1em * 4 / 16) 0;\n  margin: 0 0 var(--spacing-4xs) 0;\n  border-width: 0.125em;\n  border-width: var(--input-border-width);\n  border-style: solid;\n  border-style: var(--input-border-style);\n  border-radius: 0.75em;\n  border-radius: var(--input-border-radius);\n  border-color: #8991a5;\n  border-color: var(--input-border-color);\n  -webkit-box-shadow: inset 0 0.25em 0 0 #f0f1f3;\n          box-shadow: inset 0 0.25em 0 0 #f0f1f3;\n  -webkit-box-shadow: var(--input-box-shadow);\n          box-shadow: var(--input-box-shadow);\n  background: #fff;\n  background: var(--input-background);\n  padding: calc((4em - (1em * 1.5) - (0.125em * 2)) / 2) calc(1em * 1.5);\n  padding: var(--input-padding)\n}\n[type="text"].rounded,[type="email"].rounded,[type="password"].rounded,textarea.rounded,.input-text.rounded {\n    --input-border-radius: calc(var(--input-min-height) / 2);\n  }\ntextarea:not([rows]) {\n  height: 10em;\n}\nselect {\n  position: relative;\n  margin: 0 0 calc(1em * 4 / 16) 0;\n  margin: 0 0 var(--spacing-4xs) 0;\n  border-width: 0.125em;\n  border-width: var(--input-border-width);\n  border-style: solid;\n  border-style: var(--input-border-style);\n  border-radius: 0.75em;\n  border-radius: var(--input-border-radius);\n  border-color: #8991a5;\n  border-color: var(--input-border-color);\n  -webkit-box-shadow: inset 0 0.25em 0 0 #f0f1f3;\n          box-shadow: inset 0 0.25em 0 0 #f0f1f3;\n  -webkit-box-shadow: var(--input-box-shadow);\n          box-shadow: var(--input-box-shadow);\n  background-color: #fff;\n  background-color: var(--input-background);\n  background-image: url("data:image/svg+xml,%3Csvg aria-hidden=\'true\' focusable=\'false\' data-prefix=\'fas\' data-icon=\'caret-down\' class=\'svg-inline--fa fa-caret-down fa-w-10\' role=\'img\' xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 320 512\'%3E%3Cpath fill=\'rgb(73, 80, 87)\' d=\'M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\'%3E%3C/path%3E%3C/svg%3E");\n  background-image: var(--icon-caret-down);\n  background-position: 98% center;\n  background-repeat: no-repeat;\n  background-size: 20px 20px;\n  padding: calc((4em - (1em * 1.5) - (0.125em * 2)) / 2) calc(1em * 1.5);\n  padding: var(--input-padding);\n  width: 100%;\n  height: 4em;\n  height: var(--input-min-height)\n}\nselect.rounded {\n    --input-border-radius: calc(var(--input-min-height) / 2);\n  }\n.tip-text,.help-text,.tip {\n  display: block;\n  margin: 0 0 calc(1em * 4 / 16) 0;\n  margin: 0 0 var(--spacing-4xs) 0;\n  color: #515e7b;\n  color: var(--help-color);\n  font-size: calc(1em * 0.875);\n  font-size: var(--help-font-size);\n}\nfieldset {\n  margin: calc(1em * 1.25) 0;\n  margin: var(--spacing-lg) 0;\n  border-width: 0.125em 0;\n  border-width: var(--fieldset-border-width);\n  border-style: solid;\n  border-style: var(--fieldset-border-style);\n  border-color: #8991a5;\n  border-color: var(--fieldset-border-color);\n  background: none;\n  background: var(--fieldset-background);\n  padding: 0 0 calc(1em * 12 / 16) 0;\n  padding: var(--fieldset-padding);\n}\nlegend {\n  background: transparent;\n  background: var(--legend-background);\n  padding: 0 calc(1em * 12 / 16) 0 0;\n  padding: var(--legend-padding);\n  color: #515e7b;\n  color: var(--legend-color);\n  font-weight: bold;\n  font-weight: var(--legend-font-weight);\n}\nlabel.required {\n  color: #183153;\n  color: var(--label-required-color)\n}\nlabel.required::after {\n    color: #183153;\n    color: var(--label-required-color);\n    content: "*";\n  }\ninput.disabled,textarea.disabled,.input.disabled,\ninput[disabled="disabled"],\ntextarea[disabled="disabled"],\n.input[disabled="disabled"],\ninput[disabled],\ntextarea[disabled],\n.input[disabled] {\n  border-color: #c3c6d1;\n  border-color: var(--input-disabled-border-color);\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  background: #c3c6d1;\n  background: var(--input-disabled-background);\n  color: #515e7b;\n  color: var(--input-disabled-color);\n}\nlabel.disabled,\ninput[disabled="disabled"] + label,\ninput[disabled] + label {\n  color: #515e7b;\n  color: var(--label-disabled-color);\n}\ninput[type="checkbox"] + label,\ninput[type="radio"] + label {\n  display: inline-block;\n  margin-top: 0;\n  margin-right: calc(1em * 12 / 16);\n  margin-right: var(--spacing-sm);\n  font-weight: 400;\n  font-weight: var(--font-weight-normal);\n}\ninput[type="checkbox"],\ninput[type="radio"],\ninput[type="button"],\ninput[type="submit"],\ninput[type="reset"] {\n  width: auto;\n}\ninput[readonly],textarea[readonly],.input[readonly] {\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  background-color: transparent;\n}\nform button,form .button,form .btn,form [type=button],form [type=reset],form [type=submit] {\n  margin: calc(1em * 12 / 16) 0 0;\n  margin: var(--form-button-margin);\n}\n.message + input,.message + textarea,.message + .input {\n  margin-top: calc(-1 * calc(1em * 4 / 16));\n  margin-top: calc(-1 * var(--spacing-4xs));\n}\nform .with-icon-before {\n  position: relative\n}\nform .with-icon-before input {\n    padding-left: calc((calc(1em * 1.5) - 0.125em) * 1.6 + 1.25 * 1em);\n    padding-left: calc((var(--input-padding-horizontal) - var(--input-border-width)) * 1.6 + var(--input-with-icon-scale) * 1em); /* icon width plus space on either side */\n  }\nform .with-icon-before i[class*="fa-"],form .with-icon-before .svg-inline--fa {\n    display: inline-block;\n    position: absolute;\n    top: calc((4em / 1.25 - 1em) / 2);\n    top: calc((var(--input-min-height) / var(--input-with-icon-scale) - 1em) / 2);\n    left: calc(calc(1em * 1.5) / 1.25);\n    left: calc(var(--input-padding-horizontal) / var(--input-with-icon-scale));\n    color: #c3c6d1;\n    color: var(--input-with-icon-color);\n    font-size: calc(1.25 * 1em);\n    font-size: calc(var(--input-with-icon-scale) * 1em);\n    pointer-events: none;\n  }\nform .with-icon-after {\n  position: relative\n}\nform .with-icon-after i[class*="fa-"],form .with-icon-after .svg-inline--fa {\n    display: inline-block;\n    position: absolute;\n    top: calc((4em / 1.25 - 1em) / 2);\n    top: calc((var(--input-min-height) / var(--input-with-icon-scale) - 1em) / 2); /* Automatically scales as icon size scales */\n    right: calc(calc(1em * 1.5) / 1.25);\n    right: calc(var(--input-padding-horizontal) / var(--input-with-icon-scale));\n    color: #c3c6d1;\n    color: var(--input-with-icon-color);\n    font-size: calc(1.25 * 1em);\n    font-size: calc(var(--input-with-icon-scale) * 1em);\n    pointer-events: none;\n  }\nform .with-icon-after input {\n    padding-right: calc((calc(1em * 1.5) - 0.125em) * 1.6 + 1.25 * 1em);\n    padding-right: calc((var(--input-padding-horizontal) - var(--input-border-width)) * 1.6 + var(--input-with-icon-scale) * 1em); /* icon width plus space on either side */\n  }\nform.inline {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center\n}\nform.inline > * {\n    margin: calc(1em * 4 / 16);\n    margin: var(--spacing-4xs);\n  }\nform.inline input {\n    width: auto;\n  }\nform.inline button,form.inline .button,form.inline .btn,form.inline [type=button],form.inline [type=reset],form.inline [type=submit] {\n    margin-top: calc(-1 * 0.125em);\n    margin-top: calc(-1 * var(--button-border-width)); /* Offsets button width */\n  }\nform .affix {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  margin: 0 0 calc(1em * 4 / 16) 0;\n  margin: 0 0 var(--spacing-4xs) 0\n}\nform .affix span {\n    -webkit-box-flex: 0;\n        -ms-flex-positive: 0;\n            flex-grow: 0;\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n    border-width: 0.125em;\n    border-width: var(--input-border-width);\n    border-style: solid;\n    border-style: var(--input-border-style);\n    border-radius: 0.75em;\n    border-radius: var(--input-border-radius);\n    border-color: #8991a5;\n    border-color: var(--input-border-color);\n    background: #8991a5;\n    background: var(--input-affix-background);\n    padding: calc((4em - (1em * 1.5) - (0.125em * 2)) / 2) calc(1em * 1.5);\n    padding: var(--input-padding);\n    color: #fff;\n    color: var(--input-affix-color)\n  }\nform .affix span:first-child {\n      margin-right: calc((0.125em) * -1);\n      margin-right: calc((var(--input-border-width)) * -1); /* adjust for border */\n      border-radius: 0.75em 0 0 0.75em;\n      border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);\n    }\nform .affix span:last-child {\n      margin-left: calc((0.125em) * -1);\n      margin-left: calc((var(--input-border-width)) * -1); /* adjust for border */\n      border-radius: 0 0.75em 0.75em 0;\n      border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;\n    }\nform .affix input {\n    -webkit-box-flex: 1;\n        -ms-flex-positive: 1;\n            flex-grow: 1;\n    margin: 0;\n    width: auto\n  }\nform .affix input:last-child {\n      border-radius: 0 0.75em 0.75em 0;\n      border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;\n    }\nform .affix input:first-child {\n      border-radius: 0.75em 0 0 0.75em;\n      border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);\n    }\nform .affix button:last-child {\n    margin: 0 0 0.375em calc(-1 * 0.125em);\n    margin: 0 0 var(--button-box-shadow-width) calc(-1 * var(--button-border-width));\n    border-radius: 0 0.75em 0.75em 0;\n    border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;\n  }\nform .affix.rounded {\n    --input-border-radius: calc(var(--input-min-height) / 2)\n  }\nform .affix.rounded > :first-child {\n      padding-left: calc(1em * 1.25);\n      padding-left: var(--spacing-lg);\n    }\nform .affix.rounded > :last-child {\n      padding-right: calc(1em * 1.25);\n      padding-right: var(--spacing-lg);\n    }\n.card {\n  display: block;\n  display: var(--card-display);\n  position: relative;\n  margin-bottom: calc(1em * 1.5);\n  margin-bottom: var(--card-margin-bottom);\n  outline: none;\n  border: 0em solid #fff;\n  border: var(--card-border-width) var(--card-border-style) var(--card-border-color);\n  border-radius: 0.75em;\n  border-radius: var(--card-border-radius);\n  background: #fff;\n  background: var(--card-background);\n  padding: calc(calc((4em - (1em * 1.5) - (0em * 2)) / 2) - 0em) calc(calc(1em * 1.5) - 0em);\n  padding: calc(var(--card-vertical-padding) - var(--card-border-width)) calc(var(--card-horizontal-padding) - var(--card-border-width));\n  min-height: 4em;\n  min-height: var(--card-min-height);\n  vertical-align: top;\n  vertical-align: var(--card-vertical-align);\n  text-align: center;\n  text-align: var(--card-text-align);\n  color: #183153;\n  color: var(--card-color)\n}\n.card > .text-left {\n    text-align: left;\n    text-align: var(--text-align);\n  }\n.card > .header,\n  .card.header {\n    background: #183153;\n    background: var(--card-header-background);\n    color: #fff;\n    color: var(--card-header-color);\n  }\n.card > .section {\n    color: #183153;\n    color: var(--card-section-color);\n  }\n.card > .header,\n  .card > header,\n  .card > .section,\n  .card > section {\n    margin-right: calc(-1 * calc(1em * 1.5) + 0em);\n    margin-right: calc(-1 * var(--card-horizontal-padding) + var(--card-border-width));\n    margin-left: calc(-1 * calc(1em * 1.5) + 0em);\n    margin-left: calc(-1 * var(--card-horizontal-padding) + var(--card-border-width));\n    padding: calc((4em - (1em * 1.5) - (0em * 2)) / 2) calc(1em * 1.5);\n    padding: var(--card-vertical-padding) var(--card-horizontal-padding)\n  }\n.card > .header:first-child, .card > header:first-child, .card > .section:first-child, .card > section:first-child {\n      margin-top: calc(-1 * calc((4em - (1em * 1.5) - (0em * 2)) / 2) + 0em);\n      margin-top: calc(-1 * var(--card-vertical-padding) + var(--card-border-width));\n      border-top-left-radius: calc(0.75em - 0em);\n      border-top-left-radius: calc(var(--card-border-radius) - var(--card-border-width));\n      border-top-right-radius: calc(0.75em - 0em);\n      border-top-right-radius: calc(var(--card-border-radius) - var(--card-border-width));\n      padding-top: calc(calc((4em - (1em * 1.5) - (0em * 2)) / 2) - 0em);\n      padding-top: calc(var(--card-vertical-padding) - var(--card-border-width));\n    }\n.card > .header:last-child, .card > header:last-child, .card > .section:last-child, .card > section:last-child {\n      margin-bottom: calc(-1 * calc((4em - (1em * 1.5) - (0em * 2)) / 2) + 0em);\n      margin-bottom: calc(-1 * var(--card-vertical-padding) + var(--card-border-width));\n      border-bottom-left-radius: calc(0.75em - 0em);\n      border-bottom-left-radius: calc(var(--card-border-radius) - var(--card-border-width));\n      border-bottom-right-radius: calc(0.75em - 0em);\n      border-bottom-right-radius: calc(var(--card-border-radius) - var(--card-border-width));\n      padding-bottom: calc(calc((4em - (1em * 1.5) - (0em * 2)) / 2) - 0em);\n      padding-bottom: calc(var(--card-vertical-padding) - var(--card-border-width));\n    }\n.card > .section + .section {\n    border-top: 0.125em dotted #f0f1f3;\n    border-top: var(--card-section-border);\n  }\n.card > .header + .header {\n    border-top: 0.125em dotted #001c40;\n    border-top: var(--card-header-border);\n  }\n.card.roomy {\n    --card-vertical-padding: var(--card-roomy-vertical-padding);\n    --card-horizontal-padding: var(--card-roomy-horizontal-padding);\n    --card-min-height: var(--card-roomy-min-height);\n    --card-margin: 0 0 var(--card-roomy-vertical-padding);\n  }\n.card.compact {\n    --card-vertical-padding: var(--card-compact-vertical-padding);\n    --card-horizontal-padding: var(--card-compact-horizontal-padding);\n    --card-min-height: var(--card-compact-min-height);\n    --card-margin: 0 0 var(--card-compct-vertical-padding);\n  }\na.card {\n  -webkit-box-shadow: 0 0.25em 0 #c3c6d1;\n          box-shadow: 0 0.25em 0 #c3c6d1;\n  -webkit-box-shadow: var(--card-link-box-shadow);\n          box-shadow: var(--card-link-box-shadow);\n  background: #fff;\n  background: var(--card-link-background);\n  -webkit-text-decoration: var(--card-link-decoration);\n          text-decoration: var(--card-link-decoration);\n  color: #183153;\n  color: var(--card-link-color)\n}\na.card:hover,\n  a.card.hover,\n  a.card:active,\n  a.card.active,\n  a.card:focus,\n  a.card.focus {\n    border: none;\n    -webkit-box-shadow: 0 0.25em 0 #74c0fc;\n            box-shadow: 0 0.25em 0 #74c0fc;\n    -webkit-box-shadow: 0 var(--with-shadow-box-shadow-width) 0 var(--card-link-hover-border-color);\n            box-shadow: 0 var(--with-shadow-box-shadow-width) 0 var(--card-link-hover-border-color);\n    padding: calc((4em - (1em * 1.5) - (0em * 2)) / 2) calc(1em * 1.5);\n    padding: var(--card-vertical-padding) var(--card-horizontal-padding);\n    -webkit-text-decoration: var(--card-link-hover-decoration);\n            text-decoration: var(--card-link-hover-decoration)\n  }\na.card:hover::before, a.card.hover::before, a.card:active::before, a.card.active::before, a.card:focus::before, a.card.focus::before {\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      border: 0.125em solid #74c0fc;\n      border: var(--card-link-hover-border-width) var(--card-link-hover-border-style) var(--card-link-hover-border-color);\n      border-radius: 0.75em;\n      border-radius: var(--card-border-radius);\n      content: "";\n    }\na.card:active,\n  a.card.active {\n    top: 0.25em;\n    top: var(--with-shadow-box-shadow-width);\n    -webkit-box-shadow: none;\n            box-shadow: none;\n  }\n.modal,fa-modal {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  -webkit-transition: opacity calc(1s * 0.25);\n  transition: opacity calc(1s * 0.25);\n  -webkit-transition: opacity var(--modal-transition-duration);\n  transition: opacity var(--modal-transition-duration);\n  visibility: hidden;\n  opacity: 0;\n  opacity: var(--modal-opacity);\n  z-index: 1;\n  background: rgba(81, 94, 123, 0.5);\n  background: var(--modal-shadow);\n  width: 100%;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto\n}\n.modal .card,fa-modal .card,\n  .modal::part(card),\n  fa-modal::part(card) {\n    margin: calc(1em * 2) auto 0;\n    margin: var(--modal-margin);\n    max-width: 66ch;\n    max-width: var(--line-length-md);\n    min-height: 4em;\n    min-height: var(--modal-min-height);\n  }\n.overlay {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  -webkit-transition: opacity calc(1s * 0.25);\n  transition: opacity calc(1s * 0.25);\n  -webkit-transition: opacity var(--modal-transition-duration);\n  transition: opacity var(--modal-transition-duration);\n  visibility: hidden;\n  opacity: 0;\n  opacity: var(--modal-opacity);\n  z-index: 1;\n  background: rgba(81, 94, 123, 0.5);\n  background: var(--modal-shadow);\n  width: 100%;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto\n}\n.overlay:target {\n    visibility: visible;\n    opacity: 1;\n  }\npre {\n  border-radius: 0.5em;\n  border-radius: var(--border-radius-sm);\n  background: #a5abbb;\n  background: var(--gray-300);\n  padding: 1rem;\n  padding: var(--size-reset-base);\n  overflow: auto;\n}\n.example-block code {\n    color: #001c40;\n    color: var(--gray-900)\n  }\n.example-block code span {\n      display: inline;\n    }\n.brckt {\n  color: #001c40;\n  color: var(--gray-900);\n}\n.eq,\n.qut {\n  color: #001c40;\n  color: var(--gray-900);\n}\n/* add-ons */\n/* with hr */\n.with-hr,.with-horizontal-rule,.with-bottom-border,.with-border-bottom {\n  border-bottom-width: 0.125em;\n  border-bottom-width: var(--hr-border-width);\n  border-bottom-style: solid;\n  border-bottom-style: var(--hr-border-style);\n  border-bottom-color: #c3c6d1;\n  border-bottom-color: var(--hr-border-color);\n  padding-bottom: 0.25em;\n  padding-bottom: var(--hr-padding-bottom);\n}\n/* with icons */\n.with-icon i[class*="fa-"],.with-icon .svg-inline--fa,\n.with-icon-before i[class*="fa-"],\n.with-icon-before .svg-inline--fa {\n  margin-right: var(--spacing-inline);\n}\n.with-icon-after i[class*="fa-"],.with-icon-after .svg-inline--fa {\n  margin-left: var(--spacing-inline);\n}\n/* specific styling for links */\na.with-icon i[class*="fa-"],a.with-icon .svg-inline--fa,\na.with-icon-before i[class*="fa-"],\na.with-icon-before .svg-inline--fa,\na.with-icon-after i[class*="fa-"],\na.with-icon-after .svg-inline--fa {\n  --spacing-inline: var(--spacing-4xs);\n}\n/* measure */\n.line-length-2xs {\n    max-width: 15ch;\n    max-width: var(--line-length-2xs);\n  }\n.line-length-xs {\n    max-width: 30ch;\n    max-width: var(--line-length-xs);\n  }\n.line-length-sm {\n    max-width: 45ch;\n    max-width: var(--line-length-sm);\n  }\n.line-length-md {\n    max-width: 66ch;\n    max-width: var(--line-length-md);\n  }\n.line-length-lg {\n    max-width: 77ch;\n    max-width: var(--line-length-lg);\n  }\n.line-length-xl {\n    max-width: 90ch;\n    max-width: var(--line-length-xl);\n  }\n.line-length-none {\n  max-width: none;\n}\n@media (min-width: 48rem) {\n    .tablet\\:line-length-2xs {\n      max-width: 15ch;\n      max-width: var(--line-length-2xs);\n    }\n    .tablet\\:line-length-xs {\n      max-width: 30ch;\n      max-width: var(--line-length-xs);\n    }\n    .tablet\\:line-length-sm {\n      max-width: 45ch;\n      max-width: var(--line-length-sm);\n    }\n    .tablet\\:line-length-md {\n      max-width: 66ch;\n      max-width: var(--line-length-md);\n    }\n    .tablet\\:line-length-lg {\n      max-width: 77ch;\n      max-width: var(--line-length-lg);\n    }\n    .tablet\\:line-length-xl {\n      max-width: 90ch;\n      max-width: var(--line-length-xl);\n    }\n\n  .tablet\\:line-length-none {\n    max-width: none;\n  }\n}\n@media (min-width: 64rem) {\n    .laptop\\:line-length-2xs {\n      max-width: 15ch;\n      max-width: var(--line-length-2xs);\n    }\n    .laptop\\:line-length-xs {\n      max-width: 30ch;\n      max-width: var(--line-length-xs);\n    }\n    .laptop\\:line-length-sm {\n      max-width: 45ch;\n      max-width: var(--line-length-sm);\n    }\n    .laptop\\:line-length-md {\n      max-width: 66ch;\n      max-width: var(--line-length-md);\n    }\n    .laptop\\:line-length-lg {\n      max-width: 77ch;\n      max-width: var(--line-length-lg);\n    }\n    .laptop\\:line-length-xl {\n      max-width: 90ch;\n      max-width: var(--line-length-xl);\n    }\n\n  .laptop\\:line-length-none {\n    max-width: none;\n  }\n}\n@media (min-width: 96rem) {\n    .desktop\\:line-length-2xs {\n      max-width: 15ch;\n      max-width: var(--line-length-2xs);\n    }\n    .desktop\\:line-length-xs {\n      max-width: 30ch;\n      max-width: var(--line-length-xs);\n    }\n    .desktop\\:line-length-sm {\n      max-width: 45ch;\n      max-width: var(--line-length-sm);\n    }\n    .desktop\\:line-length-md {\n      max-width: 66ch;\n      max-width: var(--line-length-md);\n    }\n    .desktop\\:line-length-lg {\n      max-width: 77ch;\n      max-width: var(--line-length-lg);\n    }\n    .desktop\\:line-length-xl {\n      max-width: 90ch;\n      max-width: var(--line-length-xl);\n    }\n\n  .desktop\\:line-length-none {\n    max-width: none;\n  }\n}\n/* Auto Margins */\n.margin-auto {\n  margin-right: auto;\n  margin-left: auto;\n}\n.margin-right-auto {\n  margin-right: auto;\n}\n.margin-left-auto {\n  margin-left: auto;\n}\n@media (min-width: 48rem) {\n  .tablet\\:margin-auto {\n    margin-right: auto;\n    margin-left: auto;\n  }\n\n  .tablet\\:margin-right-auto {\n    margin-right: auto;\n  }\n\n  .tablet\\:margin-left-auto {\n    margin-left: auto;\n  }\n}\n@media (min-width: 64rem) {\n  .laptop\\:margin-auto {\n    margin-right: auto;\n    margin-left: auto;\n  }\n\n  .laptop\\:margin-right-auto {\n    margin-right: auto;\n  }\n\n  .laptop\\:margin-left-auto {\n    margin-left: auto;\n  }\n}\n@media (min-width: 96rem) {\n  .desktop\\:margin-auto {\n    margin-right: auto;\n    margin-left: auto;\n  }\n\n  .desktop\\:margin-right-auto {\n    margin-right: auto;\n  }\n\n  .desktop\\:margin-left-auto {\n    margin-left: auto;\n  }\n}\n/* Floats & Clearfix */\n.float-right {\n  float: right;\n}\n.float-left {\n  float: left;\n}\n.float-none {\n  float: none;\n}\n@media (min-width: 48rem) {\n  .tablet\\:float-right {\n    float: right;\n  }\n\n  .tablet\\:float-left {\n    float: left;\n  }\n\n  .tablet\\:float-none {\n    float: none;\n  }\n}\n@media (min-width: 64rem) {\n  .laptop\\:float-right {\n    float: right;\n  }\n\n  .laptop\\:float-left {\n    float: left;\n  }\n\n  .laptop\\:float-none {\n    float: none;\n  }\n}\n@media (min-width: 96rem) {\n  .desktop\\:float-right {\n    float: right;\n  }\n\n  .desktop\\:float-left {\n    float: left;\n  }\n\n  .desktop\\:float-none {\n    float: none;\n  }\n}\n.clearfix {\n  display: table;\n  clear: both;\n  content: "";\n}\n/* utilities */\n/* accessibility-minded */\n.sr-only,.screenreader-only {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n  -webkit-clip-path: inset(50%);\n          clip-path: inset(50%);\n  border: 0;\n  padding: 0;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.sr-only:active,.screenreader-only:active,\n.sr-only:focus,\n.screenreader-only:focus {\n  clip: auto;\n  position: static;\n  -webkit-clip-path: none;\n          clip-path: none;\n  width: auto;\n  height: auto;\n  overflow: visible;\n  white-space: normal;\n}\n@media (min-width: 48rem) {\n  .tablet\\:sr-only {\n    clip: rect(0, 0, 0, 0);\n    position: absolute;\n    -webkit-clip-path: inset(50%);\n            clip-path: inset(50%);\n    border: 0;\n    padding: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n\n  .tablet\\:sr-only-focusable:active,\n  .tablet\\:sr-only-focusable:focus {\n    clip: auto;\n    position: static;\n    -webkit-clip-path: none;\n            clip-path: none;\n    width: auto;\n    height: auto;\n    overflow: visible;\n    white-space: normal;\n  }\n}\n@media (min-width: 64rem) {\n  .laptop\\:sr-only {\n    clip: rect(0, 0, 0, 0);\n    position: absolute;\n    -webkit-clip-path: inset(50%);\n            clip-path: inset(50%);\n    border: 0;\n    padding: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n\n  .laptop\\:sr-only-focusable:active,\n  .laptop\\:sr-only-focusable:focus {\n    clip: auto;\n    position: static;\n    -webkit-clip-path: none;\n            clip-path: none;\n    width: auto;\n    height: auto;\n    overflow: visible;\n    white-space: normal;\n  }\n}\n@media (min-width: 96rem) {\n  .desktop\\:sr-only {\n    clip: rect(0, 0, 0, 0);\n    position: absolute;\n    -webkit-clip-path: inset(50%);\n            clip-path: inset(50%);\n    border: 0;\n    padding: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n\n  .desktop\\:sr-only-focusable:active,\n  .desktop\\:sr-only-focusable:focus {\n    clip: auto;\n    position: static;\n    -webkit-clip-path: none;\n            clip-path: none;\n    width: auto;\n    height: auto;\n    overflow: visible;\n    white-space: normal;\n  }\n}\n/* make sure to set the parent of a :--breakout-action to have relative positioning */\n.breakout-button,.breakout-link {\n  position: static\n}\n.breakout-button:focus,.breakout-link:focus {\n    outline: none;\n  }\n.breakout-button::before,.breakout-link::before {\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    cursor: pointer;\n    width: 100%;\n    height: 100%;\n    content: "";\n  }\n.breakout-button:focus::before,.breakout-link:focus::before {\n    outline: 1px solid #fff;\n    outline: var(--focus-outline-size) var(--focus-outline-style) var(--focus-outline-color);\n  }\n.display-none {\n  display: none;\n}\n.display-inline {\n  display: inline;\n}\n.display-block {\n  display: block;\n}\n.display-inline-block {\n  display: inline-block;\n}\n.display-inline-table {\n  display: inline-table;\n}\n.display-table {\n  display: table;\n}\n.display-table-cell {\n  display: table-cell;\n}\n.display-table-row {\n  display: table-row;\n}\n.display-table-column {\n  display: table-column;\n}\n.display-flex {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n}\n.display-inline-flex {\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n}\n.flex-row {\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n}\n.flex-row-reverse {\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: reverse;\n      -ms-flex-direction: row-reverse;\n          flex-direction: row-reverse;\n}\n.flex-column {\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n}\n.flex-column-reverse {\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: reverse;\n      -ms-flex-direction: column-reverse;\n          flex-direction: column-reverse;\n}\n.flex-wrap {\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n}\n.flex-nowrap {\n  -ms-flex-wrap: nowrap;\n      flex-wrap: nowrap;\n}\n.flex-wrap-reverse {\n  -ms-flex-wrap: wrap-reverse;\n      flex-wrap: wrap-reverse;\n}\n.flex-items-start {\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: start;\n}\n.flex-items-center {\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n.flex-items-end {\n  -webkit-box-align: end;\n      -ms-flex-align: end;\n          align-items: end;\n}\n.flex-items-baseline {\n  -webkit-box-align: baseline;\n      -ms-flex-align: baseline;\n          align-items: baseline;\n}\n.flex-content-start {\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n}\n.flex-content-center {\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n}\n.flex-content-end {\n  -webkit-box-pack: end;\n      -ms-flex-pack: end;\n          justify-content: flex-end;\n}\n.flex-content-around {\n  -ms-flex-pack: distribute;\n      justify-content: space-around;\n}\n.flex-content-between {\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n}\n.flex-content-evenly {\n  -webkit-box-pack: space-evenly;\n      -ms-flex-pack: space-evenly;\n          justify-content: space-evenly;\n}\n@media (min-width: 48rem) {\n  .tablet\\:display-none {\n    display: none;\n  }\n\n  .tablet\\:display-inline {\n    display: inline;\n  }\n\n  .tablet\\:display-block {\n    display: block;\n  }\n\n  .tablet\\:display-inline-block {\n    display: inline-block;\n  }\n\n  .tablet\\:display-inline-table {\n    display: inline-table;\n  }\n\n  .tablet\\:display-table {\n    display: table;\n  }\n\n  .tablet\\:display-table-cell {\n    display: table-cell;\n  }\n\n  .tablet\\:display-table-row {\n    display: table-row;\n  }\n\n  .tablet\\:display-table-column {\n    display: table-column;\n  }\n\n  .tablet\\:display-flex {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n  }\n\n  .tablet\\:display-inline-flex {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n  }\n\n  .tablet\\:flex-row {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n  }\n\n  .tablet\\:flex-row-reverse {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: reverse;\n        -ms-flex-direction: row-reverse;\n            flex-direction: row-reverse;\n  }\n\n  .tablet\\:flex-column {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n  }\n\n  .tablet\\:flex-column-reverse {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: reverse;\n        -ms-flex-direction: column-reverse;\n            flex-direction: column-reverse;\n  }\n\n  .tablet\\:flex-wrap {\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n  }\n\n  .tablet\\:flex-nowrap {\n    -ms-flex-wrap: nowrap;\n        flex-wrap: nowrap;\n  }\n\n  .tablet\\:flex-wrap-reverse {\n    -ms-flex-wrap: wrap-reverse;\n        flex-wrap: wrap-reverse;\n  }\n\n  .tablet\\:flex-items-start {\n    -webkit-box-align: start;\n        -ms-flex-align: start;\n            align-items: start;\n  }\n\n  .tablet\\:flex-items-center {\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n  }\n\n  .tablet\\:flex-items-end {\n    -webkit-box-align: end;\n        -ms-flex-align: end;\n            align-items: end;\n  }\n\n  .tablet\\:flex-items-baseline {\n    -webkit-box-align: baseline;\n        -ms-flex-align: baseline;\n            align-items: baseline;\n  }\n\n  .tablet\\:flex-content-start {\n    -webkit-box-pack: start;\n        -ms-flex-pack: start;\n            justify-content: start;\n  }\n\n  .tablet\\:flex-content-center {\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n  }\n\n  .tablet\\:flex-content-end {\n    -webkit-box-pack: end;\n        -ms-flex-pack: end;\n            justify-content: end;\n  }\n\n  .tablet\\:flex-content-around {\n    -ms-flex-pack: distribute;\n        justify-content: space-around;\n  }\n\n  .tablet\\:flex-content-between {\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n  }\n\n  .tablet\\:flex-content-evenly {\n    -webkit-box-pack: space-evenly;\n        -ms-flex-pack: space-evenly;\n            justify-content: space-evenly;\n  }\n}\n@media (min-width: 64rem) {\n  .laptop\\:display-none {\n    display: none;\n  }\n\n  .laptop\\:display-inline {\n    display: inline;\n  }\n\n  .laptop\\:display-block {\n    display: block;\n  }\n\n  .laptop\\:display-inline-block {\n    display: inline-block;\n  }\n\n  .laptop\\:display-inline-table {\n    display: inline-table;\n  }\n\n  .laptop\\:display-table {\n    display: table;\n  }\n\n  .laptop\\:display-table-cell {\n    display: table-cell;\n  }\n\n  .laptop\\:display-table-row {\n    display: table-row;\n  }\n\n  .laptop\\:display-table-column {\n    display: table-column;\n  }\n\n  .laptop\\:display-flex {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n  }\n\n  .laptop\\:display-inline-flex {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n  }\n\n  .laptop\\:flex-row {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n  }\n\n  .laptop\\:flex-row-reverse {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: reverse;\n        -ms-flex-direction: row-reverse;\n            flex-direction: row-reverse;\n  }\n\n  .laptop\\:flex-column {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n  }\n\n  .laptop\\:flex-column-reverse {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: reverse;\n        -ms-flex-direction: column-reverse;\n            flex-direction: column-reverse;\n  }\n\n  .laptop\\:flex-wrap {\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n  }\n\n  .laptop\\:flex-nowrap {\n    -ms-flex-wrap: nowrap;\n        flex-wrap: nowrap;\n  }\n\n  .laptop\\:flex-wrap-reverse {\n    -ms-flex-wrap: wrap-reverse;\n        flex-wrap: wrap-reverse;\n  }\n\n  .laptop\\:flex-items-start {\n    -webkit-box-align: start;\n        -ms-flex-align: start;\n            align-items: start;\n  }\n\n  .laptop\\:flex-items-center {\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n  }\n\n  .laptop\\:flex-items-end {\n    -webkit-box-align: end;\n        -ms-flex-align: end;\n            align-items: end;\n  }\n\n  .laptop\\:flex-items-baseline {\n    -webkit-box-align: baseline;\n        -ms-flex-align: baseline;\n            align-items: baseline;\n  }\n\n  .laptop\\:flex-content-start {\n    -webkit-box-pack: start;\n        -ms-flex-pack: start;\n            justify-content: start;\n  }\n\n  .laptop\\:flex-content-center {\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n  }\n\n  .laptop\\:flex-content-end {\n    -webkit-box-pack: end;\n        -ms-flex-pack: end;\n            justify-content: end;\n  }\n\n  .laptop\\:flex-content-around {\n    -ms-flex-pack: distribute;\n        justify-content: space-around;\n  }\n\n  .laptop\\:flex-content-between {\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n  }\n\n  .laptop\\:flex-content-evenly {\n    -webkit-box-pack: space-evenly;\n        -ms-flex-pack: space-evenly;\n            justify-content: space-evenly;\n  }\n}\n@media (min-width: 96rem) {\n  .desktop\\:display-none {\n    display: none;\n  }\n\n  .desktop\\:display-inline {\n    display: inline;\n  }\n\n  .desktop\\:display-block {\n    display: block;\n  }\n\n  .desktop\\:display-inline-block {\n    display: inline-block;\n  }\n\n  .desktop\\:display-inline-table {\n    display: inline-table;\n  }\n\n  .desktop\\:display-table {\n    display: table;\n  }\n\n  .desktop\\:display-table-cell {\n    display: table-cell;\n  }\n\n  .desktop\\:display-table-row {\n    display: table-row;\n  }\n\n  .desktop\\:display-table-column {\n    display: table-column;\n  }\n\n  .desktop\\:display-flex {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n  }\n\n  .desktop\\:display-inline-flex {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n  }\n\n  .desktop\\:flex-row {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n  }\n\n  .desktop\\:flex-row-reverse {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: reverse;\n        -ms-flex-direction: row-reverse;\n            flex-direction: row-reverse;\n  }\n\n  .desktop\\:flex-column {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n  }\n\n  .desktop\\:flex-column-reverse {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: reverse;\n        -ms-flex-direction: column-reverse;\n            flex-direction: column-reverse;\n  }\n\n  .desktop\\:flex-wrap {\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n  }\n\n  .desktop\\:flex-nowrap {\n    -ms-flex-wrap: nowrap;\n        flex-wrap: nowrap;\n  }\n\n  .desktop\\:flex-wrap-reverse {\n    -ms-flex-wrap: wrap-reverse;\n        flex-wrap: wrap-reverse;\n  }\n\n  .desktop\\:flex-items-start {\n    -webkit-box-align: start;\n        -ms-flex-align: start;\n            align-items: start;\n  }\n\n  .desktop\\:flex-items-center {\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n  }\n\n  .desktop\\:flex-items-end {\n    -webkit-box-align: end;\n        -ms-flex-align: end;\n            align-items: end;\n  }\n\n  .desktop\\:flex-items-baseline {\n    -webkit-box-align: baseline;\n        -ms-flex-align: baseline;\n            align-items: baseline;\n  }\n\n  .desktop\\:flex-content-start {\n    -webkit-box-pack: start;\n        -ms-flex-pack: start;\n            justify-content: start;\n  }\n\n  .desktop\\:flex-content-center {\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n  }\n\n  .desktop\\:flex-content-end {\n    -webkit-box-pack: end;\n        -ms-flex-pack: end;\n            justify-content: end;\n  }\n\n  .desktop\\:flex-content-around {\n    -ms-flex-pack: distribute;\n        justify-content: space-around;\n  }\n\n  .desktop\\:flex-content-between {\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n  }\n\n  .desktop\\:flex-content-evenly {\n    -webkit-box-pack: space-evenly;\n        -ms-flex-pack: space-evenly;\n            justify-content: space-evenly;\n  }\n}\n.align-start,\n.align-left {\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n  text-align: flex-start;\n}\n.align-center {\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  text-align: center;\n}\n.align-end,\n.align-right {\n  -webkit-box-pack: end;\n      -ms-flex-pack: end;\n          justify-content: flex-end;\n  text-align: flex-end;\n}\n.align-top {\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n}\n.align-middle {\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n.align-bottom {\n  -webkit-box-align: end;\n      -ms-flex-align: end;\n          align-items: flex-end;\n}\n.align-stretch {\n  -webkit-box-align: stretch;\n      -ms-flex-align: stretch;\n          align-items: stretch;\n}\n.align-around {\n  -ms-flex-pack: distribute;\n      justify-content: space-around;\n}\n.align-between {\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n}\n@media (min-width: 48rem) {\n  .tablet\\:align-start,\n  .tablet\\:align-left {\n    -webkit-box-pack: start;\n        -ms-flex-pack: start;\n            justify-content: flex-start;\n    text-align: flex-start;\n  }\n\n  .tablet\\:align-center {\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    text-align: center;\n  }\n\n  .tablet\\:align-end,\n  .tablet\\:align-right {\n    -webkit-box-pack: end;\n        -ms-flex-pack: end;\n            justify-content: flex-end;\n    text-align: flex-end;\n  }\n\n  .tablet\\:align-top {\n    -webkit-box-align: start;\n        -ms-flex-align: start;\n            align-items: flex-start;\n  }\n\n  .tablet\\:align-middle {\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n  }\n\n  .tablet\\:align-bottom {\n    -webkit-box-align: end;\n        -ms-flex-align: end;\n            align-items: flex-end;\n  }\n\n  .tablet\\:align-around {\n    -ms-flex-pack: distribute;\n        justify-content: space-around;\n  }\n\n  .tablet\\:align-between {\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n  }\n}\n@media (min-width: 64rem) {\n  .laptop\\:align-start,\n  .laptop\\:align-left {\n    -webkit-box-pack: start;\n        -ms-flex-pack: start;\n            justify-content: flex-start;\n    text-align: flex-start;\n  }\n\n  .laptop\\:align-center {\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    text-align: center;\n  }\n\n  .laptop\\:align-end,\n  .laptop\\:align-right {\n    -webkit-box-pack: end;\n        -ms-flex-pack: end;\n            justify-content: flex-end;\n    text-align: flex-end;\n  }\n\n  .laptop\\:align-top {\n    -webkit-box-align: start;\n        -ms-flex-align: start;\n            align-items: flex-start;\n  }\n\n  .laptop\\:align-middle {\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n  }\n\n  .laptop\\:align-bottom {\n    -webkit-box-align: end;\n        -ms-flex-align: end;\n            align-items: flex-end;\n  }\n\n  .laptop\\:align-around {\n    -ms-flex-pack: distribute;\n        justify-content: space-around;\n  }\n\n  .laptop\\:align-between {\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n  }\n}\n@media (min-width: 96rem) {\n  .desktop\\:align-start,\n  .desktop\\:align-left {\n    -webkit-box-pack: start;\n        -ms-flex-pack: start;\n            justify-content: flex-start;\n    text-align: flex-start;\n  }\n\n  .desktop\\:align-center {\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    text-align: center;\n  }\n\n  .desktop\\:align-end,\n  .desktop\\:align-right {\n    -webkit-box-pack: end;\n        -ms-flex-pack: end;\n            justify-content: flex-end;\n    text-align: flex-end;\n  }\n\n  .desktop\\:align-top {\n    -webkit-box-align: start;\n        -ms-flex-align: start;\n            align-items: flex-start;\n  }\n\n  .desktop\\:align-middle {\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n  }\n\n  .desktop\\:align-bottom {\n    -webkit-box-align: end;\n        -ms-flex-align: end;\n            align-items: flex-end;\n  }\n\n  .desktop\\:align-around {\n    -ms-flex-pack: distribute;\n        justify-content: space-around;\n  }\n\n  .desktop\\:align-between {\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n  }\n}\n.object-contain {\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n.object-cover {\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n.object-fill {\n  -o-object-fit: fill;\n     object-fit: fill;\n}\n.object-none {\n  -o-object-fit: none;\n     object-fit: none;\n}\n.object-scale-down {\n  -o-object-fit: scale-down;\n     object-fit: scale-down;\n}\n@media (min-width: 48rem) {\n  .tablet\\:object-contain {\n    -o-object-fit: contain;\n       object-fit: contain;\n  }\n\n  .tablet\\:object-cover {\n    -o-object-fit: cover;\n       object-fit: cover;\n  }\n\n  .tablet\\:object-fill {\n    -o-object-fit: fill;\n       object-fit: fill;\n  }\n\n  .tablet\\:object-none {\n    -o-object-fit: none;\n       object-fit: none;\n  }\n\n  .tablet\\:object-scale-down {\n    -o-object-fit: scale-down;\n       object-fit: scale-down;\n  }\n}\n@media (min-width: 64rem) {\n  .laptop\\:object-contain {\n    -o-object-fit: contain;\n       object-fit: contain;\n  }\n\n  .laptop\\:object-cover {\n    -o-object-fit: cover;\n       object-fit: cover;\n  }\n\n  .laptop\\:object-fill {\n    -o-object-fit: fill;\n       object-fit: fill;\n  }\n\n  .laptop\\:object-none {\n    -o-object-fit: none;\n       object-fit: none;\n  }\n\n  .laptop\\:object-scale-down {\n    -o-object-fit: scale-down;\n       object-fit: scale-down;\n  }\n}\n@media (min-width: 96rem) {\n  .desktop\\:object-contain {\n    -o-object-fit: contain;\n       object-fit: contain;\n  }\n\n  .desktop\\:object-cover {\n    -o-object-fit: cover;\n       object-fit: cover;\n  }\n\n  .desktop\\:object-fill {\n    -o-object-fit: fill;\n       object-fit: fill;\n  }\n\n  .desktop\\:object-none {\n    -o-object-fit: none;\n       object-fit: none;\n  }\n\n  .desktop\\:object-scale-down {\n    -o-object-fit: scale-down;\n       object-fit: scale-down;\n  }\n}\n/* spacing - margins */\n.margin-7xs {\n    margin: calc(1em * 1 / 16) !important;\n    margin: var(--spacing-7xs) !important;\n  }\n.margin-top-7xs {\n    margin-top: calc(1em * 1 / 16) !important;\n    margin-top: var(--spacing-7xs) !important;\n  }\n.margin-right-7xs {\n    margin-right: calc(1em * 1 / 16) !important;\n    margin-right: var(--spacing-7xs) !important;\n  }\n.margin-bottom-7xs {\n    margin-bottom: calc(1em * 1 / 16) !important;\n    margin-bottom: var(--spacing-7xs) !important;\n  }\n.margin-left-7xs {\n    margin-left: calc(1em * 1 / 16) !important;\n    margin-left: var(--spacing-7xs) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-7xs {\n    margin-right: calc(1em * 1 / 16) !important;\n    margin-right: var(--spacing-7xs) !important;\n    margin-left: calc(1em * 1 / 16) !important;\n    margin-left: var(--spacing-7xs) !important;\n  }\n.margin-x-7xs {\n    margin-right: calc(1em * 1 / 16) !important;\n    margin-right: var(--spacing-7xs) !important;\n    margin-left: calc(1em * 1 / 16) !important;\n    margin-left: var(--spacing-7xs) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-7xs {\n    margin-top: calc(1em * 1 / 16) !important;\n    margin-top: var(--spacing-7xs) !important;\n    margin-bottom: calc(1em * 1 / 16) !important;\n    margin-bottom: var(--spacing-7xs) !important;\n  }\n.margin-y-7xs {\n    margin-top: calc(1em * 1 / 16) !important;\n    margin-top: var(--spacing-7xs) !important;\n    margin-bottom: calc(1em * 1 / 16) !important;\n    margin-bottom: var(--spacing-7xs) !important;\n  }\n.margin-6xs {\n    margin: calc(1em * 2 / 16) !important;\n    margin: var(--spacing-6xs) !important;\n  }\n.margin-top-6xs {\n    margin-top: calc(1em * 2 / 16) !important;\n    margin-top: var(--spacing-6xs) !important;\n  }\n.margin-right-6xs {\n    margin-right: calc(1em * 2 / 16) !important;\n    margin-right: var(--spacing-6xs) !important;\n  }\n.margin-bottom-6xs {\n    margin-bottom: calc(1em * 2 / 16) !important;\n    margin-bottom: var(--spacing-6xs) !important;\n  }\n.margin-left-6xs {\n    margin-left: calc(1em * 2 / 16) !important;\n    margin-left: var(--spacing-6xs) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-6xs {\n    margin-right: calc(1em * 2 / 16) !important;\n    margin-right: var(--spacing-6xs) !important;\n    margin-left: calc(1em * 2 / 16) !important;\n    margin-left: var(--spacing-6xs) !important;\n  }\n.margin-x-6xs {\n    margin-right: calc(1em * 2 / 16) !important;\n    margin-right: var(--spacing-6xs) !important;\n    margin-left: calc(1em * 2 / 16) !important;\n    margin-left: var(--spacing-6xs) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-6xs {\n    margin-top: calc(1em * 2 / 16) !important;\n    margin-top: var(--spacing-6xs) !important;\n    margin-bottom: calc(1em * 2 / 16) !important;\n    margin-bottom: var(--spacing-6xs) !important;\n  }\n.margin-y-6xs {\n    margin-top: calc(1em * 2 / 16) !important;\n    margin-top: var(--spacing-6xs) !important;\n    margin-bottom: calc(1em * 2 / 16) !important;\n    margin-bottom: var(--spacing-6xs) !important;\n  }\n.margin-5xs {\n    margin: calc(1em * 3 / 16) !important;\n    margin: var(--spacing-5xs) !important;\n  }\n.margin-top-5xs {\n    margin-top: calc(1em * 3 / 16) !important;\n    margin-top: var(--spacing-5xs) !important;\n  }\n.margin-right-5xs {\n    margin-right: calc(1em * 3 / 16) !important;\n    margin-right: var(--spacing-5xs) !important;\n  }\n.margin-bottom-5xs {\n    margin-bottom: calc(1em * 3 / 16) !important;\n    margin-bottom: var(--spacing-5xs) !important;\n  }\n.margin-left-5xs {\n    margin-left: calc(1em * 3 / 16) !important;\n    margin-left: var(--spacing-5xs) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-5xs {\n    margin-right: calc(1em * 3 / 16) !important;\n    margin-right: var(--spacing-5xs) !important;\n    margin-left: calc(1em * 3 / 16) !important;\n    margin-left: var(--spacing-5xs) !important;\n  }\n.margin-x-5xs {\n    margin-right: calc(1em * 3 / 16) !important;\n    margin-right: var(--spacing-5xs) !important;\n    margin-left: calc(1em * 3 / 16) !important;\n    margin-left: var(--spacing-5xs) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-5xs {\n    margin-top: calc(1em * 3 / 16) !important;\n    margin-top: var(--spacing-5xs) !important;\n    margin-bottom: calc(1em * 3 / 16) !important;\n    margin-bottom: var(--spacing-5xs) !important;\n  }\n.margin-y-5xs {\n    margin-top: calc(1em * 3 / 16) !important;\n    margin-top: var(--spacing-5xs) !important;\n    margin-bottom: calc(1em * 3 / 16) !important;\n    margin-bottom: var(--spacing-5xs) !important;\n  }\n.margin-4xs {\n    margin: calc(1em * 4 / 16) !important;\n    margin: var(--spacing-4xs) !important;\n  }\n.margin-top-4xs {\n    margin-top: calc(1em * 4 / 16) !important;\n    margin-top: var(--spacing-4xs) !important;\n  }\n.margin-right-4xs {\n    margin-right: calc(1em * 4 / 16) !important;\n    margin-right: var(--spacing-4xs) !important;\n  }\n.margin-bottom-4xs {\n    margin-bottom: calc(1em * 4 / 16) !important;\n    margin-bottom: var(--spacing-4xs) !important;\n  }\n.margin-left-4xs {\n    margin-left: calc(1em * 4 / 16) !important;\n    margin-left: var(--spacing-4xs) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-4xs {\n    margin-right: calc(1em * 4 / 16) !important;\n    margin-right: var(--spacing-4xs) !important;\n    margin-left: calc(1em * 4 / 16) !important;\n    margin-left: var(--spacing-4xs) !important;\n  }\n.margin-x-4xs {\n    margin-right: calc(1em * 4 / 16) !important;\n    margin-right: var(--spacing-4xs) !important;\n    margin-left: calc(1em * 4 / 16) !important;\n    margin-left: var(--spacing-4xs) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-4xs {\n    margin-top: calc(1em * 4 / 16) !important;\n    margin-top: var(--spacing-4xs) !important;\n    margin-bottom: calc(1em * 4 / 16) !important;\n    margin-bottom: var(--spacing-4xs) !important;\n  }\n.margin-y-4xs {\n    margin-top: calc(1em * 4 / 16) !important;\n    margin-top: var(--spacing-4xs) !important;\n    margin-bottom: calc(1em * 4 / 16) !important;\n    margin-bottom: var(--spacing-4xs) !important;\n  }\n.margin-3xs {\n    margin: calc(1em * 6 / 16) !important;\n    margin: var(--spacing-3xs) !important;\n  }\n.margin-top-3xs {\n    margin-top: calc(1em * 6 / 16) !important;\n    margin-top: var(--spacing-3xs) !important;\n  }\n.margin-right-3xs {\n    margin-right: calc(1em * 6 / 16) !important;\n    margin-right: var(--spacing-3xs) !important;\n  }\n.margin-bottom-3xs {\n    margin-bottom: calc(1em * 6 / 16) !important;\n    margin-bottom: var(--spacing-3xs) !important;\n  }\n.margin-left-3xs {\n    margin-left: calc(1em * 6 / 16) !important;\n    margin-left: var(--spacing-3xs) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-3xs {\n    margin-right: calc(1em * 6 / 16) !important;\n    margin-right: var(--spacing-3xs) !important;\n    margin-left: calc(1em * 6 / 16) !important;\n    margin-left: var(--spacing-3xs) !important;\n  }\n.margin-x-3xs {\n    margin-right: calc(1em * 6 / 16) !important;\n    margin-right: var(--spacing-3xs) !important;\n    margin-left: calc(1em * 6 / 16) !important;\n    margin-left: var(--spacing-3xs) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-3xs {\n    margin-top: calc(1em * 6 / 16) !important;\n    margin-top: var(--spacing-3xs) !important;\n    margin-bottom: calc(1em * 6 / 16) !important;\n    margin-bottom: var(--spacing-3xs) !important;\n  }\n.margin-y-3xs {\n    margin-top: calc(1em * 6 / 16) !important;\n    margin-top: var(--spacing-3xs) !important;\n    margin-bottom: calc(1em * 6 / 16) !important;\n    margin-bottom: var(--spacing-3xs) !important;\n  }\n.margin-2xs {\n    margin: calc(1em * 8 / 16) !important;\n    margin: var(--spacing-2xs) !important;\n  }\n.margin-top-2xs {\n    margin-top: calc(1em * 8 / 16) !important;\n    margin-top: var(--spacing-2xs) !important;\n  }\n.margin-right-2xs {\n    margin-right: calc(1em * 8 / 16) !important;\n    margin-right: var(--spacing-2xs) !important;\n  }\n.margin-bottom-2xs {\n    margin-bottom: calc(1em * 8 / 16) !important;\n    margin-bottom: var(--spacing-2xs) !important;\n  }\n.margin-left-2xs {\n    margin-left: calc(1em * 8 / 16) !important;\n    margin-left: var(--spacing-2xs) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-2xs {\n    margin-right: calc(1em * 8 / 16) !important;\n    margin-right: var(--spacing-2xs) !important;\n    margin-left: calc(1em * 8 / 16) !important;\n    margin-left: var(--spacing-2xs) !important;\n  }\n.margin-x-2xs {\n    margin-right: calc(1em * 8 / 16) !important;\n    margin-right: var(--spacing-2xs) !important;\n    margin-left: calc(1em * 8 / 16) !important;\n    margin-left: var(--spacing-2xs) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-2xs {\n    margin-top: calc(1em * 8 / 16) !important;\n    margin-top: var(--spacing-2xs) !important;\n    margin-bottom: calc(1em * 8 / 16) !important;\n    margin-bottom: var(--spacing-2xs) !important;\n  }\n.margin-y-2xs {\n    margin-top: calc(1em * 8 / 16) !important;\n    margin-top: var(--spacing-2xs) !important;\n    margin-bottom: calc(1em * 8 / 16) !important;\n    margin-bottom: var(--spacing-2xs) !important;\n  }\n.margin-xs {\n    margin: calc(1em * 10 / 16) !important;\n    margin: var(--spacing-xs) !important;\n  }\n.margin-top-xs {\n    margin-top: calc(1em * 10 / 16) !important;\n    margin-top: var(--spacing-xs) !important;\n  }\n.margin-right-xs {\n    margin-right: calc(1em * 10 / 16) !important;\n    margin-right: var(--spacing-xs) !important;\n  }\n.margin-bottom-xs {\n    margin-bottom: calc(1em * 10 / 16) !important;\n    margin-bottom: var(--spacing-xs) !important;\n  }\n.margin-left-xs {\n    margin-left: calc(1em * 10 / 16) !important;\n    margin-left: var(--spacing-xs) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-xs {\n    margin-right: calc(1em * 10 / 16) !important;\n    margin-right: var(--spacing-xs) !important;\n    margin-left: calc(1em * 10 / 16) !important;\n    margin-left: var(--spacing-xs) !important;\n  }\n.margin-x-xs {\n    margin-right: calc(1em * 10 / 16) !important;\n    margin-right: var(--spacing-xs) !important;\n    margin-left: calc(1em * 10 / 16) !important;\n    margin-left: var(--spacing-xs) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-xs {\n    margin-top: calc(1em * 10 / 16) !important;\n    margin-top: var(--spacing-xs) !important;\n    margin-bottom: calc(1em * 10 / 16) !important;\n    margin-bottom: var(--spacing-xs) !important;\n  }\n.margin-y-xs {\n    margin-top: calc(1em * 10 / 16) !important;\n    margin-top: var(--spacing-xs) !important;\n    margin-bottom: calc(1em * 10 / 16) !important;\n    margin-bottom: var(--spacing-xs) !important;\n  }\n.margin-sm {\n    margin: calc(1em * 12 / 16) !important;\n    margin: var(--spacing-sm) !important;\n  }\n.margin-top-sm {\n    margin-top: calc(1em * 12 / 16) !important;\n    margin-top: var(--spacing-sm) !important;\n  }\n.margin-right-sm {\n    margin-right: calc(1em * 12 / 16) !important;\n    margin-right: var(--spacing-sm) !important;\n  }\n.margin-bottom-sm {\n    margin-bottom: calc(1em * 12 / 16) !important;\n    margin-bottom: var(--spacing-sm) !important;\n  }\n.margin-left-sm {\n    margin-left: calc(1em * 12 / 16) !important;\n    margin-left: var(--spacing-sm) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-sm {\n    margin-right: calc(1em * 12 / 16) !important;\n    margin-right: var(--spacing-sm) !important;\n    margin-left: calc(1em * 12 / 16) !important;\n    margin-left: var(--spacing-sm) !important;\n  }\n.margin-x-sm {\n    margin-right: calc(1em * 12 / 16) !important;\n    margin-right: var(--spacing-sm) !important;\n    margin-left: calc(1em * 12 / 16) !important;\n    margin-left: var(--spacing-sm) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-sm {\n    margin-top: calc(1em * 12 / 16) !important;\n    margin-top: var(--spacing-sm) !important;\n    margin-bottom: calc(1em * 12 / 16) !important;\n    margin-bottom: var(--spacing-sm) !important;\n  }\n.margin-y-sm {\n    margin-top: calc(1em * 12 / 16) !important;\n    margin-top: var(--spacing-sm) !important;\n    margin-bottom: calc(1em * 12 / 16) !important;\n    margin-bottom: var(--spacing-sm) !important;\n  }\n.margin-md {\n    margin: calc(1em * 1) !important;\n    margin: var(--spacing-md) !important;\n  }\n.margin-top-md {\n    margin-top: calc(1em * 1) !important;\n    margin-top: var(--spacing-md) !important;\n  }\n.margin-right-md {\n    margin-right: calc(1em * 1) !important;\n    margin-right: var(--spacing-md) !important;\n  }\n.margin-bottom-md {\n    margin-bottom: calc(1em * 1) !important;\n    margin-bottom: var(--spacing-md) !important;\n  }\n.margin-left-md {\n    margin-left: calc(1em * 1) !important;\n    margin-left: var(--spacing-md) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-md {\n    margin-right: calc(1em * 1) !important;\n    margin-right: var(--spacing-md) !important;\n    margin-left: calc(1em * 1) !important;\n    margin-left: var(--spacing-md) !important;\n  }\n.margin-x-md {\n    margin-right: calc(1em * 1) !important;\n    margin-right: var(--spacing-md) !important;\n    margin-left: calc(1em * 1) !important;\n    margin-left: var(--spacing-md) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-md {\n    margin-top: calc(1em * 1) !important;\n    margin-top: var(--spacing-md) !important;\n    margin-bottom: calc(1em * 1) !important;\n    margin-bottom: var(--spacing-md) !important;\n  }\n.margin-y-md {\n    margin-top: calc(1em * 1) !important;\n    margin-top: var(--spacing-md) !important;\n    margin-bottom: calc(1em * 1) !important;\n    margin-bottom: var(--spacing-md) !important;\n  }\n.margin-lg {\n    margin: calc(1em * 1.25) !important;\n    margin: var(--spacing-lg) !important;\n  }\n.margin-top-lg {\n    margin-top: calc(1em * 1.25) !important;\n    margin-top: var(--spacing-lg) !important;\n  }\n.margin-right-lg {\n    margin-right: calc(1em * 1.25) !important;\n    margin-right: var(--spacing-lg) !important;\n  }\n.margin-bottom-lg {\n    margin-bottom: calc(1em * 1.25) !important;\n    margin-bottom: var(--spacing-lg) !important;\n  }\n.margin-left-lg {\n    margin-left: calc(1em * 1.25) !important;\n    margin-left: var(--spacing-lg) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-lg {\n    margin-right: calc(1em * 1.25) !important;\n    margin-right: var(--spacing-lg) !important;\n    margin-left: calc(1em * 1.25) !important;\n    margin-left: var(--spacing-lg) !important;\n  }\n.margin-x-lg {\n    margin-right: calc(1em * 1.25) !important;\n    margin-right: var(--spacing-lg) !important;\n    margin-left: calc(1em * 1.25) !important;\n    margin-left: var(--spacing-lg) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-lg {\n    margin-top: calc(1em * 1.25) !important;\n    margin-top: var(--spacing-lg) !important;\n    margin-bottom: calc(1em * 1.25) !important;\n    margin-bottom: var(--spacing-lg) !important;\n  }\n.margin-y-lg {\n    margin-top: calc(1em * 1.25) !important;\n    margin-top: var(--spacing-lg) !important;\n    margin-bottom: calc(1em * 1.25) !important;\n    margin-bottom: var(--spacing-lg) !important;\n  }\n.margin-xl {\n    margin: calc(1em * 1.5) !important;\n    margin: var(--spacing-xl) !important;\n  }\n.margin-top-xl {\n    margin-top: calc(1em * 1.5) !important;\n    margin-top: var(--spacing-xl) !important;\n  }\n.margin-right-xl {\n    margin-right: calc(1em * 1.5) !important;\n    margin-right: var(--spacing-xl) !important;\n  }\n.margin-bottom-xl {\n    margin-bottom: calc(1em * 1.5) !important;\n    margin-bottom: var(--spacing-xl) !important;\n  }\n.margin-left-xl {\n    margin-left: calc(1em * 1.5) !important;\n    margin-left: var(--spacing-xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-xl {\n    margin-right: calc(1em * 1.5) !important;\n    margin-right: var(--spacing-xl) !important;\n    margin-left: calc(1em * 1.5) !important;\n    margin-left: var(--spacing-xl) !important;\n  }\n.margin-x-xl {\n    margin-right: calc(1em * 1.5) !important;\n    margin-right: var(--spacing-xl) !important;\n    margin-left: calc(1em * 1.5) !important;\n    margin-left: var(--spacing-xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-xl {\n    margin-top: calc(1em * 1.5) !important;\n    margin-top: var(--spacing-xl) !important;\n    margin-bottom: calc(1em * 1.5) !important;\n    margin-bottom: var(--spacing-xl) !important;\n  }\n.margin-y-xl {\n    margin-top: calc(1em * 1.5) !important;\n    margin-top: var(--spacing-xl) !important;\n    margin-bottom: calc(1em * 1.5) !important;\n    margin-bottom: var(--spacing-xl) !important;\n  }\n.margin-2xl {\n    margin: calc(1em * 2) !important;\n    margin: var(--spacing-2xl) !important;\n  }\n.margin-top-2xl {\n    margin-top: calc(1em * 2) !important;\n    margin-top: var(--spacing-2xl) !important;\n  }\n.margin-right-2xl {\n    margin-right: calc(1em * 2) !important;\n    margin-right: var(--spacing-2xl) !important;\n  }\n.margin-bottom-2xl {\n    margin-bottom: calc(1em * 2) !important;\n    margin-bottom: var(--spacing-2xl) !important;\n  }\n.margin-left-2xl {\n    margin-left: calc(1em * 2) !important;\n    margin-left: var(--spacing-2xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-2xl {\n    margin-right: calc(1em * 2) !important;\n    margin-right: var(--spacing-2xl) !important;\n    margin-left: calc(1em * 2) !important;\n    margin-left: var(--spacing-2xl) !important;\n  }\n.margin-x-2xl {\n    margin-right: calc(1em * 2) !important;\n    margin-right: var(--spacing-2xl) !important;\n    margin-left: calc(1em * 2) !important;\n    margin-left: var(--spacing-2xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-2xl {\n    margin-top: calc(1em * 2) !important;\n    margin-top: var(--spacing-2xl) !important;\n    margin-bottom: calc(1em * 2) !important;\n    margin-bottom: var(--spacing-2xl) !important;\n  }\n.margin-y-2xl {\n    margin-top: calc(1em * 2) !important;\n    margin-top: var(--spacing-2xl) !important;\n    margin-bottom: calc(1em * 2) !important;\n    margin-bottom: var(--spacing-2xl) !important;\n  }\n.margin-3xl {\n    margin: calc(1em * 2.5) !important;\n    margin: var(--spacing-3xl) !important;\n  }\n.margin-top-3xl {\n    margin-top: calc(1em * 2.5) !important;\n    margin-top: var(--spacing-3xl) !important;\n  }\n.margin-right-3xl {\n    margin-right: calc(1em * 2.5) !important;\n    margin-right: var(--spacing-3xl) !important;\n  }\n.margin-bottom-3xl {\n    margin-bottom: calc(1em * 2.5) !important;\n    margin-bottom: var(--spacing-3xl) !important;\n  }\n.margin-left-3xl {\n    margin-left: calc(1em * 2.5) !important;\n    margin-left: var(--spacing-3xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-3xl {\n    margin-right: calc(1em * 2.5) !important;\n    margin-right: var(--spacing-3xl) !important;\n    margin-left: calc(1em * 2.5) !important;\n    margin-left: var(--spacing-3xl) !important;\n  }\n.margin-x-3xl {\n    margin-right: calc(1em * 2.5) !important;\n    margin-right: var(--spacing-3xl) !important;\n    margin-left: calc(1em * 2.5) !important;\n    margin-left: var(--spacing-3xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-3xl {\n    margin-top: calc(1em * 2.5) !important;\n    margin-top: var(--spacing-3xl) !important;\n    margin-bottom: calc(1em * 2.5) !important;\n    margin-bottom: var(--spacing-3xl) !important;\n  }\n.margin-y-3xl {\n    margin-top: calc(1em * 2.5) !important;\n    margin-top: var(--spacing-3xl) !important;\n    margin-bottom: calc(1em * 2.5) !important;\n    margin-bottom: var(--spacing-3xl) !important;\n  }\n.margin-4xl {\n    margin: calc(1em * 3) !important;\n    margin: var(--spacing-4xl) !important;\n  }\n.margin-top-4xl {\n    margin-top: calc(1em * 3) !important;\n    margin-top: var(--spacing-4xl) !important;\n  }\n.margin-right-4xl {\n    margin-right: calc(1em * 3) !important;\n    margin-right: var(--spacing-4xl) !important;\n  }\n.margin-bottom-4xl {\n    margin-bottom: calc(1em * 3) !important;\n    margin-bottom: var(--spacing-4xl) !important;\n  }\n.margin-left-4xl {\n    margin-left: calc(1em * 3) !important;\n    margin-left: var(--spacing-4xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-4xl {\n    margin-right: calc(1em * 3) !important;\n    margin-right: var(--spacing-4xl) !important;\n    margin-left: calc(1em * 3) !important;\n    margin-left: var(--spacing-4xl) !important;\n  }\n.margin-x-4xl {\n    margin-right: calc(1em * 3) !important;\n    margin-right: var(--spacing-4xl) !important;\n    margin-left: calc(1em * 3) !important;\n    margin-left: var(--spacing-4xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-4xl {\n    margin-top: calc(1em * 3) !important;\n    margin-top: var(--spacing-4xl) !important;\n    margin-bottom: calc(1em * 3) !important;\n    margin-bottom: var(--spacing-4xl) !important;\n  }\n.margin-y-4xl {\n    margin-top: calc(1em * 3) !important;\n    margin-top: var(--spacing-4xl) !important;\n    margin-bottom: calc(1em * 3) !important;\n    margin-bottom: var(--spacing-4xl) !important;\n  }\n.margin-5xl {\n    margin: calc(1em * 4) !important;\n    margin: var(--spacing-5xl) !important;\n  }\n.margin-top-5xl {\n    margin-top: calc(1em * 4) !important;\n    margin-top: var(--spacing-5xl) !important;\n  }\n.margin-right-5xl {\n    margin-right: calc(1em * 4) !important;\n    margin-right: var(--spacing-5xl) !important;\n  }\n.margin-bottom-5xl {\n    margin-bottom: calc(1em * 4) !important;\n    margin-bottom: var(--spacing-5xl) !important;\n  }\n.margin-left-5xl {\n    margin-left: calc(1em * 4) !important;\n    margin-left: var(--spacing-5xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-5xl {\n    margin-right: calc(1em * 4) !important;\n    margin-right: var(--spacing-5xl) !important;\n    margin-left: calc(1em * 4) !important;\n    margin-left: var(--spacing-5xl) !important;\n  }\n.margin-x-5xl {\n    margin-right: calc(1em * 4) !important;\n    margin-right: var(--spacing-5xl) !important;\n    margin-left: calc(1em * 4) !important;\n    margin-left: var(--spacing-5xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-5xl {\n    margin-top: calc(1em * 4) !important;\n    margin-top: var(--spacing-5xl) !important;\n    margin-bottom: calc(1em * 4) !important;\n    margin-bottom: var(--spacing-5xl) !important;\n  }\n.margin-y-5xl {\n    margin-top: calc(1em * 4) !important;\n    margin-top: var(--spacing-5xl) !important;\n    margin-bottom: calc(1em * 4) !important;\n    margin-bottom: var(--spacing-5xl) !important;\n  }\n.margin-6xl {\n    margin: calc(1em * 5) !important;\n    margin: var(--spacing-6xl) !important;\n  }\n.margin-top-6xl {\n    margin-top: calc(1em * 5) !important;\n    margin-top: var(--spacing-6xl) !important;\n  }\n.margin-right-6xl {\n    margin-right: calc(1em * 5) !important;\n    margin-right: var(--spacing-6xl) !important;\n  }\n.margin-bottom-6xl {\n    margin-bottom: calc(1em * 5) !important;\n    margin-bottom: var(--spacing-6xl) !important;\n  }\n.margin-left-6xl {\n    margin-left: calc(1em * 5) !important;\n    margin-left: var(--spacing-6xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-6xl {\n    margin-right: calc(1em * 5) !important;\n    margin-right: var(--spacing-6xl) !important;\n    margin-left: calc(1em * 5) !important;\n    margin-left: var(--spacing-6xl) !important;\n  }\n.margin-x-6xl {\n    margin-right: calc(1em * 5) !important;\n    margin-right: var(--spacing-6xl) !important;\n    margin-left: calc(1em * 5) !important;\n    margin-left: var(--spacing-6xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-6xl {\n    margin-top: calc(1em * 5) !important;\n    margin-top: var(--spacing-6xl) !important;\n    margin-bottom: calc(1em * 5) !important;\n    margin-bottom: var(--spacing-6xl) !important;\n  }\n.margin-y-6xl {\n    margin-top: calc(1em * 5) !important;\n    margin-top: var(--spacing-6xl) !important;\n    margin-bottom: calc(1em * 5) !important;\n    margin-bottom: var(--spacing-6xl) !important;\n  }\n.margin-7xl {\n    margin: calc(1em * 6) !important;\n    margin: var(--spacing-7xl) !important;\n  }\n.margin-top-7xl {\n    margin-top: calc(1em * 6) !important;\n    margin-top: var(--spacing-7xl) !important;\n  }\n.margin-right-7xl {\n    margin-right: calc(1em * 6) !important;\n    margin-right: var(--spacing-7xl) !important;\n  }\n.margin-bottom-7xl {\n    margin-bottom: calc(1em * 6) !important;\n    margin-bottom: var(--spacing-7xl) !important;\n  }\n.margin-left-7xl {\n    margin-left: calc(1em * 6) !important;\n    margin-left: var(--spacing-7xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-7xl {\n    margin-right: calc(1em * 6) !important;\n    margin-right: var(--spacing-7xl) !important;\n    margin-left: calc(1em * 6) !important;\n    margin-left: var(--spacing-7xl) !important;\n  }\n.margin-x-7xl {\n    margin-right: calc(1em * 6) !important;\n    margin-right: var(--spacing-7xl) !important;\n    margin-left: calc(1em * 6) !important;\n    margin-left: var(--spacing-7xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-7xl {\n    margin-top: calc(1em * 6) !important;\n    margin-top: var(--spacing-7xl) !important;\n    margin-bottom: calc(1em * 6) !important;\n    margin-bottom: var(--spacing-7xl) !important;\n  }\n.margin-y-7xl {\n    margin-top: calc(1em * 6) !important;\n    margin-top: var(--spacing-7xl) !important;\n    margin-bottom: calc(1em * 6) !important;\n    margin-bottom: var(--spacing-7xl) !important;\n  }\n.margin-8xl {\n    margin: calc(1em * 8) !important;\n    margin: var(--spacing-8xl) !important;\n  }\n.margin-top-8xl {\n    margin-top: calc(1em * 8) !important;\n    margin-top: var(--spacing-8xl) !important;\n  }\n.margin-right-8xl {\n    margin-right: calc(1em * 8) !important;\n    margin-right: var(--spacing-8xl) !important;\n  }\n.margin-bottom-8xl {\n    margin-bottom: calc(1em * 8) !important;\n    margin-bottom: var(--spacing-8xl) !important;\n  }\n.margin-left-8xl {\n    margin-left: calc(1em * 8) !important;\n    margin-left: var(--spacing-8xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-8xl {\n    margin-right: calc(1em * 8) !important;\n    margin-right: var(--spacing-8xl) !important;\n    margin-left: calc(1em * 8) !important;\n    margin-left: var(--spacing-8xl) !important;\n  }\n.margin-x-8xl {\n    margin-right: calc(1em * 8) !important;\n    margin-right: var(--spacing-8xl) !important;\n    margin-left: calc(1em * 8) !important;\n    margin-left: var(--spacing-8xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-8xl {\n    margin-top: calc(1em * 8) !important;\n    margin-top: var(--spacing-8xl) !important;\n    margin-bottom: calc(1em * 8) !important;\n    margin-bottom: var(--spacing-8xl) !important;\n  }\n.margin-y-8xl {\n    margin-top: calc(1em * 8) !important;\n    margin-top: var(--spacing-8xl) !important;\n    margin-bottom: calc(1em * 8) !important;\n    margin-bottom: var(--spacing-8xl) !important;\n  }\n.margin-9xl {\n    margin: calc(1em * 10) !important;\n    margin: var(--spacing-9xl) !important;\n  }\n.margin-top-9xl {\n    margin-top: calc(1em * 10) !important;\n    margin-top: var(--spacing-9xl) !important;\n  }\n.margin-right-9xl {\n    margin-right: calc(1em * 10) !important;\n    margin-right: var(--spacing-9xl) !important;\n  }\n.margin-bottom-9xl {\n    margin-bottom: calc(1em * 10) !important;\n    margin-bottom: var(--spacing-9xl) !important;\n  }\n.margin-left-9xl {\n    margin-left: calc(1em * 10) !important;\n    margin-left: var(--spacing-9xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-9xl {\n    margin-right: calc(1em * 10) !important;\n    margin-right: var(--spacing-9xl) !important;\n    margin-left: calc(1em * 10) !important;\n    margin-left: var(--spacing-9xl) !important;\n  }\n.margin-x-9xl {\n    margin-right: calc(1em * 10) !important;\n    margin-right: var(--spacing-9xl) !important;\n    margin-left: calc(1em * 10) !important;\n    margin-left: var(--spacing-9xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-9xl {\n    margin-top: calc(1em * 10) !important;\n    margin-top: var(--spacing-9xl) !important;\n    margin-bottom: calc(1em * 10) !important;\n    margin-bottom: var(--spacing-9xl) !important;\n  }\n.margin-y-9xl {\n    margin-top: calc(1em * 10) !important;\n    margin-top: var(--spacing-9xl) !important;\n    margin-bottom: calc(1em * 10) !important;\n    margin-bottom: var(--spacing-9xl) !important;\n  }\n.margin-10xl {\n    margin: calc(1em * 12) !important;\n    margin: var(--spacing-10xl) !important;\n  }\n.margin-top-10xl {\n    margin-top: calc(1em * 12) !important;\n    margin-top: var(--spacing-10xl) !important;\n  }\n.margin-right-10xl {\n    margin-right: calc(1em * 12) !important;\n    margin-right: var(--spacing-10xl) !important;\n  }\n.margin-bottom-10xl {\n    margin-bottom: calc(1em * 12) !important;\n    margin-bottom: var(--spacing-10xl) !important;\n  }\n.margin-left-10xl {\n    margin-left: calc(1em * 12) !important;\n    margin-left: var(--spacing-10xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-10xl {\n    margin-right: calc(1em * 12) !important;\n    margin-right: var(--spacing-10xl) !important;\n    margin-left: calc(1em * 12) !important;\n    margin-left: var(--spacing-10xl) !important;\n  }\n.margin-x-10xl {\n    margin-right: calc(1em * 12) !important;\n    margin-right: var(--spacing-10xl) !important;\n    margin-left: calc(1em * 12) !important;\n    margin-left: var(--spacing-10xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-10xl {\n    margin-top: calc(1em * 12) !important;\n    margin-top: var(--spacing-10xl) !important;\n    margin-bottom: calc(1em * 12) !important;\n    margin-bottom: var(--spacing-10xl) !important;\n  }\n.margin-y-10xl {\n    margin-top: calc(1em * 12) !important;\n    margin-top: var(--spacing-10xl) !important;\n    margin-bottom: calc(1em * 12) !important;\n    margin-bottom: var(--spacing-10xl) !important;\n  }\n.margin-11xl {\n    margin: calc(1em * 16) !important;\n    margin: var(--spacing-11xl) !important;\n  }\n.margin-top-11xl {\n    margin-top: calc(1em * 16) !important;\n    margin-top: var(--spacing-11xl) !important;\n  }\n.margin-right-11xl {\n    margin-right: calc(1em * 16) !important;\n    margin-right: var(--spacing-11xl) !important;\n  }\n.margin-bottom-11xl {\n    margin-bottom: calc(1em * 16) !important;\n    margin-bottom: var(--spacing-11xl) !important;\n  }\n.margin-left-11xl {\n    margin-left: calc(1em * 16) !important;\n    margin-left: var(--spacing-11xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-11xl {\n    margin-right: calc(1em * 16) !important;\n    margin-right: var(--spacing-11xl) !important;\n    margin-left: calc(1em * 16) !important;\n    margin-left: var(--spacing-11xl) !important;\n  }\n.margin-x-11xl {\n    margin-right: calc(1em * 16) !important;\n    margin-right: var(--spacing-11xl) !important;\n    margin-left: calc(1em * 16) !important;\n    margin-left: var(--spacing-11xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-11xl {\n    margin-top: calc(1em * 16) !important;\n    margin-top: var(--spacing-11xl) !important;\n    margin-bottom: calc(1em * 16) !important;\n    margin-bottom: var(--spacing-11xl) !important;\n  }\n.margin-y-11xl {\n    margin-top: calc(1em * 16) !important;\n    margin-top: var(--spacing-11xl) !important;\n    margin-bottom: calc(1em * 16) !important;\n    margin-bottom: var(--spacing-11xl) !important;\n  }\n.margin-12xl {\n    margin: calc(1em * 20) !important;\n    margin: var(--spacing-12xl) !important;\n  }\n.margin-top-12xl {\n    margin-top: calc(1em * 20) !important;\n    margin-top: var(--spacing-12xl) !important;\n  }\n.margin-right-12xl {\n    margin-right: calc(1em * 20) !important;\n    margin-right: var(--spacing-12xl) !important;\n  }\n.margin-bottom-12xl {\n    margin-bottom: calc(1em * 20) !important;\n    margin-bottom: var(--spacing-12xl) !important;\n  }\n.margin-left-12xl {\n    margin-left: calc(1em * 20) !important;\n    margin-left: var(--spacing-12xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-12xl {\n    margin-right: calc(1em * 20) !important;\n    margin-right: var(--spacing-12xl) !important;\n    margin-left: calc(1em * 20) !important;\n    margin-left: var(--spacing-12xl) !important;\n  }\n.margin-x-12xl {\n    margin-right: calc(1em * 20) !important;\n    margin-right: var(--spacing-12xl) !important;\n    margin-left: calc(1em * 20) !important;\n    margin-left: var(--spacing-12xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-12xl {\n    margin-top: calc(1em * 20) !important;\n    margin-top: var(--spacing-12xl) !important;\n    margin-bottom: calc(1em * 20) !important;\n    margin-bottom: var(--spacing-12xl) !important;\n  }\n.margin-y-12xl {\n    margin-top: calc(1em * 20) !important;\n    margin-top: var(--spacing-12xl) !important;\n    margin-bottom: calc(1em * 20) !important;\n    margin-bottom: var(--spacing-12xl) !important;\n  }\n.margin-0 {\n    margin: 0 !important;\n    margin: var(--spacing-0) !important;\n  }\n.margin-top-0 {\n    margin-top: 0 !important;\n    margin-top: var(--spacing-0) !important;\n  }\n.margin-right-0 {\n    margin-right: 0 !important;\n    margin-right: var(--spacing-0) !important;\n  }\n.margin-bottom-0 {\n    margin-bottom: 0 !important;\n    margin-bottom: var(--spacing-0) !important;\n  }\n.margin-left-0 {\n    margin-left: 0 !important;\n    margin-left: var(--spacing-0) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-0 {\n    margin-right: 0 !important;\n    margin-right: var(--spacing-0) !important;\n    margin-left: 0 !important;\n    margin-left: var(--spacing-0) !important;\n  }\n.margin-x-0 {\n    margin-right: 0 !important;\n    margin-right: var(--spacing-0) !important;\n    margin-left: 0 !important;\n    margin-left: var(--spacing-0) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-0 {\n    margin-top: 0 !important;\n    margin-top: var(--spacing-0) !important;\n    margin-bottom: 0 !important;\n    margin-bottom: var(--spacing-0) !important;\n  }\n.margin-y-0 {\n    margin-top: 0 !important;\n    margin-top: var(--spacing-0) !important;\n    margin-bottom: 0 !important;\n    margin-bottom: var(--spacing-0) !important;\n  }\n.margin-1 {\n    margin: calc(1em * 1 / 16) !important;\n    margin: var(--spacing-1) !important;\n  }\n.margin-top-1 {\n    margin-top: calc(1em * 1 / 16) !important;\n    margin-top: var(--spacing-1) !important;\n  }\n.margin-right-1 {\n    margin-right: calc(1em * 1 / 16) !important;\n    margin-right: var(--spacing-1) !important;\n  }\n.margin-bottom-1 {\n    margin-bottom: calc(1em * 1 / 16) !important;\n    margin-bottom: var(--spacing-1) !important;\n  }\n.margin-left-1 {\n    margin-left: calc(1em * 1 / 16) !important;\n    margin-left: var(--spacing-1) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-1 {\n    margin-right: calc(1em * 1 / 16) !important;\n    margin-right: var(--spacing-1) !important;\n    margin-left: calc(1em * 1 / 16) !important;\n    margin-left: var(--spacing-1) !important;\n  }\n.margin-x-1 {\n    margin-right: calc(1em * 1 / 16) !important;\n    margin-right: var(--spacing-1) !important;\n    margin-left: calc(1em * 1 / 16) !important;\n    margin-left: var(--spacing-1) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-1 {\n    margin-top: calc(1em * 1 / 16) !important;\n    margin-top: var(--spacing-1) !important;\n    margin-bottom: calc(1em * 1 / 16) !important;\n    margin-bottom: var(--spacing-1) !important;\n  }\n.margin-y-1 {\n    margin-top: calc(1em * 1 / 16) !important;\n    margin-top: var(--spacing-1) !important;\n    margin-bottom: calc(1em * 1 / 16) !important;\n    margin-bottom: var(--spacing-1) !important;\n  }\n.margin-1px {\n    margin: 1px !important;\n    margin: var(--spacing-1px) !important;\n  }\n.margin-top-1px {\n    margin-top: 1px !important;\n    margin-top: var(--spacing-1px) !important;\n  }\n.margin-right-1px {\n    margin-right: 1px !important;\n    margin-right: var(--spacing-1px) !important;\n  }\n.margin-bottom-1px {\n    margin-bottom: 1px !important;\n    margin-bottom: var(--spacing-1px) !important;\n  }\n.margin-left-1px {\n    margin-left: 1px !important;\n    margin-left: var(--spacing-1px) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-1px {\n    margin-right: 1px !important;\n    margin-right: var(--spacing-1px) !important;\n    margin-left: 1px !important;\n    margin-left: var(--spacing-1px) !important;\n  }\n.margin-x-1px {\n    margin-right: 1px !important;\n    margin-right: var(--spacing-1px) !important;\n    margin-left: 1px !important;\n    margin-left: var(--spacing-1px) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-1px {\n    margin-top: 1px !important;\n    margin-top: var(--spacing-1px) !important;\n    margin-bottom: 1px !important;\n    margin-bottom: var(--spacing-1px) !important;\n  }\n.margin-y-1px {\n    margin-top: 1px !important;\n    margin-top: var(--spacing-1px) !important;\n    margin-bottom: 1px !important;\n    margin-bottom: var(--spacing-1px) !important;\n  }\n@media (min-width: 48rem) {\n    .tablet\\:margin-7xs {\n      margin: calc(1em * 1 / 16) !important;\n      margin: var(--spacing-7xs) !important;\n    }\n\n    .tablet\\:margin-top-7xs {\n      margin-top: calc(1em * 1 / 16) !important;\n      margin-top: var(--spacing-7xs) !important;\n    }\n\n    .tablet\\:margin-right-7xs {\n      margin-right: calc(1em * 1 / 16) !important;\n      margin-right: var(--spacing-7xs) !important;\n    }\n\n    .tablet\\:margin-bottom-7xs {\n      margin-bottom: calc(1em * 1 / 16) !important;\n      margin-bottom: var(--spacing-7xs) !important;\n    }\n\n    .tablet\\:margin-left-7xs {\n      margin-left: calc(1em * 1 / 16) !important;\n      margin-left: var(--spacing-7xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-horizontal-7xs {\n      margin-right: calc(1em * 1 / 16) !important;\n      margin-right: var(--spacing-7xs) !important;\n      margin-left: calc(1em * 1 / 16) !important;\n      margin-left: var(--spacing-7xs) !important;\n    }\n\n    .tablet\\:margin-x-7xs {\n      margin-right: calc(1em * 1 / 16) !important;\n      margin-right: var(--spacing-7xs) !important;\n      margin-left: calc(1em * 1 / 16) !important;\n      margin-left: var(--spacing-7xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-vertical-7xs {\n      margin-top: calc(1em * 1 / 16) !important;\n      margin-top: var(--spacing-7xs) !important;\n      margin-bottom: calc(1em * 1 / 16) !important;\n      margin-bottom: var(--spacing-7xs) !important;\n    }\n\n    .tablet\\:margin-y-7xs {\n      margin-top: calc(1em * 1 / 16) !important;\n      margin-top: var(--spacing-7xs) !important;\n      margin-bottom: calc(1em * 1 / 16) !important;\n      margin-bottom: var(--spacing-7xs) !important;\n    }\n    .tablet\\:margin-6xs {\n      margin: calc(1em * 2 / 16) !important;\n      margin: var(--spacing-6xs) !important;\n    }\n\n    .tablet\\:margin-top-6xs {\n      margin-top: calc(1em * 2 / 16) !important;\n      margin-top: var(--spacing-6xs) !important;\n    }\n\n    .tablet\\:margin-right-6xs {\n      margin-right: calc(1em * 2 / 16) !important;\n      margin-right: var(--spacing-6xs) !important;\n    }\n\n    .tablet\\:margin-bottom-6xs {\n      margin-bottom: calc(1em * 2 / 16) !important;\n      margin-bottom: var(--spacing-6xs) !important;\n    }\n\n    .tablet\\:margin-left-6xs {\n      margin-left: calc(1em * 2 / 16) !important;\n      margin-left: var(--spacing-6xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-horizontal-6xs {\n      margin-right: calc(1em * 2 / 16) !important;\n      margin-right: var(--spacing-6xs) !important;\n      margin-left: calc(1em * 2 / 16) !important;\n      margin-left: var(--spacing-6xs) !important;\n    }\n\n    .tablet\\:margin-x-6xs {\n      margin-right: calc(1em * 2 / 16) !important;\n      margin-right: var(--spacing-6xs) !important;\n      margin-left: calc(1em * 2 / 16) !important;\n      margin-left: var(--spacing-6xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-vertical-6xs {\n      margin-top: calc(1em * 2 / 16) !important;\n      margin-top: var(--spacing-6xs) !important;\n      margin-bottom: calc(1em * 2 / 16) !important;\n      margin-bottom: var(--spacing-6xs) !important;\n    }\n\n    .tablet\\:margin-y-6xs {\n      margin-top: calc(1em * 2 / 16) !important;\n      margin-top: var(--spacing-6xs) !important;\n      margin-bottom: calc(1em * 2 / 16) !important;\n      margin-bottom: var(--spacing-6xs) !important;\n    }\n    .tablet\\:margin-5xs {\n      margin: calc(1em * 3 / 16) !important;\n      margin: var(--spacing-5xs) !important;\n    }\n\n    .tablet\\:margin-top-5xs {\n      margin-top: calc(1em * 3 / 16) !important;\n      margin-top: var(--spacing-5xs) !important;\n    }\n\n    .tablet\\:margin-right-5xs {\n      margin-right: calc(1em * 3 / 16) !important;\n      margin-right: var(--spacing-5xs) !important;\n    }\n\n    .tablet\\:margin-bottom-5xs {\n      margin-bottom: calc(1em * 3 / 16) !important;\n      margin-bottom: var(--spacing-5xs) !important;\n    }\n\n    .tablet\\:margin-left-5xs {\n      margin-left: calc(1em * 3 / 16) !important;\n      margin-left: var(--spacing-5xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-horizontal-5xs {\n      margin-right: calc(1em * 3 / 16) !important;\n      margin-right: var(--spacing-5xs) !important;\n      margin-left: calc(1em * 3 / 16) !important;\n      margin-left: var(--spacing-5xs) !important;\n    }\n\n    .tablet\\:margin-x-5xs {\n      margin-right: calc(1em * 3 / 16) !important;\n      margin-right: var(--spacing-5xs) !important;\n      margin-left: calc(1em * 3 / 16) !important;\n      margin-left: var(--spacing-5xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-vertical-5xs {\n      margin-top: calc(1em * 3 / 16) !important;\n      margin-top: var(--spacing-5xs) !important;\n      margin-bottom: calc(1em * 3 / 16) !important;\n      margin-bottom: var(--spacing-5xs) !important;\n    }\n\n    .tablet\\:margin-y-5xs {\n      margin-top: calc(1em * 3 / 16) !important;\n      margin-top: var(--spacing-5xs) !important;\n      margin-bottom: calc(1em * 3 / 16) !important;\n      margin-bottom: var(--spacing-5xs) !important;\n    }\n    .tablet\\:margin-4xs {\n      margin: calc(1em * 4 / 16) !important;\n      margin: var(--spacing-4xs) !important;\n    }\n\n    .tablet\\:margin-top-4xs {\n      margin-top: calc(1em * 4 / 16) !important;\n      margin-top: var(--spacing-4xs) !important;\n    }\n\n    .tablet\\:margin-right-4xs {\n      margin-right: calc(1em * 4 / 16) !important;\n      margin-right: var(--spacing-4xs) !important;\n    }\n\n    .tablet\\:margin-bottom-4xs {\n      margin-bottom: calc(1em * 4 / 16) !important;\n      margin-bottom: var(--spacing-4xs) !important;\n    }\n\n    .tablet\\:margin-left-4xs {\n      margin-left: calc(1em * 4 / 16) !important;\n      margin-left: var(--spacing-4xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-horizontal-4xs {\n      margin-right: calc(1em * 4 / 16) !important;\n      margin-right: var(--spacing-4xs) !important;\n      margin-left: calc(1em * 4 / 16) !important;\n      margin-left: var(--spacing-4xs) !important;\n    }\n\n    .tablet\\:margin-x-4xs {\n      margin-right: calc(1em * 4 / 16) !important;\n      margin-right: var(--spacing-4xs) !important;\n      margin-left: calc(1em * 4 / 16) !important;\n      margin-left: var(--spacing-4xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-vertical-4xs {\n      margin-top: calc(1em * 4 / 16) !important;\n      margin-top: var(--spacing-4xs) !important;\n      margin-bottom: calc(1em * 4 / 16) !important;\n      margin-bottom: var(--spacing-4xs) !important;\n    }\n\n    .tablet\\:margin-y-4xs {\n      margin-top: calc(1em * 4 / 16) !important;\n      margin-top: var(--spacing-4xs) !important;\n      margin-bottom: calc(1em * 4 / 16) !important;\n      margin-bottom: var(--spacing-4xs) !important;\n    }\n    .tablet\\:margin-3xs {\n      margin: calc(1em * 6 / 16) !important;\n      margin: var(--spacing-3xs) !important;\n    }\n\n    .tablet\\:margin-top-3xs {\n      margin-top: calc(1em * 6 / 16) !important;\n      margin-top: var(--spacing-3xs) !important;\n    }\n\n    .tablet\\:margin-right-3xs {\n      margin-right: calc(1em * 6 / 16) !important;\n      margin-right: var(--spacing-3xs) !important;\n    }\n\n    .tablet\\:margin-bottom-3xs {\n      margin-bottom: calc(1em * 6 / 16) !important;\n      margin-bottom: var(--spacing-3xs) !important;\n    }\n\n    .tablet\\:margin-left-3xs {\n      margin-left: calc(1em * 6 / 16) !important;\n      margin-left: var(--spacing-3xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-horizontal-3xs {\n      margin-right: calc(1em * 6 / 16) !important;\n      margin-right: var(--spacing-3xs) !important;\n      margin-left: calc(1em * 6 / 16) !important;\n      margin-left: var(--spacing-3xs) !important;\n    }\n\n    .tablet\\:margin-x-3xs {\n      margin-right: calc(1em * 6 / 16) !important;\n      margin-right: var(--spacing-3xs) !important;\n      margin-left: calc(1em * 6 / 16) !important;\n      margin-left: var(--spacing-3xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-vertical-3xs {\n      margin-top: calc(1em * 6 / 16) !important;\n      margin-top: var(--spacing-3xs) !important;\n      margin-bottom: calc(1em * 6 / 16) !important;\n      margin-bottom: var(--spacing-3xs) !important;\n    }\n\n    .tablet\\:margin-y-3xs {\n      margin-top: calc(1em * 6 / 16) !important;\n      margin-top: var(--spacing-3xs) !important;\n      margin-bottom: calc(1em * 6 / 16) !important;\n      margin-bottom: var(--spacing-3xs) !important;\n    }\n    .tablet\\:margin-2xs {\n      margin: calc(1em * 8 / 16) !important;\n      margin: var(--spacing-2xs) !important;\n    }\n\n    .tablet\\:margin-top-2xs {\n      margin-top: calc(1em * 8 / 16) !important;\n      margin-top: var(--spacing-2xs) !important;\n    }\n\n    .tablet\\:margin-right-2xs {\n      margin-right: calc(1em * 8 / 16) !important;\n      margin-right: var(--spacing-2xs) !important;\n    }\n\n    .tablet\\:margin-bottom-2xs {\n      margin-bottom: calc(1em * 8 / 16) !important;\n      margin-bottom: var(--spacing-2xs) !important;\n    }\n\n    .tablet\\:margin-left-2xs {\n      margin-left: calc(1em * 8 / 16) !important;\n      margin-left: var(--spacing-2xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-horizontal-2xs {\n      margin-right: calc(1em * 8 / 16) !important;\n      margin-right: var(--spacing-2xs) !important;\n      margin-left: calc(1em * 8 / 16) !important;\n      margin-left: var(--spacing-2xs) !important;\n    }\n\n    .tablet\\:margin-x-2xs {\n      margin-right: calc(1em * 8 / 16) !important;\n      margin-right: var(--spacing-2xs) !important;\n      margin-left: calc(1em * 8 / 16) !important;\n      margin-left: var(--spacing-2xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-vertical-2xs {\n      margin-top: calc(1em * 8 / 16) !important;\n      margin-top: var(--spacing-2xs) !important;\n      margin-bottom: calc(1em * 8 / 16) !important;\n      margin-bottom: var(--spacing-2xs) !important;\n    }\n\n    .tablet\\:margin-y-2xs {\n      margin-top: calc(1em * 8 / 16) !important;\n      margin-top: var(--spacing-2xs) !important;\n      margin-bottom: calc(1em * 8 / 16) !important;\n      margin-bottom: var(--spacing-2xs) !important;\n    }\n    .tablet\\:margin-xs {\n      margin: calc(1em * 10 / 16) !important;\n      margin: var(--spacing-xs) !important;\n    }\n\n    .tablet\\:margin-top-xs {\n      margin-top: calc(1em * 10 / 16) !important;\n      margin-top: var(--spacing-xs) !important;\n    }\n\n    .tablet\\:margin-right-xs {\n      margin-right: calc(1em * 10 / 16) !important;\n      margin-right: var(--spacing-xs) !important;\n    }\n\n    .tablet\\:margin-bottom-xs {\n      margin-bottom: calc(1em * 10 / 16) !important;\n      margin-bottom: var(--spacing-xs) !important;\n    }\n\n    .tablet\\:margin-left-xs {\n      margin-left: calc(1em * 10 / 16) !important;\n      margin-left: var(--spacing-xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-horizontal-xs {\n      margin-right: calc(1em * 10 / 16) !important;\n      margin-right: var(--spacing-xs) !important;\n      margin-left: calc(1em * 10 / 16) !important;\n      margin-left: var(--spacing-xs) !important;\n    }\n\n    .tablet\\:margin-x-xs {\n      margin-right: calc(1em * 10 / 16) !important;\n      margin-right: var(--spacing-xs) !important;\n      margin-left: calc(1em * 10 / 16) !important;\n      margin-left: var(--spacing-xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-vertical-xs {\n      margin-top: calc(1em * 10 / 16) !important;\n      margin-top: var(--spacing-xs) !important;\n      margin-bottom: calc(1em * 10 / 16) !important;\n      margin-bottom: var(--spacing-xs) !important;\n    }\n\n    .tablet\\:margin-y-xs {\n      margin-top: calc(1em * 10 / 16) !important;\n      margin-top: var(--spacing-xs) !important;\n      margin-bottom: calc(1em * 10 / 16) !important;\n      margin-bottom: var(--spacing-xs) !important;\n    }\n    .tablet\\:margin-sm {\n      margin: calc(1em * 12 / 16) !important;\n      margin: var(--spacing-sm) !important;\n    }\n\n    .tablet\\:margin-top-sm {\n      margin-top: calc(1em * 12 / 16) !important;\n      margin-top: var(--spacing-sm) !important;\n    }\n\n    .tablet\\:margin-right-sm {\n      margin-right: calc(1em * 12 / 16) !important;\n      margin-right: var(--spacing-sm) !important;\n    }\n\n    .tablet\\:margin-bottom-sm {\n      margin-bottom: calc(1em * 12 / 16) !important;\n      margin-bottom: var(--spacing-sm) !important;\n    }\n\n    .tablet\\:margin-left-sm {\n      margin-left: calc(1em * 12 / 16) !important;\n      margin-left: var(--spacing-sm) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-horizontal-sm {\n      margin-right: calc(1em * 12 / 16) !important;\n      margin-right: var(--spacing-sm) !important;\n      margin-left: calc(1em * 12 / 16) !important;\n      margin-left: var(--spacing-sm) !important;\n    }\n\n    .tablet\\:margin-x-sm {\n      margin-right: calc(1em * 12 / 16) !important;\n      margin-right: var(--spacing-sm) !important;\n      margin-left: calc(1em * 12 / 16) !important;\n      margin-left: var(--spacing-sm) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-vertical-sm {\n      margin-top: calc(1em * 12 / 16) !important;\n      margin-top: var(--spacing-sm) !important;\n      margin-bottom: calc(1em * 12 / 16) !important;\n      margin-bottom: var(--spacing-sm) !important;\n    }\n\n    .tablet\\:margin-y-sm {\n      margin-top: calc(1em * 12 / 16) !important;\n      margin-top: var(--spacing-sm) !important;\n      margin-bottom: calc(1em * 12 / 16) !important;\n      margin-bottom: var(--spacing-sm) !important;\n    }\n    .tablet\\:margin-md {\n      margin: calc(1em * 1) !important;\n      margin: var(--spacing-md) !important;\n    }\n\n    .tablet\\:margin-top-md {\n      margin-top: calc(1em * 1) !important;\n      margin-top: var(--spacing-md) !important;\n    }\n\n    .tablet\\:margin-right-md {\n      margin-right: calc(1em * 1) !important;\n      margin-right: var(--spacing-md) !important;\n    }\n\n    .tablet\\:margin-bottom-md {\n      margin-bottom: calc(1em * 1) !important;\n      margin-bottom: var(--spacing-md) !important;\n    }\n\n    .tablet\\:margin-left-md {\n      margin-left: calc(1em * 1) !important;\n      margin-left: var(--spacing-md) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-horizontal-md {\n      margin-right: calc(1em * 1) !important;\n      margin-right: var(--spacing-md) !important;\n      margin-left: calc(1em * 1) !important;\n      margin-left: var(--spacing-md) !important;\n    }\n\n    .tablet\\:margin-x-md {\n      margin-right: calc(1em * 1) !important;\n      margin-right: var(--spacing-md) !important;\n      margin-left: calc(1em * 1) !important;\n      margin-left: var(--spacing-md) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-vertical-md {\n      margin-top: calc(1em * 1) !important;\n      margin-top: var(--spacing-md) !important;\n      margin-bottom: calc(1em * 1) !important;\n      margin-bottom: var(--spacing-md) !important;\n    }\n\n    .tablet\\:margin-y-md {\n      margin-top: calc(1em * 1) !important;\n      margin-top: var(--spacing-md) !important;\n      margin-bottom: calc(1em * 1) !important;\n      margin-bottom: var(--spacing-md) !important;\n    }\n    .tablet\\:margin-lg {\n      margin: calc(1em * 1.25) !important;\n      margin: var(--spacing-lg) !important;\n    }\n\n    .tablet\\:margin-top-lg {\n      margin-top: calc(1em * 1.25) !important;\n      margin-top: var(--spacing-lg) !important;\n    }\n\n    .tablet\\:margin-right-lg {\n      margin-right: calc(1em * 1.25) !important;\n      margin-right: var(--spacing-lg) !important;\n    }\n\n    .tablet\\:margin-bottom-lg {\n      margin-bottom: calc(1em * 1.25) !important;\n      margin-bottom: var(--spacing-lg) !important;\n    }\n\n    .tablet\\:margin-left-lg {\n      margin-left: calc(1em * 1.25) !important;\n      margin-left: var(--spacing-lg) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-horizontal-lg {\n      margin-right: calc(1em * 1.25) !important;\n      margin-right: var(--spacing-lg) !important;\n      margin-left: calc(1em * 1.25) !important;\n      margin-left: var(--spacing-lg) !important;\n    }\n\n    .tablet\\:margin-x-lg {\n      margin-right: calc(1em * 1.25) !important;\n      margin-right: var(--spacing-lg) !important;\n      margin-left: calc(1em * 1.25) !important;\n      margin-left: var(--spacing-lg) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-vertical-lg {\n      margin-top: calc(1em * 1.25) !important;\n      margin-top: var(--spacing-lg) !important;\n      margin-bottom: calc(1em * 1.25) !important;\n      margin-bottom: var(--spacing-lg) !important;\n    }\n\n    .tablet\\:margin-y-lg {\n      margin-top: calc(1em * 1.25) !important;\n      margin-top: var(--spacing-lg) !important;\n      margin-bottom: calc(1em * 1.25) !important;\n      margin-bottom: var(--spacing-lg) !important;\n    }\n    .tablet\\:margin-xl {\n      margin: calc(1em * 1.5) !important;\n      margin: var(--spacing-xl) !important;\n    }\n\n    .tablet\\:margin-top-xl {\n      margin-top: calc(1em * 1.5) !important;\n      margin-top: var(--spacing-xl) !important;\n    }\n\n    .tablet\\:margin-right-xl {\n      margin-right: calc(1em * 1.5) !important;\n      margin-right: var(--spacing-xl) !important;\n    }\n\n    .tablet\\:margin-bottom-xl {\n      margin-bottom: calc(1em * 1.5) !important;\n      margin-bottom: var(--spacing-xl) !important;\n    }\n\n    .tablet\\:margin-left-xl {\n      margin-left: calc(1em * 1.5) !important;\n      margin-left: var(--spacing-xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-horizontal-xl {\n      margin-right: calc(1em * 1.5) !important;\n      margin-right: var(--spacing-xl) !important;\n      margin-left: calc(1em * 1.5) !important;\n      margin-left: var(--spacing-xl) !important;\n    }\n\n    .tablet\\:margin-x-xl {\n      margin-right: calc(1em * 1.5) !important;\n      margin-right: var(--spacing-xl) !important;\n      margin-left: calc(1em * 1.5) !important;\n      margin-left: var(--spacing-xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-vertical-xl {\n      margin-top: calc(1em * 1.5) !important;\n      margin-top: var(--spacing-xl) !important;\n      margin-bottom: calc(1em * 1.5) !important;\n      margin-bottom: var(--spacing-xl) !important;\n    }\n\n    .tablet\\:margin-y-xl {\n      margin-top: calc(1em * 1.5) !important;\n      margin-top: var(--spacing-xl) !important;\n      margin-bottom: calc(1em * 1.5) !important;\n      margin-bottom: var(--spacing-xl) !important;\n    }\n    .tablet\\:margin-2xl {\n      margin: calc(1em * 2) !important;\n      margin: var(--spacing-2xl) !important;\n    }\n\n    .tablet\\:margin-top-2xl {\n      margin-top: calc(1em * 2) !important;\n      margin-top: var(--spacing-2xl) !important;\n    }\n\n    .tablet\\:margin-right-2xl {\n      margin-right: calc(1em * 2) !important;\n      margin-right: var(--spacing-2xl) !important;\n    }\n\n    .tablet\\:margin-bottom-2xl {\n      margin-bottom: calc(1em * 2) !important;\n      margin-bottom: var(--spacing-2xl) !important;\n    }\n\n    .tablet\\:margin-left-2xl {\n      margin-left: calc(1em * 2) !important;\n      margin-left: var(--spacing-2xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-horizontal-2xl {\n      margin-right: calc(1em * 2) !important;\n      margin-right: var(--spacing-2xl) !important;\n      margin-left: calc(1em * 2) !important;\n      margin-left: var(--spacing-2xl) !important;\n    }\n\n    .tablet\\:margin-x-2xl {\n      margin-right: calc(1em * 2) !important;\n      margin-right: var(--spacing-2xl) !important;\n      margin-left: calc(1em * 2) !important;\n      margin-left: var(--spacing-2xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-vertical-2xl {\n      margin-top: calc(1em * 2) !important;\n      margin-top: var(--spacing-2xl) !important;\n      margin-bottom: calc(1em * 2) !important;\n      margin-bottom: var(--spacing-2xl) !important;\n    }\n\n    .tablet\\:margin-y-2xl {\n      margin-top: calc(1em * 2) !important;\n      margin-top: var(--spacing-2xl) !important;\n      margin-bottom: calc(1em * 2) !important;\n      margin-bottom: var(--spacing-2xl) !important;\n    }\n    .tablet\\:margin-3xl {\n      margin: calc(1em * 2.5) !important;\n      margin: var(--spacing-3xl) !important;\n    }\n\n    .tablet\\:margin-top-3xl {\n      margin-top: calc(1em * 2.5) !important;\n      margin-top: var(--spacing-3xl) !important;\n    }\n\n    .tablet\\:margin-right-3xl {\n      margin-right: calc(1em * 2.5) !important;\n      margin-right: var(--spacing-3xl) !important;\n    }\n\n    .tablet\\:margin-bottom-3xl {\n      margin-bottom: calc(1em * 2.5) !important;\n      margin-bottom: var(--spacing-3xl) !important;\n    }\n\n    .tablet\\:margin-left-3xl {\n      margin-left: calc(1em * 2.5) !important;\n      margin-left: var(--spacing-3xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-horizontal-3xl {\n      margin-right: calc(1em * 2.5) !important;\n      margin-right: var(--spacing-3xl) !important;\n      margin-left: calc(1em * 2.5) !important;\n      margin-left: var(--spacing-3xl) !important;\n    }\n\n    .tablet\\:margin-x-3xl {\n      margin-right: calc(1em * 2.5) !important;\n      margin-right: var(--spacing-3xl) !important;\n      margin-left: calc(1em * 2.5) !important;\n      margin-left: var(--spacing-3xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-vertical-3xl {\n      margin-top: calc(1em * 2.5) !important;\n      margin-top: var(--spacing-3xl) !important;\n      margin-bottom: calc(1em * 2.5) !important;\n      margin-bottom: var(--spacing-3xl) !important;\n    }\n\n    .tablet\\:margin-y-3xl {\n      margin-top: calc(1em * 2.5) !important;\n      margin-top: var(--spacing-3xl) !important;\n      margin-bottom: calc(1em * 2.5) !important;\n      margin-bottom: var(--spacing-3xl) !important;\n    }\n    .tablet\\:margin-4xl {\n      margin: calc(1em * 3) !important;\n      margin: var(--spacing-4xl) !important;\n    }\n\n    .tablet\\:margin-top-4xl {\n      margin-top: calc(1em * 3) !important;\n      margin-top: var(--spacing-4xl) !important;\n    }\n\n    .tablet\\:margin-right-4xl {\n      margin-right: calc(1em * 3) !important;\n      margin-right: var(--spacing-4xl) !important;\n    }\n\n    .tablet\\:margin-bottom-4xl {\n      margin-bottom: calc(1em * 3) !important;\n      margin-bottom: var(--spacing-4xl) !important;\n    }\n\n    .tablet\\:margin-left-4xl {\n      margin-left: calc(1em * 3) !important;\n      margin-left: var(--spacing-4xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-horizontal-4xl {\n      margin-right: calc(1em * 3) !important;\n      margin-right: var(--spacing-4xl) !important;\n      margin-left: calc(1em * 3) !important;\n      margin-left: var(--spacing-4xl) !important;\n    }\n\n    .tablet\\:margin-x-4xl {\n      margin-right: calc(1em * 3) !important;\n      margin-right: var(--spacing-4xl) !important;\n      margin-left: calc(1em * 3) !important;\n      margin-left: var(--spacing-4xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-vertical-4xl {\n      margin-top: calc(1em * 3) !important;\n      margin-top: var(--spacing-4xl) !important;\n      margin-bottom: calc(1em * 3) !important;\n      margin-bottom: var(--spacing-4xl) !important;\n    }\n\n    .tablet\\:margin-y-4xl {\n      margin-top: calc(1em * 3) !important;\n      margin-top: var(--spacing-4xl) !important;\n      margin-bottom: calc(1em * 3) !important;\n      margin-bottom: var(--spacing-4xl) !important;\n    }\n    .tablet\\:margin-5xl {\n      margin: calc(1em * 4) !important;\n      margin: var(--spacing-5xl) !important;\n    }\n\n    .tablet\\:margin-top-5xl {\n      margin-top: calc(1em * 4) !important;\n      margin-top: var(--spacing-5xl) !important;\n    }\n\n    .tablet\\:margin-right-5xl {\n      margin-right: calc(1em * 4) !important;\n      margin-right: var(--spacing-5xl) !important;\n    }\n\n    .tablet\\:margin-bottom-5xl {\n      margin-bottom: calc(1em * 4) !important;\n      margin-bottom: var(--spacing-5xl) !important;\n    }\n\n    .tablet\\:margin-left-5xl {\n      margin-left: calc(1em * 4) !important;\n      margin-left: var(--spacing-5xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-horizontal-5xl {\n      margin-right: calc(1em * 4) !important;\n      margin-right: var(--spacing-5xl) !important;\n      margin-left: calc(1em * 4) !important;\n      margin-left: var(--spacing-5xl) !important;\n    }\n\n    .tablet\\:margin-x-5xl {\n      margin-right: calc(1em * 4) !important;\n      margin-right: var(--spacing-5xl) !important;\n      margin-left: calc(1em * 4) !important;\n      margin-left: var(--spacing-5xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-vertical-5xl {\n      margin-top: calc(1em * 4) !important;\n      margin-top: var(--spacing-5xl) !important;\n      margin-bottom: calc(1em * 4) !important;\n      margin-bottom: var(--spacing-5xl) !important;\n    }\n\n    .tablet\\:margin-y-5xl {\n      margin-top: calc(1em * 4) !important;\n      margin-top: var(--spacing-5xl) !important;\n      margin-bottom: calc(1em * 4) !important;\n      margin-bottom: var(--spacing-5xl) !important;\n    }\n    .tablet\\:margin-6xl {\n      margin: calc(1em * 5) !important;\n      margin: var(--spacing-6xl) !important;\n    }\n\n    .tablet\\:margin-top-6xl {\n      margin-top: calc(1em * 5) !important;\n      margin-top: var(--spacing-6xl) !important;\n    }\n\n    .tablet\\:margin-right-6xl {\n      margin-right: calc(1em * 5) !important;\n      margin-right: var(--spacing-6xl) !important;\n    }\n\n    .tablet\\:margin-bottom-6xl {\n      margin-bottom: calc(1em * 5) !important;\n      margin-bottom: var(--spacing-6xl) !important;\n    }\n\n    .tablet\\:margin-left-6xl {\n      margin-left: calc(1em * 5) !important;\n      margin-left: var(--spacing-6xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-horizontal-6xl {\n      margin-right: calc(1em * 5) !important;\n      margin-right: var(--spacing-6xl) !important;\n      margin-left: calc(1em * 5) !important;\n      margin-left: var(--spacing-6xl) !important;\n    }\n\n    .tablet\\:margin-x-6xl {\n      margin-right: calc(1em * 5) !important;\n      margin-right: var(--spacing-6xl) !important;\n      margin-left: calc(1em * 5) !important;\n      margin-left: var(--spacing-6xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-vertical-6xl {\n      margin-top: calc(1em * 5) !important;\n      margin-top: var(--spacing-6xl) !important;\n      margin-bottom: calc(1em * 5) !important;\n      margin-bottom: var(--spacing-6xl) !important;\n    }\n\n    .tablet\\:margin-y-6xl {\n      margin-top: calc(1em * 5) !important;\n      margin-top: var(--spacing-6xl) !important;\n      margin-bottom: calc(1em * 5) !important;\n      margin-bottom: var(--spacing-6xl) !important;\n    }\n    .tablet\\:margin-7xl {\n      margin: calc(1em * 6) !important;\n      margin: var(--spacing-7xl) !important;\n    }\n\n    .tablet\\:margin-top-7xl {\n      margin-top: calc(1em * 6) !important;\n      margin-top: var(--spacing-7xl) !important;\n    }\n\n    .tablet\\:margin-right-7xl {\n      margin-right: calc(1em * 6) !important;\n      margin-right: var(--spacing-7xl) !important;\n    }\n\n    .tablet\\:margin-bottom-7xl {\n      margin-bottom: calc(1em * 6) !important;\n      margin-bottom: var(--spacing-7xl) !important;\n    }\n\n    .tablet\\:margin-left-7xl {\n      margin-left: calc(1em * 6) !important;\n      margin-left: var(--spacing-7xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-horizontal-7xl {\n      margin-right: calc(1em * 6) !important;\n      margin-right: var(--spacing-7xl) !important;\n      margin-left: calc(1em * 6) !important;\n      margin-left: var(--spacing-7xl) !important;\n    }\n\n    .tablet\\:margin-x-7xl {\n      margin-right: calc(1em * 6) !important;\n      margin-right: var(--spacing-7xl) !important;\n      margin-left: calc(1em * 6) !important;\n      margin-left: var(--spacing-7xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-vertical-7xl {\n      margin-top: calc(1em * 6) !important;\n      margin-top: var(--spacing-7xl) !important;\n      margin-bottom: calc(1em * 6) !important;\n      margin-bottom: var(--spacing-7xl) !important;\n    }\n\n    .tablet\\:margin-y-7xl {\n      margin-top: calc(1em * 6) !important;\n      margin-top: var(--spacing-7xl) !important;\n      margin-bottom: calc(1em * 6) !important;\n      margin-bottom: var(--spacing-7xl) !important;\n    }\n    .tablet\\:margin-8xl {\n      margin: calc(1em * 8) !important;\n      margin: var(--spacing-8xl) !important;\n    }\n\n    .tablet\\:margin-top-8xl {\n      margin-top: calc(1em * 8) !important;\n      margin-top: var(--spacing-8xl) !important;\n    }\n\n    .tablet\\:margin-right-8xl {\n      margin-right: calc(1em * 8) !important;\n      margin-right: var(--spacing-8xl) !important;\n    }\n\n    .tablet\\:margin-bottom-8xl {\n      margin-bottom: calc(1em * 8) !important;\n      margin-bottom: var(--spacing-8xl) !important;\n    }\n\n    .tablet\\:margin-left-8xl {\n      margin-left: calc(1em * 8) !important;\n      margin-left: var(--spacing-8xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-horizontal-8xl {\n      margin-right: calc(1em * 8) !important;\n      margin-right: var(--spacing-8xl) !important;\n      margin-left: calc(1em * 8) !important;\n      margin-left: var(--spacing-8xl) !important;\n    }\n\n    .tablet\\:margin-x-8xl {\n      margin-right: calc(1em * 8) !important;\n      margin-right: var(--spacing-8xl) !important;\n      margin-left: calc(1em * 8) !important;\n      margin-left: var(--spacing-8xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-vertical-8xl {\n      margin-top: calc(1em * 8) !important;\n      margin-top: var(--spacing-8xl) !important;\n      margin-bottom: calc(1em * 8) !important;\n      margin-bottom: var(--spacing-8xl) !important;\n    }\n\n    .tablet\\:margin-y-8xl {\n      margin-top: calc(1em * 8) !important;\n      margin-top: var(--spacing-8xl) !important;\n      margin-bottom: calc(1em * 8) !important;\n      margin-bottom: var(--spacing-8xl) !important;\n    }\n    .tablet\\:margin-9xl {\n      margin: calc(1em * 10) !important;\n      margin: var(--spacing-9xl) !important;\n    }\n\n    .tablet\\:margin-top-9xl {\n      margin-top: calc(1em * 10) !important;\n      margin-top: var(--spacing-9xl) !important;\n    }\n\n    .tablet\\:margin-right-9xl {\n      margin-right: calc(1em * 10) !important;\n      margin-right: var(--spacing-9xl) !important;\n    }\n\n    .tablet\\:margin-bottom-9xl {\n      margin-bottom: calc(1em * 10) !important;\n      margin-bottom: var(--spacing-9xl) !important;\n    }\n\n    .tablet\\:margin-left-9xl {\n      margin-left: calc(1em * 10) !important;\n      margin-left: var(--spacing-9xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-horizontal-9xl {\n      margin-right: calc(1em * 10) !important;\n      margin-right: var(--spacing-9xl) !important;\n      margin-left: calc(1em * 10) !important;\n      margin-left: var(--spacing-9xl) !important;\n    }\n\n    .tablet\\:margin-x-9xl {\n      margin-right: calc(1em * 10) !important;\n      margin-right: var(--spacing-9xl) !important;\n      margin-left: calc(1em * 10) !important;\n      margin-left: var(--spacing-9xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-vertical-9xl {\n      margin-top: calc(1em * 10) !important;\n      margin-top: var(--spacing-9xl) !important;\n      margin-bottom: calc(1em * 10) !important;\n      margin-bottom: var(--spacing-9xl) !important;\n    }\n\n    .tablet\\:margin-y-9xl {\n      margin-top: calc(1em * 10) !important;\n      margin-top: var(--spacing-9xl) !important;\n      margin-bottom: calc(1em * 10) !important;\n      margin-bottom: var(--spacing-9xl) !important;\n    }\n    .tablet\\:margin-10xl {\n      margin: calc(1em * 12) !important;\n      margin: var(--spacing-10xl) !important;\n    }\n\n    .tablet\\:margin-top-10xl {\n      margin-top: calc(1em * 12) !important;\n      margin-top: var(--spacing-10xl) !important;\n    }\n\n    .tablet\\:margin-right-10xl {\n      margin-right: calc(1em * 12) !important;\n      margin-right: var(--spacing-10xl) !important;\n    }\n\n    .tablet\\:margin-bottom-10xl {\n      margin-bottom: calc(1em * 12) !important;\n      margin-bottom: var(--spacing-10xl) !important;\n    }\n\n    .tablet\\:margin-left-10xl {\n      margin-left: calc(1em * 12) !important;\n      margin-left: var(--spacing-10xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-horizontal-10xl {\n      margin-right: calc(1em * 12) !important;\n      margin-right: var(--spacing-10xl) !important;\n      margin-left: calc(1em * 12) !important;\n      margin-left: var(--spacing-10xl) !important;\n    }\n\n    .tablet\\:margin-x-10xl {\n      margin-right: calc(1em * 12) !important;\n      margin-right: var(--spacing-10xl) !important;\n      margin-left: calc(1em * 12) !important;\n      margin-left: var(--spacing-10xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-vertical-10xl {\n      margin-top: calc(1em * 12) !important;\n      margin-top: var(--spacing-10xl) !important;\n      margin-bottom: calc(1em * 12) !important;\n      margin-bottom: var(--spacing-10xl) !important;\n    }\n\n    .tablet\\:margin-y-10xl {\n      margin-top: calc(1em * 12) !important;\n      margin-top: var(--spacing-10xl) !important;\n      margin-bottom: calc(1em * 12) !important;\n      margin-bottom: var(--spacing-10xl) !important;\n    }\n    .tablet\\:margin-11xl {\n      margin: calc(1em * 16) !important;\n      margin: var(--spacing-11xl) !important;\n    }\n\n    .tablet\\:margin-top-11xl {\n      margin-top: calc(1em * 16) !important;\n      margin-top: var(--spacing-11xl) !important;\n    }\n\n    .tablet\\:margin-right-11xl {\n      margin-right: calc(1em * 16) !important;\n      margin-right: var(--spacing-11xl) !important;\n    }\n\n    .tablet\\:margin-bottom-11xl {\n      margin-bottom: calc(1em * 16) !important;\n      margin-bottom: var(--spacing-11xl) !important;\n    }\n\n    .tablet\\:margin-left-11xl {\n      margin-left: calc(1em * 16) !important;\n      margin-left: var(--spacing-11xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-horizontal-11xl {\n      margin-right: calc(1em * 16) !important;\n      margin-right: var(--spacing-11xl) !important;\n      margin-left: calc(1em * 16) !important;\n      margin-left: var(--spacing-11xl) !important;\n    }\n\n    .tablet\\:margin-x-11xl {\n      margin-right: calc(1em * 16) !important;\n      margin-right: var(--spacing-11xl) !important;\n      margin-left: calc(1em * 16) !important;\n      margin-left: var(--spacing-11xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-vertical-11xl {\n      margin-top: calc(1em * 16) !important;\n      margin-top: var(--spacing-11xl) !important;\n      margin-bottom: calc(1em * 16) !important;\n      margin-bottom: var(--spacing-11xl) !important;\n    }\n\n    .tablet\\:margin-y-11xl {\n      margin-top: calc(1em * 16) !important;\n      margin-top: var(--spacing-11xl) !important;\n      margin-bottom: calc(1em * 16) !important;\n      margin-bottom: var(--spacing-11xl) !important;\n    }\n    .tablet\\:margin-12xl {\n      margin: calc(1em * 20) !important;\n      margin: var(--spacing-12xl) !important;\n    }\n\n    .tablet\\:margin-top-12xl {\n      margin-top: calc(1em * 20) !important;\n      margin-top: var(--spacing-12xl) !important;\n    }\n\n    .tablet\\:margin-right-12xl {\n      margin-right: calc(1em * 20) !important;\n      margin-right: var(--spacing-12xl) !important;\n    }\n\n    .tablet\\:margin-bottom-12xl {\n      margin-bottom: calc(1em * 20) !important;\n      margin-bottom: var(--spacing-12xl) !important;\n    }\n\n    .tablet\\:margin-left-12xl {\n      margin-left: calc(1em * 20) !important;\n      margin-left: var(--spacing-12xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-horizontal-12xl {\n      margin-right: calc(1em * 20) !important;\n      margin-right: var(--spacing-12xl) !important;\n      margin-left: calc(1em * 20) !important;\n      margin-left: var(--spacing-12xl) !important;\n    }\n\n    .tablet\\:margin-x-12xl {\n      margin-right: calc(1em * 20) !important;\n      margin-right: var(--spacing-12xl) !important;\n      margin-left: calc(1em * 20) !important;\n      margin-left: var(--spacing-12xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-vertical-12xl {\n      margin-top: calc(1em * 20) !important;\n      margin-top: var(--spacing-12xl) !important;\n      margin-bottom: calc(1em * 20) !important;\n      margin-bottom: var(--spacing-12xl) !important;\n    }\n\n    .tablet\\:margin-y-12xl {\n      margin-top: calc(1em * 20) !important;\n      margin-top: var(--spacing-12xl) !important;\n      margin-bottom: calc(1em * 20) !important;\n      margin-bottom: var(--spacing-12xl) !important;\n    }\n    .tablet\\:margin-0 {\n      margin: 0 !important;\n      margin: var(--spacing-0) !important;\n    }\n\n    .tablet\\:margin-top-0 {\n      margin-top: 0 !important;\n      margin-top: var(--spacing-0) !important;\n    }\n\n    .tablet\\:margin-right-0 {\n      margin-right: 0 !important;\n      margin-right: var(--spacing-0) !important;\n    }\n\n    .tablet\\:margin-bottom-0 {\n      margin-bottom: 0 !important;\n      margin-bottom: var(--spacing-0) !important;\n    }\n\n    .tablet\\:margin-left-0 {\n      margin-left: 0 !important;\n      margin-left: var(--spacing-0) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-horizontal-0 {\n      margin-right: 0 !important;\n      margin-right: var(--spacing-0) !important;\n      margin-left: 0 !important;\n      margin-left: var(--spacing-0) !important;\n    }\n\n    .tablet\\:margin-x-0 {\n      margin-right: 0 !important;\n      margin-right: var(--spacing-0) !important;\n      margin-left: 0 !important;\n      margin-left: var(--spacing-0) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-vertical-0 {\n      margin-top: 0 !important;\n      margin-top: var(--spacing-0) !important;\n      margin-bottom: 0 !important;\n      margin-bottom: var(--spacing-0) !important;\n    }\n\n    .tablet\\:margin-y-0 {\n      margin-top: 0 !important;\n      margin-top: var(--spacing-0) !important;\n      margin-bottom: 0 !important;\n      margin-bottom: var(--spacing-0) !important;\n    }\n    .tablet\\:margin-1 {\n      margin: calc(1em * 1 / 16) !important;\n      margin: var(--spacing-1) !important;\n    }\n\n    .tablet\\:margin-top-1 {\n      margin-top: calc(1em * 1 / 16) !important;\n      margin-top: var(--spacing-1) !important;\n    }\n\n    .tablet\\:margin-right-1 {\n      margin-right: calc(1em * 1 / 16) !important;\n      margin-right: var(--spacing-1) !important;\n    }\n\n    .tablet\\:margin-bottom-1 {\n      margin-bottom: calc(1em * 1 / 16) !important;\n      margin-bottom: var(--spacing-1) !important;\n    }\n\n    .tablet\\:margin-left-1 {\n      margin-left: calc(1em * 1 / 16) !important;\n      margin-left: var(--spacing-1) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-horizontal-1 {\n      margin-right: calc(1em * 1 / 16) !important;\n      margin-right: var(--spacing-1) !important;\n      margin-left: calc(1em * 1 / 16) !important;\n      margin-left: var(--spacing-1) !important;\n    }\n\n    .tablet\\:margin-x-1 {\n      margin-right: calc(1em * 1 / 16) !important;\n      margin-right: var(--spacing-1) !important;\n      margin-left: calc(1em * 1 / 16) !important;\n      margin-left: var(--spacing-1) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-vertical-1 {\n      margin-top: calc(1em * 1 / 16) !important;\n      margin-top: var(--spacing-1) !important;\n      margin-bottom: calc(1em * 1 / 16) !important;\n      margin-bottom: var(--spacing-1) !important;\n    }\n\n    .tablet\\:margin-y-1 {\n      margin-top: calc(1em * 1 / 16) !important;\n      margin-top: var(--spacing-1) !important;\n      margin-bottom: calc(1em * 1 / 16) !important;\n      margin-bottom: var(--spacing-1) !important;\n    }\n    .tablet\\:margin-1px {\n      margin: 1px !important;\n      margin: var(--spacing-1px) !important;\n    }\n\n    .tablet\\:margin-top-1px {\n      margin-top: 1px !important;\n      margin-top: var(--spacing-1px) !important;\n    }\n\n    .tablet\\:margin-right-1px {\n      margin-right: 1px !important;\n      margin-right: var(--spacing-1px) !important;\n    }\n\n    .tablet\\:margin-bottom-1px {\n      margin-bottom: 1px !important;\n      margin-bottom: var(--spacing-1px) !important;\n    }\n\n    .tablet\\:margin-left-1px {\n      margin-left: 1px !important;\n      margin-left: var(--spacing-1px) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-horizontal-1px {\n      margin-right: 1px !important;\n      margin-right: var(--spacing-1px) !important;\n      margin-left: 1px !important;\n      margin-left: var(--spacing-1px) !important;\n    }\n\n    .tablet\\:margin-x-1px {\n      margin-right: 1px !important;\n      margin-right: var(--spacing-1px) !important;\n      margin-left: 1px !important;\n      margin-left: var(--spacing-1px) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:margin-vertical-1px {\n      margin-top: 1px !important;\n      margin-top: var(--spacing-1px) !important;\n      margin-bottom: 1px !important;\n      margin-bottom: var(--spacing-1px) !important;\n    }\n\n    .tablet\\:margin-y-1px {\n      margin-top: 1px !important;\n      margin-top: var(--spacing-1px) !important;\n      margin-bottom: 1px !important;\n      margin-bottom: var(--spacing-1px) !important;\n    }\n}\n@media (min-width: 64rem) {\n    .laptop\\:margin-7xs {\n      margin: calc(1em * 1 / 16) !important;\n      margin: var(--spacing-7xs) !important;\n    }\n\n    .laptop\\:margin-top-7xs {\n      margin-top: calc(1em * 1 / 16) !important;\n      margin-top: var(--spacing-7xs) !important;\n    }\n\n    .laptop\\:margin-right-7xs {\n      margin-right: calc(1em * 1 / 16) !important;\n      margin-right: var(--spacing-7xs) !important;\n    }\n\n    .laptop\\:margin-bottom-7xs {\n      margin-bottom: calc(1em * 1 / 16) !important;\n      margin-bottom: var(--spacing-7xs) !important;\n    }\n\n    .laptop\\:margin-left-7xs {\n      margin-left: calc(1em * 1 / 16) !important;\n      margin-left: var(--spacing-7xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-horizontal-7xs {\n      margin-right: calc(1em * 1 / 16) !important;\n      margin-right: var(--spacing-7xs) !important;\n      margin-left: calc(1em * 1 / 16) !important;\n      margin-left: var(--spacing-7xs) !important;\n    }\n\n    .laptop\\:margin-x-7xs {\n      margin-right: calc(1em * 1 / 16) !important;\n      margin-right: var(--spacing-7xs) !important;\n      margin-left: calc(1em * 1 / 16) !important;\n      margin-left: var(--spacing-7xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-vertical-7xs {\n      margin-top: calc(1em * 1 / 16) !important;\n      margin-top: var(--spacing-7xs) !important;\n      margin-bottom: calc(1em * 1 / 16) !important;\n      margin-bottom: var(--spacing-7xs) !important;\n    }\n\n    .laptop\\:margin-y-7xs {\n      margin-top: calc(1em * 1 / 16) !important;\n      margin-top: var(--spacing-7xs) !important;\n      margin-bottom: calc(1em * 1 / 16) !important;\n      margin-bottom: var(--spacing-7xs) !important;\n    }\n    .laptop\\:margin-6xs {\n      margin: calc(1em * 2 / 16) !important;\n      margin: var(--spacing-6xs) !important;\n    }\n\n    .laptop\\:margin-top-6xs {\n      margin-top: calc(1em * 2 / 16) !important;\n      margin-top: var(--spacing-6xs) !important;\n    }\n\n    .laptop\\:margin-right-6xs {\n      margin-right: calc(1em * 2 / 16) !important;\n      margin-right: var(--spacing-6xs) !important;\n    }\n\n    .laptop\\:margin-bottom-6xs {\n      margin-bottom: calc(1em * 2 / 16) !important;\n      margin-bottom: var(--spacing-6xs) !important;\n    }\n\n    .laptop\\:margin-left-6xs {\n      margin-left: calc(1em * 2 / 16) !important;\n      margin-left: var(--spacing-6xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-horizontal-6xs {\n      margin-right: calc(1em * 2 / 16) !important;\n      margin-right: var(--spacing-6xs) !important;\n      margin-left: calc(1em * 2 / 16) !important;\n      margin-left: var(--spacing-6xs) !important;\n    }\n\n    .laptop\\:margin-x-6xs {\n      margin-right: calc(1em * 2 / 16) !important;\n      margin-right: var(--spacing-6xs) !important;\n      margin-left: calc(1em * 2 / 16) !important;\n      margin-left: var(--spacing-6xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-vertical-6xs {\n      margin-top: calc(1em * 2 / 16) !important;\n      margin-top: var(--spacing-6xs) !important;\n      margin-bottom: calc(1em * 2 / 16) !important;\n      margin-bottom: var(--spacing-6xs) !important;\n    }\n\n    .laptop\\:margin-y-6xs {\n      margin-top: calc(1em * 2 / 16) !important;\n      margin-top: var(--spacing-6xs) !important;\n      margin-bottom: calc(1em * 2 / 16) !important;\n      margin-bottom: var(--spacing-6xs) !important;\n    }\n    .laptop\\:margin-5xs {\n      margin: calc(1em * 3 / 16) !important;\n      margin: var(--spacing-5xs) !important;\n    }\n\n    .laptop\\:margin-top-5xs {\n      margin-top: calc(1em * 3 / 16) !important;\n      margin-top: var(--spacing-5xs) !important;\n    }\n\n    .laptop\\:margin-right-5xs {\n      margin-right: calc(1em * 3 / 16) !important;\n      margin-right: var(--spacing-5xs) !important;\n    }\n\n    .laptop\\:margin-bottom-5xs {\n      margin-bottom: calc(1em * 3 / 16) !important;\n      margin-bottom: var(--spacing-5xs) !important;\n    }\n\n    .laptop\\:margin-left-5xs {\n      margin-left: calc(1em * 3 / 16) !important;\n      margin-left: var(--spacing-5xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-horizontal-5xs {\n      margin-right: calc(1em * 3 / 16) !important;\n      margin-right: var(--spacing-5xs) !important;\n      margin-left: calc(1em * 3 / 16) !important;\n      margin-left: var(--spacing-5xs) !important;\n    }\n\n    .laptop\\:margin-x-5xs {\n      margin-right: calc(1em * 3 / 16) !important;\n      margin-right: var(--spacing-5xs) !important;\n      margin-left: calc(1em * 3 / 16) !important;\n      margin-left: var(--spacing-5xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-vertical-5xs {\n      margin-top: calc(1em * 3 / 16) !important;\n      margin-top: var(--spacing-5xs) !important;\n      margin-bottom: calc(1em * 3 / 16) !important;\n      margin-bottom: var(--spacing-5xs) !important;\n    }\n\n    .laptop\\:margin-y-5xs {\n      margin-top: calc(1em * 3 / 16) !important;\n      margin-top: var(--spacing-5xs) !important;\n      margin-bottom: calc(1em * 3 / 16) !important;\n      margin-bottom: var(--spacing-5xs) !important;\n    }\n    .laptop\\:margin-4xs {\n      margin: calc(1em * 4 / 16) !important;\n      margin: var(--spacing-4xs) !important;\n    }\n\n    .laptop\\:margin-top-4xs {\n      margin-top: calc(1em * 4 / 16) !important;\n      margin-top: var(--spacing-4xs) !important;\n    }\n\n    .laptop\\:margin-right-4xs {\n      margin-right: calc(1em * 4 / 16) !important;\n      margin-right: var(--spacing-4xs) !important;\n    }\n\n    .laptop\\:margin-bottom-4xs {\n      margin-bottom: calc(1em * 4 / 16) !important;\n      margin-bottom: var(--spacing-4xs) !important;\n    }\n\n    .laptop\\:margin-left-4xs {\n      margin-left: calc(1em * 4 / 16) !important;\n      margin-left: var(--spacing-4xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-horizontal-4xs {\n      margin-right: calc(1em * 4 / 16) !important;\n      margin-right: var(--spacing-4xs) !important;\n      margin-left: calc(1em * 4 / 16) !important;\n      margin-left: var(--spacing-4xs) !important;\n    }\n\n    .laptop\\:margin-x-4xs {\n      margin-right: calc(1em * 4 / 16) !important;\n      margin-right: var(--spacing-4xs) !important;\n      margin-left: calc(1em * 4 / 16) !important;\n      margin-left: var(--spacing-4xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-vertical-4xs {\n      margin-top: calc(1em * 4 / 16) !important;\n      margin-top: var(--spacing-4xs) !important;\n      margin-bottom: calc(1em * 4 / 16) !important;\n      margin-bottom: var(--spacing-4xs) !important;\n    }\n\n    .laptop\\:margin-y-4xs {\n      margin-top: calc(1em * 4 / 16) !important;\n      margin-top: var(--spacing-4xs) !important;\n      margin-bottom: calc(1em * 4 / 16) !important;\n      margin-bottom: var(--spacing-4xs) !important;\n    }\n    .laptop\\:margin-3xs {\n      margin: calc(1em * 6 / 16) !important;\n      margin: var(--spacing-3xs) !important;\n    }\n\n    .laptop\\:margin-top-3xs {\n      margin-top: calc(1em * 6 / 16) !important;\n      margin-top: var(--spacing-3xs) !important;\n    }\n\n    .laptop\\:margin-right-3xs {\n      margin-right: calc(1em * 6 / 16) !important;\n      margin-right: var(--spacing-3xs) !important;\n    }\n\n    .laptop\\:margin-bottom-3xs {\n      margin-bottom: calc(1em * 6 / 16) !important;\n      margin-bottom: var(--spacing-3xs) !important;\n    }\n\n    .laptop\\:margin-left-3xs {\n      margin-left: calc(1em * 6 / 16) !important;\n      margin-left: var(--spacing-3xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-horizontal-3xs {\n      margin-right: calc(1em * 6 / 16) !important;\n      margin-right: var(--spacing-3xs) !important;\n      margin-left: calc(1em * 6 / 16) !important;\n      margin-left: var(--spacing-3xs) !important;\n    }\n\n    .laptop\\:margin-x-3xs {\n      margin-right: calc(1em * 6 / 16) !important;\n      margin-right: var(--spacing-3xs) !important;\n      margin-left: calc(1em * 6 / 16) !important;\n      margin-left: var(--spacing-3xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-vertical-3xs {\n      margin-top: calc(1em * 6 / 16) !important;\n      margin-top: var(--spacing-3xs) !important;\n      margin-bottom: calc(1em * 6 / 16) !important;\n      margin-bottom: var(--spacing-3xs) !important;\n    }\n\n    .laptop\\:margin-y-3xs {\n      margin-top: calc(1em * 6 / 16) !important;\n      margin-top: var(--spacing-3xs) !important;\n      margin-bottom: calc(1em * 6 / 16) !important;\n      margin-bottom: var(--spacing-3xs) !important;\n    }\n    .laptop\\:margin-2xs {\n      margin: calc(1em * 8 / 16) !important;\n      margin: var(--spacing-2xs) !important;\n    }\n\n    .laptop\\:margin-top-2xs {\n      margin-top: calc(1em * 8 / 16) !important;\n      margin-top: var(--spacing-2xs) !important;\n    }\n\n    .laptop\\:margin-right-2xs {\n      margin-right: calc(1em * 8 / 16) !important;\n      margin-right: var(--spacing-2xs) !important;\n    }\n\n    .laptop\\:margin-bottom-2xs {\n      margin-bottom: calc(1em * 8 / 16) !important;\n      margin-bottom: var(--spacing-2xs) !important;\n    }\n\n    .laptop\\:margin-left-2xs {\n      margin-left: calc(1em * 8 / 16) !important;\n      margin-left: var(--spacing-2xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-horizontal-2xs {\n      margin-right: calc(1em * 8 / 16) !important;\n      margin-right: var(--spacing-2xs) !important;\n      margin-left: calc(1em * 8 / 16) !important;\n      margin-left: var(--spacing-2xs) !important;\n    }\n\n    .laptop\\:margin-x-2xs {\n      margin-right: calc(1em * 8 / 16) !important;\n      margin-right: var(--spacing-2xs) !important;\n      margin-left: calc(1em * 8 / 16) !important;\n      margin-left: var(--spacing-2xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-vertical-2xs {\n      margin-top: calc(1em * 8 / 16) !important;\n      margin-top: var(--spacing-2xs) !important;\n      margin-bottom: calc(1em * 8 / 16) !important;\n      margin-bottom: var(--spacing-2xs) !important;\n    }\n\n    .laptop\\:margin-y-2xs {\n      margin-top: calc(1em * 8 / 16) !important;\n      margin-top: var(--spacing-2xs) !important;\n      margin-bottom: calc(1em * 8 / 16) !important;\n      margin-bottom: var(--spacing-2xs) !important;\n    }\n    .laptop\\:margin-xs {\n      margin: calc(1em * 10 / 16) !important;\n      margin: var(--spacing-xs) !important;\n    }\n\n    .laptop\\:margin-top-xs {\n      margin-top: calc(1em * 10 / 16) !important;\n      margin-top: var(--spacing-xs) !important;\n    }\n\n    .laptop\\:margin-right-xs {\n      margin-right: calc(1em * 10 / 16) !important;\n      margin-right: var(--spacing-xs) !important;\n    }\n\n    .laptop\\:margin-bottom-xs {\n      margin-bottom: calc(1em * 10 / 16) !important;\n      margin-bottom: var(--spacing-xs) !important;\n    }\n\n    .laptop\\:margin-left-xs {\n      margin-left: calc(1em * 10 / 16) !important;\n      margin-left: var(--spacing-xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-horizontal-xs {\n      margin-right: calc(1em * 10 / 16) !important;\n      margin-right: var(--spacing-xs) !important;\n      margin-left: calc(1em * 10 / 16) !important;\n      margin-left: var(--spacing-xs) !important;\n    }\n\n    .laptop\\:margin-x-xs {\n      margin-right: calc(1em * 10 / 16) !important;\n      margin-right: var(--spacing-xs) !important;\n      margin-left: calc(1em * 10 / 16) !important;\n      margin-left: var(--spacing-xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-vertical-xs {\n      margin-top: calc(1em * 10 / 16) !important;\n      margin-top: var(--spacing-xs) !important;\n      margin-bottom: calc(1em * 10 / 16) !important;\n      margin-bottom: var(--spacing-xs) !important;\n    }\n\n    .laptop\\:margin-y-xs {\n      margin-top: calc(1em * 10 / 16) !important;\n      margin-top: var(--spacing-xs) !important;\n      margin-bottom: calc(1em * 10 / 16) !important;\n      margin-bottom: var(--spacing-xs) !important;\n    }\n    .laptop\\:margin-sm {\n      margin: calc(1em * 12 / 16) !important;\n      margin: var(--spacing-sm) !important;\n    }\n\n    .laptop\\:margin-top-sm {\n      margin-top: calc(1em * 12 / 16) !important;\n      margin-top: var(--spacing-sm) !important;\n    }\n\n    .laptop\\:margin-right-sm {\n      margin-right: calc(1em * 12 / 16) !important;\n      margin-right: var(--spacing-sm) !important;\n    }\n\n    .laptop\\:margin-bottom-sm {\n      margin-bottom: calc(1em * 12 / 16) !important;\n      margin-bottom: var(--spacing-sm) !important;\n    }\n\n    .laptop\\:margin-left-sm {\n      margin-left: calc(1em * 12 / 16) !important;\n      margin-left: var(--spacing-sm) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-horizontal-sm {\n      margin-right: calc(1em * 12 / 16) !important;\n      margin-right: var(--spacing-sm) !important;\n      margin-left: calc(1em * 12 / 16) !important;\n      margin-left: var(--spacing-sm) !important;\n    }\n\n    .laptop\\:margin-x-sm {\n      margin-right: calc(1em * 12 / 16) !important;\n      margin-right: var(--spacing-sm) !important;\n      margin-left: calc(1em * 12 / 16) !important;\n      margin-left: var(--spacing-sm) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-vertical-sm {\n      margin-top: calc(1em * 12 / 16) !important;\n      margin-top: var(--spacing-sm) !important;\n      margin-bottom: calc(1em * 12 / 16) !important;\n      margin-bottom: var(--spacing-sm) !important;\n    }\n\n    .laptop\\:margin-y-sm {\n      margin-top: calc(1em * 12 / 16) !important;\n      margin-top: var(--spacing-sm) !important;\n      margin-bottom: calc(1em * 12 / 16) !important;\n      margin-bottom: var(--spacing-sm) !important;\n    }\n    .laptop\\:margin-md {\n      margin: calc(1em * 1) !important;\n      margin: var(--spacing-md) !important;\n    }\n\n    .laptop\\:margin-top-md {\n      margin-top: calc(1em * 1) !important;\n      margin-top: var(--spacing-md) !important;\n    }\n\n    .laptop\\:margin-right-md {\n      margin-right: calc(1em * 1) !important;\n      margin-right: var(--spacing-md) !important;\n    }\n\n    .laptop\\:margin-bottom-md {\n      margin-bottom: calc(1em * 1) !important;\n      margin-bottom: var(--spacing-md) !important;\n    }\n\n    .laptop\\:margin-left-md {\n      margin-left: calc(1em * 1) !important;\n      margin-left: var(--spacing-md) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-horizontal-md {\n      margin-right: calc(1em * 1) !important;\n      margin-right: var(--spacing-md) !important;\n      margin-left: calc(1em * 1) !important;\n      margin-left: var(--spacing-md) !important;\n    }\n\n    .laptop\\:margin-x-md {\n      margin-right: calc(1em * 1) !important;\n      margin-right: var(--spacing-md) !important;\n      margin-left: calc(1em * 1) !important;\n      margin-left: var(--spacing-md) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-vertical-md {\n      margin-top: calc(1em * 1) !important;\n      margin-top: var(--spacing-md) !important;\n      margin-bottom: calc(1em * 1) !important;\n      margin-bottom: var(--spacing-md) !important;\n    }\n\n    .laptop\\:margin-y-md {\n      margin-top: calc(1em * 1) !important;\n      margin-top: var(--spacing-md) !important;\n      margin-bottom: calc(1em * 1) !important;\n      margin-bottom: var(--spacing-md) !important;\n    }\n    .laptop\\:margin-lg {\n      margin: calc(1em * 1.25) !important;\n      margin: var(--spacing-lg) !important;\n    }\n\n    .laptop\\:margin-top-lg {\n      margin-top: calc(1em * 1.25) !important;\n      margin-top: var(--spacing-lg) !important;\n    }\n\n    .laptop\\:margin-right-lg {\n      margin-right: calc(1em * 1.25) !important;\n      margin-right: var(--spacing-lg) !important;\n    }\n\n    .laptop\\:margin-bottom-lg {\n      margin-bottom: calc(1em * 1.25) !important;\n      margin-bottom: var(--spacing-lg) !important;\n    }\n\n    .laptop\\:margin-left-lg {\n      margin-left: calc(1em * 1.25) !important;\n      margin-left: var(--spacing-lg) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-horizontal-lg {\n      margin-right: calc(1em * 1.25) !important;\n      margin-right: var(--spacing-lg) !important;\n      margin-left: calc(1em * 1.25) !important;\n      margin-left: var(--spacing-lg) !important;\n    }\n\n    .laptop\\:margin-x-lg {\n      margin-right: calc(1em * 1.25) !important;\n      margin-right: var(--spacing-lg) !important;\n      margin-left: calc(1em * 1.25) !important;\n      margin-left: var(--spacing-lg) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-vertical-lg {\n      margin-top: calc(1em * 1.25) !important;\n      margin-top: var(--spacing-lg) !important;\n      margin-bottom: calc(1em * 1.25) !important;\n      margin-bottom: var(--spacing-lg) !important;\n    }\n\n    .laptop\\:margin-y-lg {\n      margin-top: calc(1em * 1.25) !important;\n      margin-top: var(--spacing-lg) !important;\n      margin-bottom: calc(1em * 1.25) !important;\n      margin-bottom: var(--spacing-lg) !important;\n    }\n    .laptop\\:margin-xl {\n      margin: calc(1em * 1.5) !important;\n      margin: var(--spacing-xl) !important;\n    }\n\n    .laptop\\:margin-top-xl {\n      margin-top: calc(1em * 1.5) !important;\n      margin-top: var(--spacing-xl) !important;\n    }\n\n    .laptop\\:margin-right-xl {\n      margin-right: calc(1em * 1.5) !important;\n      margin-right: var(--spacing-xl) !important;\n    }\n\n    .laptop\\:margin-bottom-xl {\n      margin-bottom: calc(1em * 1.5) !important;\n      margin-bottom: var(--spacing-xl) !important;\n    }\n\n    .laptop\\:margin-left-xl {\n      margin-left: calc(1em * 1.5) !important;\n      margin-left: var(--spacing-xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-horizontal-xl {\n      margin-right: calc(1em * 1.5) !important;\n      margin-right: var(--spacing-xl) !important;\n      margin-left: calc(1em * 1.5) !important;\n      margin-left: var(--spacing-xl) !important;\n    }\n\n    .laptop\\:margin-x-xl {\n      margin-right: calc(1em * 1.5) !important;\n      margin-right: var(--spacing-xl) !important;\n      margin-left: calc(1em * 1.5) !important;\n      margin-left: var(--spacing-xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-vertical-xl {\n      margin-top: calc(1em * 1.5) !important;\n      margin-top: var(--spacing-xl) !important;\n      margin-bottom: calc(1em * 1.5) !important;\n      margin-bottom: var(--spacing-xl) !important;\n    }\n\n    .laptop\\:margin-y-xl {\n      margin-top: calc(1em * 1.5) !important;\n      margin-top: var(--spacing-xl) !important;\n      margin-bottom: calc(1em * 1.5) !important;\n      margin-bottom: var(--spacing-xl) !important;\n    }\n    .laptop\\:margin-2xl {\n      margin: calc(1em * 2) !important;\n      margin: var(--spacing-2xl) !important;\n    }\n\n    .laptop\\:margin-top-2xl {\n      margin-top: calc(1em * 2) !important;\n      margin-top: var(--spacing-2xl) !important;\n    }\n\n    .laptop\\:margin-right-2xl {\n      margin-right: calc(1em * 2) !important;\n      margin-right: var(--spacing-2xl) !important;\n    }\n\n    .laptop\\:margin-bottom-2xl {\n      margin-bottom: calc(1em * 2) !important;\n      margin-bottom: var(--spacing-2xl) !important;\n    }\n\n    .laptop\\:margin-left-2xl {\n      margin-left: calc(1em * 2) !important;\n      margin-left: var(--spacing-2xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-horizontal-2xl {\n      margin-right: calc(1em * 2) !important;\n      margin-right: var(--spacing-2xl) !important;\n      margin-left: calc(1em * 2) !important;\n      margin-left: var(--spacing-2xl) !important;\n    }\n\n    .laptop\\:margin-x-2xl {\n      margin-right: calc(1em * 2) !important;\n      margin-right: var(--spacing-2xl) !important;\n      margin-left: calc(1em * 2) !important;\n      margin-left: var(--spacing-2xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-vertical-2xl {\n      margin-top: calc(1em * 2) !important;\n      margin-top: var(--spacing-2xl) !important;\n      margin-bottom: calc(1em * 2) !important;\n      margin-bottom: var(--spacing-2xl) !important;\n    }\n\n    .laptop\\:margin-y-2xl {\n      margin-top: calc(1em * 2) !important;\n      margin-top: var(--spacing-2xl) !important;\n      margin-bottom: calc(1em * 2) !important;\n      margin-bottom: var(--spacing-2xl) !important;\n    }\n    .laptop\\:margin-3xl {\n      margin: calc(1em * 2.5) !important;\n      margin: var(--spacing-3xl) !important;\n    }\n\n    .laptop\\:margin-top-3xl {\n      margin-top: calc(1em * 2.5) !important;\n      margin-top: var(--spacing-3xl) !important;\n    }\n\n    .laptop\\:margin-right-3xl {\n      margin-right: calc(1em * 2.5) !important;\n      margin-right: var(--spacing-3xl) !important;\n    }\n\n    .laptop\\:margin-bottom-3xl {\n      margin-bottom: calc(1em * 2.5) !important;\n      margin-bottom: var(--spacing-3xl) !important;\n    }\n\n    .laptop\\:margin-left-3xl {\n      margin-left: calc(1em * 2.5) !important;\n      margin-left: var(--spacing-3xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-horizontal-3xl {\n      margin-right: calc(1em * 2.5) !important;\n      margin-right: var(--spacing-3xl) !important;\n      margin-left: calc(1em * 2.5) !important;\n      margin-left: var(--spacing-3xl) !important;\n    }\n\n    .laptop\\:margin-x-3xl {\n      margin-right: calc(1em * 2.5) !important;\n      margin-right: var(--spacing-3xl) !important;\n      margin-left: calc(1em * 2.5) !important;\n      margin-left: var(--spacing-3xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-vertical-3xl {\n      margin-top: calc(1em * 2.5) !important;\n      margin-top: var(--spacing-3xl) !important;\n      margin-bottom: calc(1em * 2.5) !important;\n      margin-bottom: var(--spacing-3xl) !important;\n    }\n\n    .laptop\\:margin-y-3xl {\n      margin-top: calc(1em * 2.5) !important;\n      margin-top: var(--spacing-3xl) !important;\n      margin-bottom: calc(1em * 2.5) !important;\n      margin-bottom: var(--spacing-3xl) !important;\n    }\n    .laptop\\:margin-4xl {\n      margin: calc(1em * 3) !important;\n      margin: var(--spacing-4xl) !important;\n    }\n\n    .laptop\\:margin-top-4xl {\n      margin-top: calc(1em * 3) !important;\n      margin-top: var(--spacing-4xl) !important;\n    }\n\n    .laptop\\:margin-right-4xl {\n      margin-right: calc(1em * 3) !important;\n      margin-right: var(--spacing-4xl) !important;\n    }\n\n    .laptop\\:margin-bottom-4xl {\n      margin-bottom: calc(1em * 3) !important;\n      margin-bottom: var(--spacing-4xl) !important;\n    }\n\n    .laptop\\:margin-left-4xl {\n      margin-left: calc(1em * 3) !important;\n      margin-left: var(--spacing-4xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-horizontal-4xl {\n      margin-right: calc(1em * 3) !important;\n      margin-right: var(--spacing-4xl) !important;\n      margin-left: calc(1em * 3) !important;\n      margin-left: var(--spacing-4xl) !important;\n    }\n\n    .laptop\\:margin-x-4xl {\n      margin-right: calc(1em * 3) !important;\n      margin-right: var(--spacing-4xl) !important;\n      margin-left: calc(1em * 3) !important;\n      margin-left: var(--spacing-4xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-vertical-4xl {\n      margin-top: calc(1em * 3) !important;\n      margin-top: var(--spacing-4xl) !important;\n      margin-bottom: calc(1em * 3) !important;\n      margin-bottom: var(--spacing-4xl) !important;\n    }\n\n    .laptop\\:margin-y-4xl {\n      margin-top: calc(1em * 3) !important;\n      margin-top: var(--spacing-4xl) !important;\n      margin-bottom: calc(1em * 3) !important;\n      margin-bottom: var(--spacing-4xl) !important;\n    }\n    .laptop\\:margin-5xl {\n      margin: calc(1em * 4) !important;\n      margin: var(--spacing-5xl) !important;\n    }\n\n    .laptop\\:margin-top-5xl {\n      margin-top: calc(1em * 4) !important;\n      margin-top: var(--spacing-5xl) !important;\n    }\n\n    .laptop\\:margin-right-5xl {\n      margin-right: calc(1em * 4) !important;\n      margin-right: var(--spacing-5xl) !important;\n    }\n\n    .laptop\\:margin-bottom-5xl {\n      margin-bottom: calc(1em * 4) !important;\n      margin-bottom: var(--spacing-5xl) !important;\n    }\n\n    .laptop\\:margin-left-5xl {\n      margin-left: calc(1em * 4) !important;\n      margin-left: var(--spacing-5xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-horizontal-5xl {\n      margin-right: calc(1em * 4) !important;\n      margin-right: var(--spacing-5xl) !important;\n      margin-left: calc(1em * 4) !important;\n      margin-left: var(--spacing-5xl) !important;\n    }\n\n    .laptop\\:margin-x-5xl {\n      margin-right: calc(1em * 4) !important;\n      margin-right: var(--spacing-5xl) !important;\n      margin-left: calc(1em * 4) !important;\n      margin-left: var(--spacing-5xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-vertical-5xl {\n      margin-top: calc(1em * 4) !important;\n      margin-top: var(--spacing-5xl) !important;\n      margin-bottom: calc(1em * 4) !important;\n      margin-bottom: var(--spacing-5xl) !important;\n    }\n\n    .laptop\\:margin-y-5xl {\n      margin-top: calc(1em * 4) !important;\n      margin-top: var(--spacing-5xl) !important;\n      margin-bottom: calc(1em * 4) !important;\n      margin-bottom: var(--spacing-5xl) !important;\n    }\n    .laptop\\:margin-6xl {\n      margin: calc(1em * 5) !important;\n      margin: var(--spacing-6xl) !important;\n    }\n\n    .laptop\\:margin-top-6xl {\n      margin-top: calc(1em * 5) !important;\n      margin-top: var(--spacing-6xl) !important;\n    }\n\n    .laptop\\:margin-right-6xl {\n      margin-right: calc(1em * 5) !important;\n      margin-right: var(--spacing-6xl) !important;\n    }\n\n    .laptop\\:margin-bottom-6xl {\n      margin-bottom: calc(1em * 5) !important;\n      margin-bottom: var(--spacing-6xl) !important;\n    }\n\n    .laptop\\:margin-left-6xl {\n      margin-left: calc(1em * 5) !important;\n      margin-left: var(--spacing-6xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-horizontal-6xl {\n      margin-right: calc(1em * 5) !important;\n      margin-right: var(--spacing-6xl) !important;\n      margin-left: calc(1em * 5) !important;\n      margin-left: var(--spacing-6xl) !important;\n    }\n\n    .laptop\\:margin-x-6xl {\n      margin-right: calc(1em * 5) !important;\n      margin-right: var(--spacing-6xl) !important;\n      margin-left: calc(1em * 5) !important;\n      margin-left: var(--spacing-6xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-vertical-6xl {\n      margin-top: calc(1em * 5) !important;\n      margin-top: var(--spacing-6xl) !important;\n      margin-bottom: calc(1em * 5) !important;\n      margin-bottom: var(--spacing-6xl) !important;\n    }\n\n    .laptop\\:margin-y-6xl {\n      margin-top: calc(1em * 5) !important;\n      margin-top: var(--spacing-6xl) !important;\n      margin-bottom: calc(1em * 5) !important;\n      margin-bottom: var(--spacing-6xl) !important;\n    }\n    .laptop\\:margin-7xl {\n      margin: calc(1em * 6) !important;\n      margin: var(--spacing-7xl) !important;\n    }\n\n    .laptop\\:margin-top-7xl {\n      margin-top: calc(1em * 6) !important;\n      margin-top: var(--spacing-7xl) !important;\n    }\n\n    .laptop\\:margin-right-7xl {\n      margin-right: calc(1em * 6) !important;\n      margin-right: var(--spacing-7xl) !important;\n    }\n\n    .laptop\\:margin-bottom-7xl {\n      margin-bottom: calc(1em * 6) !important;\n      margin-bottom: var(--spacing-7xl) !important;\n    }\n\n    .laptop\\:margin-left-7xl {\n      margin-left: calc(1em * 6) !important;\n      margin-left: var(--spacing-7xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-horizontal-7xl {\n      margin-right: calc(1em * 6) !important;\n      margin-right: var(--spacing-7xl) !important;\n      margin-left: calc(1em * 6) !important;\n      margin-left: var(--spacing-7xl) !important;\n    }\n\n    .laptop\\:margin-x-7xl {\n      margin-right: calc(1em * 6) !important;\n      margin-right: var(--spacing-7xl) !important;\n      margin-left: calc(1em * 6) !important;\n      margin-left: var(--spacing-7xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-vertical-7xl {\n      margin-top: calc(1em * 6) !important;\n      margin-top: var(--spacing-7xl) !important;\n      margin-bottom: calc(1em * 6) !important;\n      margin-bottom: var(--spacing-7xl) !important;\n    }\n\n    .laptop\\:margin-y-7xl {\n      margin-top: calc(1em * 6) !important;\n      margin-top: var(--spacing-7xl) !important;\n      margin-bottom: calc(1em * 6) !important;\n      margin-bottom: var(--spacing-7xl) !important;\n    }\n    .laptop\\:margin-8xl {\n      margin: calc(1em * 8) !important;\n      margin: var(--spacing-8xl) !important;\n    }\n\n    .laptop\\:margin-top-8xl {\n      margin-top: calc(1em * 8) !important;\n      margin-top: var(--spacing-8xl) !important;\n    }\n\n    .laptop\\:margin-right-8xl {\n      margin-right: calc(1em * 8) !important;\n      margin-right: var(--spacing-8xl) !important;\n    }\n\n    .laptop\\:margin-bottom-8xl {\n      margin-bottom: calc(1em * 8) !important;\n      margin-bottom: var(--spacing-8xl) !important;\n    }\n\n    .laptop\\:margin-left-8xl {\n      margin-left: calc(1em * 8) !important;\n      margin-left: var(--spacing-8xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-horizontal-8xl {\n      margin-right: calc(1em * 8) !important;\n      margin-right: var(--spacing-8xl) !important;\n      margin-left: calc(1em * 8) !important;\n      margin-left: var(--spacing-8xl) !important;\n    }\n\n    .laptop\\:margin-x-8xl {\n      margin-right: calc(1em * 8) !important;\n      margin-right: var(--spacing-8xl) !important;\n      margin-left: calc(1em * 8) !important;\n      margin-left: var(--spacing-8xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-vertical-8xl {\n      margin-top: calc(1em * 8) !important;\n      margin-top: var(--spacing-8xl) !important;\n      margin-bottom: calc(1em * 8) !important;\n      margin-bottom: var(--spacing-8xl) !important;\n    }\n\n    .laptop\\:margin-y-8xl {\n      margin-top: calc(1em * 8) !important;\n      margin-top: var(--spacing-8xl) !important;\n      margin-bottom: calc(1em * 8) !important;\n      margin-bottom: var(--spacing-8xl) !important;\n    }\n    .laptop\\:margin-9xl {\n      margin: calc(1em * 10) !important;\n      margin: var(--spacing-9xl) !important;\n    }\n\n    .laptop\\:margin-top-9xl {\n      margin-top: calc(1em * 10) !important;\n      margin-top: var(--spacing-9xl) !important;\n    }\n\n    .laptop\\:margin-right-9xl {\n      margin-right: calc(1em * 10) !important;\n      margin-right: var(--spacing-9xl) !important;\n    }\n\n    .laptop\\:margin-bottom-9xl {\n      margin-bottom: calc(1em * 10) !important;\n      margin-bottom: var(--spacing-9xl) !important;\n    }\n\n    .laptop\\:margin-left-9xl {\n      margin-left: calc(1em * 10) !important;\n      margin-left: var(--spacing-9xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-horizontal-9xl {\n      margin-right: calc(1em * 10) !important;\n      margin-right: var(--spacing-9xl) !important;\n      margin-left: calc(1em * 10) !important;\n      margin-left: var(--spacing-9xl) !important;\n    }\n\n    .laptop\\:margin-x-9xl {\n      margin-right: calc(1em * 10) !important;\n      margin-right: var(--spacing-9xl) !important;\n      margin-left: calc(1em * 10) !important;\n      margin-left: var(--spacing-9xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-vertical-9xl {\n      margin-top: calc(1em * 10) !important;\n      margin-top: var(--spacing-9xl) !important;\n      margin-bottom: calc(1em * 10) !important;\n      margin-bottom: var(--spacing-9xl) !important;\n    }\n\n    .laptop\\:margin-y-9xl {\n      margin-top: calc(1em * 10) !important;\n      margin-top: var(--spacing-9xl) !important;\n      margin-bottom: calc(1em * 10) !important;\n      margin-bottom: var(--spacing-9xl) !important;\n    }\n    .laptop\\:margin-10xl {\n      margin: calc(1em * 12) !important;\n      margin: var(--spacing-10xl) !important;\n    }\n\n    .laptop\\:margin-top-10xl {\n      margin-top: calc(1em * 12) !important;\n      margin-top: var(--spacing-10xl) !important;\n    }\n\n    .laptop\\:margin-right-10xl {\n      margin-right: calc(1em * 12) !important;\n      margin-right: var(--spacing-10xl) !important;\n    }\n\n    .laptop\\:margin-bottom-10xl {\n      margin-bottom: calc(1em * 12) !important;\n      margin-bottom: var(--spacing-10xl) !important;\n    }\n\n    .laptop\\:margin-left-10xl {\n      margin-left: calc(1em * 12) !important;\n      margin-left: var(--spacing-10xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-horizontal-10xl {\n      margin-right: calc(1em * 12) !important;\n      margin-right: var(--spacing-10xl) !important;\n      margin-left: calc(1em * 12) !important;\n      margin-left: var(--spacing-10xl) !important;\n    }\n\n    .laptop\\:margin-x-10xl {\n      margin-right: calc(1em * 12) !important;\n      margin-right: var(--spacing-10xl) !important;\n      margin-left: calc(1em * 12) !important;\n      margin-left: var(--spacing-10xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-vertical-10xl {\n      margin-top: calc(1em * 12) !important;\n      margin-top: var(--spacing-10xl) !important;\n      margin-bottom: calc(1em * 12) !important;\n      margin-bottom: var(--spacing-10xl) !important;\n    }\n\n    .laptop\\:margin-y-10xl {\n      margin-top: calc(1em * 12) !important;\n      margin-top: var(--spacing-10xl) !important;\n      margin-bottom: calc(1em * 12) !important;\n      margin-bottom: var(--spacing-10xl) !important;\n    }\n    .laptop\\:margin-11xl {\n      margin: calc(1em * 16) !important;\n      margin: var(--spacing-11xl) !important;\n    }\n\n    .laptop\\:margin-top-11xl {\n      margin-top: calc(1em * 16) !important;\n      margin-top: var(--spacing-11xl) !important;\n    }\n\n    .laptop\\:margin-right-11xl {\n      margin-right: calc(1em * 16) !important;\n      margin-right: var(--spacing-11xl) !important;\n    }\n\n    .laptop\\:margin-bottom-11xl {\n      margin-bottom: calc(1em * 16) !important;\n      margin-bottom: var(--spacing-11xl) !important;\n    }\n\n    .laptop\\:margin-left-11xl {\n      margin-left: calc(1em * 16) !important;\n      margin-left: var(--spacing-11xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-horizontal-11xl {\n      margin-right: calc(1em * 16) !important;\n      margin-right: var(--spacing-11xl) !important;\n      margin-left: calc(1em * 16) !important;\n      margin-left: var(--spacing-11xl) !important;\n    }\n\n    .laptop\\:margin-x-11xl {\n      margin-right: calc(1em * 16) !important;\n      margin-right: var(--spacing-11xl) !important;\n      margin-left: calc(1em * 16) !important;\n      margin-left: var(--spacing-11xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-vertical-11xl {\n      margin-top: calc(1em * 16) !important;\n      margin-top: var(--spacing-11xl) !important;\n      margin-bottom: calc(1em * 16) !important;\n      margin-bottom: var(--spacing-11xl) !important;\n    }\n\n    .laptop\\:margin-y-11xl {\n      margin-top: calc(1em * 16) !important;\n      margin-top: var(--spacing-11xl) !important;\n      margin-bottom: calc(1em * 16) !important;\n      margin-bottom: var(--spacing-11xl) !important;\n    }\n    .laptop\\:margin-12xl {\n      margin: calc(1em * 20) !important;\n      margin: var(--spacing-12xl) !important;\n    }\n\n    .laptop\\:margin-top-12xl {\n      margin-top: calc(1em * 20) !important;\n      margin-top: var(--spacing-12xl) !important;\n    }\n\n    .laptop\\:margin-right-12xl {\n      margin-right: calc(1em * 20) !important;\n      margin-right: var(--spacing-12xl) !important;\n    }\n\n    .laptop\\:margin-bottom-12xl {\n      margin-bottom: calc(1em * 20) !important;\n      margin-bottom: var(--spacing-12xl) !important;\n    }\n\n    .laptop\\:margin-left-12xl {\n      margin-left: calc(1em * 20) !important;\n      margin-left: var(--spacing-12xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-horizontal-12xl {\n      margin-right: calc(1em * 20) !important;\n      margin-right: var(--spacing-12xl) !important;\n      margin-left: calc(1em * 20) !important;\n      margin-left: var(--spacing-12xl) !important;\n    }\n\n    .laptop\\:margin-x-12xl {\n      margin-right: calc(1em * 20) !important;\n      margin-right: var(--spacing-12xl) !important;\n      margin-left: calc(1em * 20) !important;\n      margin-left: var(--spacing-12xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-vertical-12xl {\n      margin-top: calc(1em * 20) !important;\n      margin-top: var(--spacing-12xl) !important;\n      margin-bottom: calc(1em * 20) !important;\n      margin-bottom: var(--spacing-12xl) !important;\n    }\n\n    .laptop\\:margin-y-12xl {\n      margin-top: calc(1em * 20) !important;\n      margin-top: var(--spacing-12xl) !important;\n      margin-bottom: calc(1em * 20) !important;\n      margin-bottom: var(--spacing-12xl) !important;\n    }\n    .laptop\\:margin-0 {\n      margin: 0 !important;\n      margin: var(--spacing-0) !important;\n    }\n\n    .laptop\\:margin-top-0 {\n      margin-top: 0 !important;\n      margin-top: var(--spacing-0) !important;\n    }\n\n    .laptop\\:margin-right-0 {\n      margin-right: 0 !important;\n      margin-right: var(--spacing-0) !important;\n    }\n\n    .laptop\\:margin-bottom-0 {\n      margin-bottom: 0 !important;\n      margin-bottom: var(--spacing-0) !important;\n    }\n\n    .laptop\\:margin-left-0 {\n      margin-left: 0 !important;\n      margin-left: var(--spacing-0) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-horizontal-0 {\n      margin-right: 0 !important;\n      margin-right: var(--spacing-0) !important;\n      margin-left: 0 !important;\n      margin-left: var(--spacing-0) !important;\n    }\n\n    .laptop\\:margin-x-0 {\n      margin-right: 0 !important;\n      margin-right: var(--spacing-0) !important;\n      margin-left: 0 !important;\n      margin-left: var(--spacing-0) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-vertical-0 {\n      margin-top: 0 !important;\n      margin-top: var(--spacing-0) !important;\n      margin-bottom: 0 !important;\n      margin-bottom: var(--spacing-0) !important;\n    }\n\n    .laptop\\:margin-y-0 {\n      margin-top: 0 !important;\n      margin-top: var(--spacing-0) !important;\n      margin-bottom: 0 !important;\n      margin-bottom: var(--spacing-0) !important;\n    }\n    .laptop\\:margin-1 {\n      margin: calc(1em * 1 / 16) !important;\n      margin: var(--spacing-1) !important;\n    }\n\n    .laptop\\:margin-top-1 {\n      margin-top: calc(1em * 1 / 16) !important;\n      margin-top: var(--spacing-1) !important;\n    }\n\n    .laptop\\:margin-right-1 {\n      margin-right: calc(1em * 1 / 16) !important;\n      margin-right: var(--spacing-1) !important;\n    }\n\n    .laptop\\:margin-bottom-1 {\n      margin-bottom: calc(1em * 1 / 16) !important;\n      margin-bottom: var(--spacing-1) !important;\n    }\n\n    .laptop\\:margin-left-1 {\n      margin-left: calc(1em * 1 / 16) !important;\n      margin-left: var(--spacing-1) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-horizontal-1 {\n      margin-right: calc(1em * 1 / 16) !important;\n      margin-right: var(--spacing-1) !important;\n      margin-left: calc(1em * 1 / 16) !important;\n      margin-left: var(--spacing-1) !important;\n    }\n\n    .laptop\\:margin-x-1 {\n      margin-right: calc(1em * 1 / 16) !important;\n      margin-right: var(--spacing-1) !important;\n      margin-left: calc(1em * 1 / 16) !important;\n      margin-left: var(--spacing-1) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-vertical-1 {\n      margin-top: calc(1em * 1 / 16) !important;\n      margin-top: var(--spacing-1) !important;\n      margin-bottom: calc(1em * 1 / 16) !important;\n      margin-bottom: var(--spacing-1) !important;\n    }\n\n    .laptop\\:margin-y-1 {\n      margin-top: calc(1em * 1 / 16) !important;\n      margin-top: var(--spacing-1) !important;\n      margin-bottom: calc(1em * 1 / 16) !important;\n      margin-bottom: var(--spacing-1) !important;\n    }\n    .laptop\\:margin-1px {\n      margin: 1px !important;\n      margin: var(--spacing-1px) !important;\n    }\n\n    .laptop\\:margin-top-1px {\n      margin-top: 1px !important;\n      margin-top: var(--spacing-1px) !important;\n    }\n\n    .laptop\\:margin-right-1px {\n      margin-right: 1px !important;\n      margin-right: var(--spacing-1px) !important;\n    }\n\n    .laptop\\:margin-bottom-1px {\n      margin-bottom: 1px !important;\n      margin-bottom: var(--spacing-1px) !important;\n    }\n\n    .laptop\\:margin-left-1px {\n      margin-left: 1px !important;\n      margin-left: var(--spacing-1px) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-horizontal-1px {\n      margin-right: 1px !important;\n      margin-right: var(--spacing-1px) !important;\n      margin-left: 1px !important;\n      margin-left: var(--spacing-1px) !important;\n    }\n\n    .laptop\\:margin-x-1px {\n      margin-right: 1px !important;\n      margin-right: var(--spacing-1px) !important;\n      margin-left: 1px !important;\n      margin-left: var(--spacing-1px) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:margin-vertical-1px {\n      margin-top: 1px !important;\n      margin-top: var(--spacing-1px) !important;\n      margin-bottom: 1px !important;\n      margin-bottom: var(--spacing-1px) !important;\n    }\n\n    .laptop\\:margin-y-1px {\n      margin-top: 1px !important;\n      margin-top: var(--spacing-1px) !important;\n      margin-bottom: 1px !important;\n      margin-bottom: var(--spacing-1px) !important;\n    }\n}\n@media (min-width: 96rem) {\n    .desktop\\:margin-7xs {\n      margin: calc(1em * 1 / 16) !important;\n      margin: var(--spacing-7xs) !important;\n    }\n\n    .desktop\\:margin-top-7xs {\n      margin-top: calc(1em * 1 / 16) !important;\n      margin-top: var(--spacing-7xs) !important;\n    }\n\n    .desktop\\:margin-right-7xs {\n      margin-right: calc(1em * 1 / 16) !important;\n      margin-right: var(--spacing-7xs) !important;\n    }\n\n    .desktop\\:margin-bottom-7xs {\n      margin-bottom: calc(1em * 1 / 16) !important;\n      margin-bottom: var(--spacing-7xs) !important;\n    }\n\n    .desktop\\:margin-left-7xs {\n      margin-left: calc(1em * 1 / 16) !important;\n      margin-left: var(--spacing-7xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-horizontal-7xs {\n      margin-right: calc(1em * 1 / 16) !important;\n      margin-right: var(--spacing-7xs) !important;\n      margin-left: calc(1em * 1 / 16) !important;\n      margin-left: var(--spacing-7xs) !important;\n    }\n\n    .desktop\\:margin-x-7xs {\n      margin-right: calc(1em * 1 / 16) !important;\n      margin-right: var(--spacing-7xs) !important;\n      margin-left: calc(1em * 1 / 16) !important;\n      margin-left: var(--spacing-7xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-vertical-7xs {\n      margin-top: calc(1em * 1 / 16) !important;\n      margin-top: var(--spacing-7xs) !important;\n      margin-bottom: calc(1em * 1 / 16) !important;\n      margin-bottom: var(--spacing-7xs) !important;\n    }\n\n    .desktop\\:margin-y-7xs {\n      margin-top: calc(1em * 1 / 16) !important;\n      margin-top: var(--spacing-7xs) !important;\n      margin-bottom: calc(1em * 1 / 16) !important;\n      margin-bottom: var(--spacing-7xs) !important;\n    }\n    .desktop\\:margin-6xs {\n      margin: calc(1em * 2 / 16) !important;\n      margin: var(--spacing-6xs) !important;\n    }\n\n    .desktop\\:margin-top-6xs {\n      margin-top: calc(1em * 2 / 16) !important;\n      margin-top: var(--spacing-6xs) !important;\n    }\n\n    .desktop\\:margin-right-6xs {\n      margin-right: calc(1em * 2 / 16) !important;\n      margin-right: var(--spacing-6xs) !important;\n    }\n\n    .desktop\\:margin-bottom-6xs {\n      margin-bottom: calc(1em * 2 / 16) !important;\n      margin-bottom: var(--spacing-6xs) !important;\n    }\n\n    .desktop\\:margin-left-6xs {\n      margin-left: calc(1em * 2 / 16) !important;\n      margin-left: var(--spacing-6xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-horizontal-6xs {\n      margin-right: calc(1em * 2 / 16) !important;\n      margin-right: var(--spacing-6xs) !important;\n      margin-left: calc(1em * 2 / 16) !important;\n      margin-left: var(--spacing-6xs) !important;\n    }\n\n    .desktop\\:margin-x-6xs {\n      margin-right: calc(1em * 2 / 16) !important;\n      margin-right: var(--spacing-6xs) !important;\n      margin-left: calc(1em * 2 / 16) !important;\n      margin-left: var(--spacing-6xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-vertical-6xs {\n      margin-top: calc(1em * 2 / 16) !important;\n      margin-top: var(--spacing-6xs) !important;\n      margin-bottom: calc(1em * 2 / 16) !important;\n      margin-bottom: var(--spacing-6xs) !important;\n    }\n\n    .desktop\\:margin-y-6xs {\n      margin-top: calc(1em * 2 / 16) !important;\n      margin-top: var(--spacing-6xs) !important;\n      margin-bottom: calc(1em * 2 / 16) !important;\n      margin-bottom: var(--spacing-6xs) !important;\n    }\n    .desktop\\:margin-5xs {\n      margin: calc(1em * 3 / 16) !important;\n      margin: var(--spacing-5xs) !important;\n    }\n\n    .desktop\\:margin-top-5xs {\n      margin-top: calc(1em * 3 / 16) !important;\n      margin-top: var(--spacing-5xs) !important;\n    }\n\n    .desktop\\:margin-right-5xs {\n      margin-right: calc(1em * 3 / 16) !important;\n      margin-right: var(--spacing-5xs) !important;\n    }\n\n    .desktop\\:margin-bottom-5xs {\n      margin-bottom: calc(1em * 3 / 16) !important;\n      margin-bottom: var(--spacing-5xs) !important;\n    }\n\n    .desktop\\:margin-left-5xs {\n      margin-left: calc(1em * 3 / 16) !important;\n      margin-left: var(--spacing-5xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-horizontal-5xs {\n      margin-right: calc(1em * 3 / 16) !important;\n      margin-right: var(--spacing-5xs) !important;\n      margin-left: calc(1em * 3 / 16) !important;\n      margin-left: var(--spacing-5xs) !important;\n    }\n\n    .desktop\\:margin-x-5xs {\n      margin-right: calc(1em * 3 / 16) !important;\n      margin-right: var(--spacing-5xs) !important;\n      margin-left: calc(1em * 3 / 16) !important;\n      margin-left: var(--spacing-5xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-vertical-5xs {\n      margin-top: calc(1em * 3 / 16) !important;\n      margin-top: var(--spacing-5xs) !important;\n      margin-bottom: calc(1em * 3 / 16) !important;\n      margin-bottom: var(--spacing-5xs) !important;\n    }\n\n    .desktop\\:margin-y-5xs {\n      margin-top: calc(1em * 3 / 16) !important;\n      margin-top: var(--spacing-5xs) !important;\n      margin-bottom: calc(1em * 3 / 16) !important;\n      margin-bottom: var(--spacing-5xs) !important;\n    }\n    .desktop\\:margin-4xs {\n      margin: calc(1em * 4 / 16) !important;\n      margin: var(--spacing-4xs) !important;\n    }\n\n    .desktop\\:margin-top-4xs {\n      margin-top: calc(1em * 4 / 16) !important;\n      margin-top: var(--spacing-4xs) !important;\n    }\n\n    .desktop\\:margin-right-4xs {\n      margin-right: calc(1em * 4 / 16) !important;\n      margin-right: var(--spacing-4xs) !important;\n    }\n\n    .desktop\\:margin-bottom-4xs {\n      margin-bottom: calc(1em * 4 / 16) !important;\n      margin-bottom: var(--spacing-4xs) !important;\n    }\n\n    .desktop\\:margin-left-4xs {\n      margin-left: calc(1em * 4 / 16) !important;\n      margin-left: var(--spacing-4xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-horizontal-4xs {\n      margin-right: calc(1em * 4 / 16) !important;\n      margin-right: var(--spacing-4xs) !important;\n      margin-left: calc(1em * 4 / 16) !important;\n      margin-left: var(--spacing-4xs) !important;\n    }\n\n    .desktop\\:margin-x-4xs {\n      margin-right: calc(1em * 4 / 16) !important;\n      margin-right: var(--spacing-4xs) !important;\n      margin-left: calc(1em * 4 / 16) !important;\n      margin-left: var(--spacing-4xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-vertical-4xs {\n      margin-top: calc(1em * 4 / 16) !important;\n      margin-top: var(--spacing-4xs) !important;\n      margin-bottom: calc(1em * 4 / 16) !important;\n      margin-bottom: var(--spacing-4xs) !important;\n    }\n\n    .desktop\\:margin-y-4xs {\n      margin-top: calc(1em * 4 / 16) !important;\n      margin-top: var(--spacing-4xs) !important;\n      margin-bottom: calc(1em * 4 / 16) !important;\n      margin-bottom: var(--spacing-4xs) !important;\n    }\n    .desktop\\:margin-3xs {\n      margin: calc(1em * 6 / 16) !important;\n      margin: var(--spacing-3xs) !important;\n    }\n\n    .desktop\\:margin-top-3xs {\n      margin-top: calc(1em * 6 / 16) !important;\n      margin-top: var(--spacing-3xs) !important;\n    }\n\n    .desktop\\:margin-right-3xs {\n      margin-right: calc(1em * 6 / 16) !important;\n      margin-right: var(--spacing-3xs) !important;\n    }\n\n    .desktop\\:margin-bottom-3xs {\n      margin-bottom: calc(1em * 6 / 16) !important;\n      margin-bottom: var(--spacing-3xs) !important;\n    }\n\n    .desktop\\:margin-left-3xs {\n      margin-left: calc(1em * 6 / 16) !important;\n      margin-left: var(--spacing-3xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-horizontal-3xs {\n      margin-right: calc(1em * 6 / 16) !important;\n      margin-right: var(--spacing-3xs) !important;\n      margin-left: calc(1em * 6 / 16) !important;\n      margin-left: var(--spacing-3xs) !important;\n    }\n\n    .desktop\\:margin-x-3xs {\n      margin-right: calc(1em * 6 / 16) !important;\n      margin-right: var(--spacing-3xs) !important;\n      margin-left: calc(1em * 6 / 16) !important;\n      margin-left: var(--spacing-3xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-vertical-3xs {\n      margin-top: calc(1em * 6 / 16) !important;\n      margin-top: var(--spacing-3xs) !important;\n      margin-bottom: calc(1em * 6 / 16) !important;\n      margin-bottom: var(--spacing-3xs) !important;\n    }\n\n    .desktop\\:margin-y-3xs {\n      margin-top: calc(1em * 6 / 16) !important;\n      margin-top: var(--spacing-3xs) !important;\n      margin-bottom: calc(1em * 6 / 16) !important;\n      margin-bottom: var(--spacing-3xs) !important;\n    }\n    .desktop\\:margin-2xs {\n      margin: calc(1em * 8 / 16) !important;\n      margin: var(--spacing-2xs) !important;\n    }\n\n    .desktop\\:margin-top-2xs {\n      margin-top: calc(1em * 8 / 16) !important;\n      margin-top: var(--spacing-2xs) !important;\n    }\n\n    .desktop\\:margin-right-2xs {\n      margin-right: calc(1em * 8 / 16) !important;\n      margin-right: var(--spacing-2xs) !important;\n    }\n\n    .desktop\\:margin-bottom-2xs {\n      margin-bottom: calc(1em * 8 / 16) !important;\n      margin-bottom: var(--spacing-2xs) !important;\n    }\n\n    .desktop\\:margin-left-2xs {\n      margin-left: calc(1em * 8 / 16) !important;\n      margin-left: var(--spacing-2xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-horizontal-2xs {\n      margin-right: calc(1em * 8 / 16) !important;\n      margin-right: var(--spacing-2xs) !important;\n      margin-left: calc(1em * 8 / 16) !important;\n      margin-left: var(--spacing-2xs) !important;\n    }\n\n    .desktop\\:margin-x-2xs {\n      margin-right: calc(1em * 8 / 16) !important;\n      margin-right: var(--spacing-2xs) !important;\n      margin-left: calc(1em * 8 / 16) !important;\n      margin-left: var(--spacing-2xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-vertical-2xs {\n      margin-top: calc(1em * 8 / 16) !important;\n      margin-top: var(--spacing-2xs) !important;\n      margin-bottom: calc(1em * 8 / 16) !important;\n      margin-bottom: var(--spacing-2xs) !important;\n    }\n\n    .desktop\\:margin-y-2xs {\n      margin-top: calc(1em * 8 / 16) !important;\n      margin-top: var(--spacing-2xs) !important;\n      margin-bottom: calc(1em * 8 / 16) !important;\n      margin-bottom: var(--spacing-2xs) !important;\n    }\n    .desktop\\:margin-xs {\n      margin: calc(1em * 10 / 16) !important;\n      margin: var(--spacing-xs) !important;\n    }\n\n    .desktop\\:margin-top-xs {\n      margin-top: calc(1em * 10 / 16) !important;\n      margin-top: var(--spacing-xs) !important;\n    }\n\n    .desktop\\:margin-right-xs {\n      margin-right: calc(1em * 10 / 16) !important;\n      margin-right: var(--spacing-xs) !important;\n    }\n\n    .desktop\\:margin-bottom-xs {\n      margin-bottom: calc(1em * 10 / 16) !important;\n      margin-bottom: var(--spacing-xs) !important;\n    }\n\n    .desktop\\:margin-left-xs {\n      margin-left: calc(1em * 10 / 16) !important;\n      margin-left: var(--spacing-xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-horizontal-xs {\n      margin-right: calc(1em * 10 / 16) !important;\n      margin-right: var(--spacing-xs) !important;\n      margin-left: calc(1em * 10 / 16) !important;\n      margin-left: var(--spacing-xs) !important;\n    }\n\n    .desktop\\:margin-x-xs {\n      margin-right: calc(1em * 10 / 16) !important;\n      margin-right: var(--spacing-xs) !important;\n      margin-left: calc(1em * 10 / 16) !important;\n      margin-left: var(--spacing-xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-vertical-xs {\n      margin-top: calc(1em * 10 / 16) !important;\n      margin-top: var(--spacing-xs) !important;\n      margin-bottom: calc(1em * 10 / 16) !important;\n      margin-bottom: var(--spacing-xs) !important;\n    }\n\n    .desktop\\:margin-y-xs {\n      margin-top: calc(1em * 10 / 16) !important;\n      margin-top: var(--spacing-xs) !important;\n      margin-bottom: calc(1em * 10 / 16) !important;\n      margin-bottom: var(--spacing-xs) !important;\n    }\n    .desktop\\:margin-sm {\n      margin: calc(1em * 12 / 16) !important;\n      margin: var(--spacing-sm) !important;\n    }\n\n    .desktop\\:margin-top-sm {\n      margin-top: calc(1em * 12 / 16) !important;\n      margin-top: var(--spacing-sm) !important;\n    }\n\n    .desktop\\:margin-right-sm {\n      margin-right: calc(1em * 12 / 16) !important;\n      margin-right: var(--spacing-sm) !important;\n    }\n\n    .desktop\\:margin-bottom-sm {\n      margin-bottom: calc(1em * 12 / 16) !important;\n      margin-bottom: var(--spacing-sm) !important;\n    }\n\n    .desktop\\:margin-left-sm {\n      margin-left: calc(1em * 12 / 16) !important;\n      margin-left: var(--spacing-sm) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-horizontal-sm {\n      margin-right: calc(1em * 12 / 16) !important;\n      margin-right: var(--spacing-sm) !important;\n      margin-left: calc(1em * 12 / 16) !important;\n      margin-left: var(--spacing-sm) !important;\n    }\n\n    .desktop\\:margin-x-sm {\n      margin-right: calc(1em * 12 / 16) !important;\n      margin-right: var(--spacing-sm) !important;\n      margin-left: calc(1em * 12 / 16) !important;\n      margin-left: var(--spacing-sm) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-vertical-sm {\n      margin-top: calc(1em * 12 / 16) !important;\n      margin-top: var(--spacing-sm) !important;\n      margin-bottom: calc(1em * 12 / 16) !important;\n      margin-bottom: var(--spacing-sm) !important;\n    }\n\n    .desktop\\:margin-y-sm {\n      margin-top: calc(1em * 12 / 16) !important;\n      margin-top: var(--spacing-sm) !important;\n      margin-bottom: calc(1em * 12 / 16) !important;\n      margin-bottom: var(--spacing-sm) !important;\n    }\n    .desktop\\:margin-md {\n      margin: calc(1em * 1) !important;\n      margin: var(--spacing-md) !important;\n    }\n\n    .desktop\\:margin-top-md {\n      margin-top: calc(1em * 1) !important;\n      margin-top: var(--spacing-md) !important;\n    }\n\n    .desktop\\:margin-right-md {\n      margin-right: calc(1em * 1) !important;\n      margin-right: var(--spacing-md) !important;\n    }\n\n    .desktop\\:margin-bottom-md {\n      margin-bottom: calc(1em * 1) !important;\n      margin-bottom: var(--spacing-md) !important;\n    }\n\n    .desktop\\:margin-left-md {\n      margin-left: calc(1em * 1) !important;\n      margin-left: var(--spacing-md) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-horizontal-md {\n      margin-right: calc(1em * 1) !important;\n      margin-right: var(--spacing-md) !important;\n      margin-left: calc(1em * 1) !important;\n      margin-left: var(--spacing-md) !important;\n    }\n\n    .desktop\\:margin-x-md {\n      margin-right: calc(1em * 1) !important;\n      margin-right: var(--spacing-md) !important;\n      margin-left: calc(1em * 1) !important;\n      margin-left: var(--spacing-md) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-vertical-md {\n      margin-top: calc(1em * 1) !important;\n      margin-top: var(--spacing-md) !important;\n      margin-bottom: calc(1em * 1) !important;\n      margin-bottom: var(--spacing-md) !important;\n    }\n\n    .desktop\\:margin-y-md {\n      margin-top: calc(1em * 1) !important;\n      margin-top: var(--spacing-md) !important;\n      margin-bottom: calc(1em * 1) !important;\n      margin-bottom: var(--spacing-md) !important;\n    }\n    .desktop\\:margin-lg {\n      margin: calc(1em * 1.25) !important;\n      margin: var(--spacing-lg) !important;\n    }\n\n    .desktop\\:margin-top-lg {\n      margin-top: calc(1em * 1.25) !important;\n      margin-top: var(--spacing-lg) !important;\n    }\n\n    .desktop\\:margin-right-lg {\n      margin-right: calc(1em * 1.25) !important;\n      margin-right: var(--spacing-lg) !important;\n    }\n\n    .desktop\\:margin-bottom-lg {\n      margin-bottom: calc(1em * 1.25) !important;\n      margin-bottom: var(--spacing-lg) !important;\n    }\n\n    .desktop\\:margin-left-lg {\n      margin-left: calc(1em * 1.25) !important;\n      margin-left: var(--spacing-lg) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-horizontal-lg {\n      margin-right: calc(1em * 1.25) !important;\n      margin-right: var(--spacing-lg) !important;\n      margin-left: calc(1em * 1.25) !important;\n      margin-left: var(--spacing-lg) !important;\n    }\n\n    .desktop\\:margin-x-lg {\n      margin-right: calc(1em * 1.25) !important;\n      margin-right: var(--spacing-lg) !important;\n      margin-left: calc(1em * 1.25) !important;\n      margin-left: var(--spacing-lg) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-vertical-lg {\n      margin-top: calc(1em * 1.25) !important;\n      margin-top: var(--spacing-lg) !important;\n      margin-bottom: calc(1em * 1.25) !important;\n      margin-bottom: var(--spacing-lg) !important;\n    }\n\n    .desktop\\:margin-y-lg {\n      margin-top: calc(1em * 1.25) !important;\n      margin-top: var(--spacing-lg) !important;\n      margin-bottom: calc(1em * 1.25) !important;\n      margin-bottom: var(--spacing-lg) !important;\n    }\n    .desktop\\:margin-xl {\n      margin: calc(1em * 1.5) !important;\n      margin: var(--spacing-xl) !important;\n    }\n\n    .desktop\\:margin-top-xl {\n      margin-top: calc(1em * 1.5) !important;\n      margin-top: var(--spacing-xl) !important;\n    }\n\n    .desktop\\:margin-right-xl {\n      margin-right: calc(1em * 1.5) !important;\n      margin-right: var(--spacing-xl) !important;\n    }\n\n    .desktop\\:margin-bottom-xl {\n      margin-bottom: calc(1em * 1.5) !important;\n      margin-bottom: var(--spacing-xl) !important;\n    }\n\n    .desktop\\:margin-left-xl {\n      margin-left: calc(1em * 1.5) !important;\n      margin-left: var(--spacing-xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-horizontal-xl {\n      margin-right: calc(1em * 1.5) !important;\n      margin-right: var(--spacing-xl) !important;\n      margin-left: calc(1em * 1.5) !important;\n      margin-left: var(--spacing-xl) !important;\n    }\n\n    .desktop\\:margin-x-xl {\n      margin-right: calc(1em * 1.5) !important;\n      margin-right: var(--spacing-xl) !important;\n      margin-left: calc(1em * 1.5) !important;\n      margin-left: var(--spacing-xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-vertical-xl {\n      margin-top: calc(1em * 1.5) !important;\n      margin-top: var(--spacing-xl) !important;\n      margin-bottom: calc(1em * 1.5) !important;\n      margin-bottom: var(--spacing-xl) !important;\n    }\n\n    .desktop\\:margin-y-xl {\n      margin-top: calc(1em * 1.5) !important;\n      margin-top: var(--spacing-xl) !important;\n      margin-bottom: calc(1em * 1.5) !important;\n      margin-bottom: var(--spacing-xl) !important;\n    }\n    .desktop\\:margin-2xl {\n      margin: calc(1em * 2) !important;\n      margin: var(--spacing-2xl) !important;\n    }\n\n    .desktop\\:margin-top-2xl {\n      margin-top: calc(1em * 2) !important;\n      margin-top: var(--spacing-2xl) !important;\n    }\n\n    .desktop\\:margin-right-2xl {\n      margin-right: calc(1em * 2) !important;\n      margin-right: var(--spacing-2xl) !important;\n    }\n\n    .desktop\\:margin-bottom-2xl {\n      margin-bottom: calc(1em * 2) !important;\n      margin-bottom: var(--spacing-2xl) !important;\n    }\n\n    .desktop\\:margin-left-2xl {\n      margin-left: calc(1em * 2) !important;\n      margin-left: var(--spacing-2xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-horizontal-2xl {\n      margin-right: calc(1em * 2) !important;\n      margin-right: var(--spacing-2xl) !important;\n      margin-left: calc(1em * 2) !important;\n      margin-left: var(--spacing-2xl) !important;\n    }\n\n    .desktop\\:margin-x-2xl {\n      margin-right: calc(1em * 2) !important;\n      margin-right: var(--spacing-2xl) !important;\n      margin-left: calc(1em * 2) !important;\n      margin-left: var(--spacing-2xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-vertical-2xl {\n      margin-top: calc(1em * 2) !important;\n      margin-top: var(--spacing-2xl) !important;\n      margin-bottom: calc(1em * 2) !important;\n      margin-bottom: var(--spacing-2xl) !important;\n    }\n\n    .desktop\\:margin-y-2xl {\n      margin-top: calc(1em * 2) !important;\n      margin-top: var(--spacing-2xl) !important;\n      margin-bottom: calc(1em * 2) !important;\n      margin-bottom: var(--spacing-2xl) !important;\n    }\n    .desktop\\:margin-3xl {\n      margin: calc(1em * 2.5) !important;\n      margin: var(--spacing-3xl) !important;\n    }\n\n    .desktop\\:margin-top-3xl {\n      margin-top: calc(1em * 2.5) !important;\n      margin-top: var(--spacing-3xl) !important;\n    }\n\n    .desktop\\:margin-right-3xl {\n      margin-right: calc(1em * 2.5) !important;\n      margin-right: var(--spacing-3xl) !important;\n    }\n\n    .desktop\\:margin-bottom-3xl {\n      margin-bottom: calc(1em * 2.5) !important;\n      margin-bottom: var(--spacing-3xl) !important;\n    }\n\n    .desktop\\:margin-left-3xl {\n      margin-left: calc(1em * 2.5) !important;\n      margin-left: var(--spacing-3xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-horizontal-3xl {\n      margin-right: calc(1em * 2.5) !important;\n      margin-right: var(--spacing-3xl) !important;\n      margin-left: calc(1em * 2.5) !important;\n      margin-left: var(--spacing-3xl) !important;\n    }\n\n    .desktop\\:margin-x-3xl {\n      margin-right: calc(1em * 2.5) !important;\n      margin-right: var(--spacing-3xl) !important;\n      margin-left: calc(1em * 2.5) !important;\n      margin-left: var(--spacing-3xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-vertical-3xl {\n      margin-top: calc(1em * 2.5) !important;\n      margin-top: var(--spacing-3xl) !important;\n      margin-bottom: calc(1em * 2.5) !important;\n      margin-bottom: var(--spacing-3xl) !important;\n    }\n\n    .desktop\\:margin-y-3xl {\n      margin-top: calc(1em * 2.5) !important;\n      margin-top: var(--spacing-3xl) !important;\n      margin-bottom: calc(1em * 2.5) !important;\n      margin-bottom: var(--spacing-3xl) !important;\n    }\n    .desktop\\:margin-4xl {\n      margin: calc(1em * 3) !important;\n      margin: var(--spacing-4xl) !important;\n    }\n\n    .desktop\\:margin-top-4xl {\n      margin-top: calc(1em * 3) !important;\n      margin-top: var(--spacing-4xl) !important;\n    }\n\n    .desktop\\:margin-right-4xl {\n      margin-right: calc(1em * 3) !important;\n      margin-right: var(--spacing-4xl) !important;\n    }\n\n    .desktop\\:margin-bottom-4xl {\n      margin-bottom: calc(1em * 3) !important;\n      margin-bottom: var(--spacing-4xl) !important;\n    }\n\n    .desktop\\:margin-left-4xl {\n      margin-left: calc(1em * 3) !important;\n      margin-left: var(--spacing-4xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-horizontal-4xl {\n      margin-right: calc(1em * 3) !important;\n      margin-right: var(--spacing-4xl) !important;\n      margin-left: calc(1em * 3) !important;\n      margin-left: var(--spacing-4xl) !important;\n    }\n\n    .desktop\\:margin-x-4xl {\n      margin-right: calc(1em * 3) !important;\n      margin-right: var(--spacing-4xl) !important;\n      margin-left: calc(1em * 3) !important;\n      margin-left: var(--spacing-4xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-vertical-4xl {\n      margin-top: calc(1em * 3) !important;\n      margin-top: var(--spacing-4xl) !important;\n      margin-bottom: calc(1em * 3) !important;\n      margin-bottom: var(--spacing-4xl) !important;\n    }\n\n    .desktop\\:margin-y-4xl {\n      margin-top: calc(1em * 3) !important;\n      margin-top: var(--spacing-4xl) !important;\n      margin-bottom: calc(1em * 3) !important;\n      margin-bottom: var(--spacing-4xl) !important;\n    }\n    .desktop\\:margin-5xl {\n      margin: calc(1em * 4) !important;\n      margin: var(--spacing-5xl) !important;\n    }\n\n    .desktop\\:margin-top-5xl {\n      margin-top: calc(1em * 4) !important;\n      margin-top: var(--spacing-5xl) !important;\n    }\n\n    .desktop\\:margin-right-5xl {\n      margin-right: calc(1em * 4) !important;\n      margin-right: var(--spacing-5xl) !important;\n    }\n\n    .desktop\\:margin-bottom-5xl {\n      margin-bottom: calc(1em * 4) !important;\n      margin-bottom: var(--spacing-5xl) !important;\n    }\n\n    .desktop\\:margin-left-5xl {\n      margin-left: calc(1em * 4) !important;\n      margin-left: var(--spacing-5xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-horizontal-5xl {\n      margin-right: calc(1em * 4) !important;\n      margin-right: var(--spacing-5xl) !important;\n      margin-left: calc(1em * 4) !important;\n      margin-left: var(--spacing-5xl) !important;\n    }\n\n    .desktop\\:margin-x-5xl {\n      margin-right: calc(1em * 4) !important;\n      margin-right: var(--spacing-5xl) !important;\n      margin-left: calc(1em * 4) !important;\n      margin-left: var(--spacing-5xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-vertical-5xl {\n      margin-top: calc(1em * 4) !important;\n      margin-top: var(--spacing-5xl) !important;\n      margin-bottom: calc(1em * 4) !important;\n      margin-bottom: var(--spacing-5xl) !important;\n    }\n\n    .desktop\\:margin-y-5xl {\n      margin-top: calc(1em * 4) !important;\n      margin-top: var(--spacing-5xl) !important;\n      margin-bottom: calc(1em * 4) !important;\n      margin-bottom: var(--spacing-5xl) !important;\n    }\n    .desktop\\:margin-6xl {\n      margin: calc(1em * 5) !important;\n      margin: var(--spacing-6xl) !important;\n    }\n\n    .desktop\\:margin-top-6xl {\n      margin-top: calc(1em * 5) !important;\n      margin-top: var(--spacing-6xl) !important;\n    }\n\n    .desktop\\:margin-right-6xl {\n      margin-right: calc(1em * 5) !important;\n      margin-right: var(--spacing-6xl) !important;\n    }\n\n    .desktop\\:margin-bottom-6xl {\n      margin-bottom: calc(1em * 5) !important;\n      margin-bottom: var(--spacing-6xl) !important;\n    }\n\n    .desktop\\:margin-left-6xl {\n      margin-left: calc(1em * 5) !important;\n      margin-left: var(--spacing-6xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-horizontal-6xl {\n      margin-right: calc(1em * 5) !important;\n      margin-right: var(--spacing-6xl) !important;\n      margin-left: calc(1em * 5) !important;\n      margin-left: var(--spacing-6xl) !important;\n    }\n\n    .desktop\\:margin-x-6xl {\n      margin-right: calc(1em * 5) !important;\n      margin-right: var(--spacing-6xl) !important;\n      margin-left: calc(1em * 5) !important;\n      margin-left: var(--spacing-6xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-vertical-6xl {\n      margin-top: calc(1em * 5) !important;\n      margin-top: var(--spacing-6xl) !important;\n      margin-bottom: calc(1em * 5) !important;\n      margin-bottom: var(--spacing-6xl) !important;\n    }\n\n    .desktop\\:margin-y-6xl {\n      margin-top: calc(1em * 5) !important;\n      margin-top: var(--spacing-6xl) !important;\n      margin-bottom: calc(1em * 5) !important;\n      margin-bottom: var(--spacing-6xl) !important;\n    }\n    .desktop\\:margin-7xl {\n      margin: calc(1em * 6) !important;\n      margin: var(--spacing-7xl) !important;\n    }\n\n    .desktop\\:margin-top-7xl {\n      margin-top: calc(1em * 6) !important;\n      margin-top: var(--spacing-7xl) !important;\n    }\n\n    .desktop\\:margin-right-7xl {\n      margin-right: calc(1em * 6) !important;\n      margin-right: var(--spacing-7xl) !important;\n    }\n\n    .desktop\\:margin-bottom-7xl {\n      margin-bottom: calc(1em * 6) !important;\n      margin-bottom: var(--spacing-7xl) !important;\n    }\n\n    .desktop\\:margin-left-7xl {\n      margin-left: calc(1em * 6) !important;\n      margin-left: var(--spacing-7xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-horizontal-7xl {\n      margin-right: calc(1em * 6) !important;\n      margin-right: var(--spacing-7xl) !important;\n      margin-left: calc(1em * 6) !important;\n      margin-left: var(--spacing-7xl) !important;\n    }\n\n    .desktop\\:margin-x-7xl {\n      margin-right: calc(1em * 6) !important;\n      margin-right: var(--spacing-7xl) !important;\n      margin-left: calc(1em * 6) !important;\n      margin-left: var(--spacing-7xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-vertical-7xl {\n      margin-top: calc(1em * 6) !important;\n      margin-top: var(--spacing-7xl) !important;\n      margin-bottom: calc(1em * 6) !important;\n      margin-bottom: var(--spacing-7xl) !important;\n    }\n\n    .desktop\\:margin-y-7xl {\n      margin-top: calc(1em * 6) !important;\n      margin-top: var(--spacing-7xl) !important;\n      margin-bottom: calc(1em * 6) !important;\n      margin-bottom: var(--spacing-7xl) !important;\n    }\n    .desktop\\:margin-8xl {\n      margin: calc(1em * 8) !important;\n      margin: var(--spacing-8xl) !important;\n    }\n\n    .desktop\\:margin-top-8xl {\n      margin-top: calc(1em * 8) !important;\n      margin-top: var(--spacing-8xl) !important;\n    }\n\n    .desktop\\:margin-right-8xl {\n      margin-right: calc(1em * 8) !important;\n      margin-right: var(--spacing-8xl) !important;\n    }\n\n    .desktop\\:margin-bottom-8xl {\n      margin-bottom: calc(1em * 8) !important;\n      margin-bottom: var(--spacing-8xl) !important;\n    }\n\n    .desktop\\:margin-left-8xl {\n      margin-left: calc(1em * 8) !important;\n      margin-left: var(--spacing-8xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-horizontal-8xl {\n      margin-right: calc(1em * 8) !important;\n      margin-right: var(--spacing-8xl) !important;\n      margin-left: calc(1em * 8) !important;\n      margin-left: var(--spacing-8xl) !important;\n    }\n\n    .desktop\\:margin-x-8xl {\n      margin-right: calc(1em * 8) !important;\n      margin-right: var(--spacing-8xl) !important;\n      margin-left: calc(1em * 8) !important;\n      margin-left: var(--spacing-8xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-vertical-8xl {\n      margin-top: calc(1em * 8) !important;\n      margin-top: var(--spacing-8xl) !important;\n      margin-bottom: calc(1em * 8) !important;\n      margin-bottom: var(--spacing-8xl) !important;\n    }\n\n    .desktop\\:margin-y-8xl {\n      margin-top: calc(1em * 8) !important;\n      margin-top: var(--spacing-8xl) !important;\n      margin-bottom: calc(1em * 8) !important;\n      margin-bottom: var(--spacing-8xl) !important;\n    }\n    .desktop\\:margin-9xl {\n      margin: calc(1em * 10) !important;\n      margin: var(--spacing-9xl) !important;\n    }\n\n    .desktop\\:margin-top-9xl {\n      margin-top: calc(1em * 10) !important;\n      margin-top: var(--spacing-9xl) !important;\n    }\n\n    .desktop\\:margin-right-9xl {\n      margin-right: calc(1em * 10) !important;\n      margin-right: var(--spacing-9xl) !important;\n    }\n\n    .desktop\\:margin-bottom-9xl {\n      margin-bottom: calc(1em * 10) !important;\n      margin-bottom: var(--spacing-9xl) !important;\n    }\n\n    .desktop\\:margin-left-9xl {\n      margin-left: calc(1em * 10) !important;\n      margin-left: var(--spacing-9xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-horizontal-9xl {\n      margin-right: calc(1em * 10) !important;\n      margin-right: var(--spacing-9xl) !important;\n      margin-left: calc(1em * 10) !important;\n      margin-left: var(--spacing-9xl) !important;\n    }\n\n    .desktop\\:margin-x-9xl {\n      margin-right: calc(1em * 10) !important;\n      margin-right: var(--spacing-9xl) !important;\n      margin-left: calc(1em * 10) !important;\n      margin-left: var(--spacing-9xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-vertical-9xl {\n      margin-top: calc(1em * 10) !important;\n      margin-top: var(--spacing-9xl) !important;\n      margin-bottom: calc(1em * 10) !important;\n      margin-bottom: var(--spacing-9xl) !important;\n    }\n\n    .desktop\\:margin-y-9xl {\n      margin-top: calc(1em * 10) !important;\n      margin-top: var(--spacing-9xl) !important;\n      margin-bottom: calc(1em * 10) !important;\n      margin-bottom: var(--spacing-9xl) !important;\n    }\n    .desktop\\:margin-10xl {\n      margin: calc(1em * 12) !important;\n      margin: var(--spacing-10xl) !important;\n    }\n\n    .desktop\\:margin-top-10xl {\n      margin-top: calc(1em * 12) !important;\n      margin-top: var(--spacing-10xl) !important;\n    }\n\n    .desktop\\:margin-right-10xl {\n      margin-right: calc(1em * 12) !important;\n      margin-right: var(--spacing-10xl) !important;\n    }\n\n    .desktop\\:margin-bottom-10xl {\n      margin-bottom: calc(1em * 12) !important;\n      margin-bottom: var(--spacing-10xl) !important;\n    }\n\n    .desktop\\:margin-left-10xl {\n      margin-left: calc(1em * 12) !important;\n      margin-left: var(--spacing-10xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-horizontal-10xl {\n      margin-right: calc(1em * 12) !important;\n      margin-right: var(--spacing-10xl) !important;\n      margin-left: calc(1em * 12) !important;\n      margin-left: var(--spacing-10xl) !important;\n    }\n\n    .desktop\\:margin-x-10xl {\n      margin-right: calc(1em * 12) !important;\n      margin-right: var(--spacing-10xl) !important;\n      margin-left: calc(1em * 12) !important;\n      margin-left: var(--spacing-10xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-vertical-10xl {\n      margin-top: calc(1em * 12) !important;\n      margin-top: var(--spacing-10xl) !important;\n      margin-bottom: calc(1em * 12) !important;\n      margin-bottom: var(--spacing-10xl) !important;\n    }\n\n    .desktop\\:margin-y-10xl {\n      margin-top: calc(1em * 12) !important;\n      margin-top: var(--spacing-10xl) !important;\n      margin-bottom: calc(1em * 12) !important;\n      margin-bottom: var(--spacing-10xl) !important;\n    }\n    .desktop\\:margin-11xl {\n      margin: calc(1em * 16) !important;\n      margin: var(--spacing-11xl) !important;\n    }\n\n    .desktop\\:margin-top-11xl {\n      margin-top: calc(1em * 16) !important;\n      margin-top: var(--spacing-11xl) !important;\n    }\n\n    .desktop\\:margin-right-11xl {\n      margin-right: calc(1em * 16) !important;\n      margin-right: var(--spacing-11xl) !important;\n    }\n\n    .desktop\\:margin-bottom-11xl {\n      margin-bottom: calc(1em * 16) !important;\n      margin-bottom: var(--spacing-11xl) !important;\n    }\n\n    .desktop\\:margin-left-11xl {\n      margin-left: calc(1em * 16) !important;\n      margin-left: var(--spacing-11xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-horizontal-11xl {\n      margin-right: calc(1em * 16) !important;\n      margin-right: var(--spacing-11xl) !important;\n      margin-left: calc(1em * 16) !important;\n      margin-left: var(--spacing-11xl) !important;\n    }\n\n    .desktop\\:margin-x-11xl {\n      margin-right: calc(1em * 16) !important;\n      margin-right: var(--spacing-11xl) !important;\n      margin-left: calc(1em * 16) !important;\n      margin-left: var(--spacing-11xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-vertical-11xl {\n      margin-top: calc(1em * 16) !important;\n      margin-top: var(--spacing-11xl) !important;\n      margin-bottom: calc(1em * 16) !important;\n      margin-bottom: var(--spacing-11xl) !important;\n    }\n\n    .desktop\\:margin-y-11xl {\n      margin-top: calc(1em * 16) !important;\n      margin-top: var(--spacing-11xl) !important;\n      margin-bottom: calc(1em * 16) !important;\n      margin-bottom: var(--spacing-11xl) !important;\n    }\n    .desktop\\:margin-12xl {\n      margin: calc(1em * 20) !important;\n      margin: var(--spacing-12xl) !important;\n    }\n\n    .desktop\\:margin-top-12xl {\n      margin-top: calc(1em * 20) !important;\n      margin-top: var(--spacing-12xl) !important;\n    }\n\n    .desktop\\:margin-right-12xl {\n      margin-right: calc(1em * 20) !important;\n      margin-right: var(--spacing-12xl) !important;\n    }\n\n    .desktop\\:margin-bottom-12xl {\n      margin-bottom: calc(1em * 20) !important;\n      margin-bottom: var(--spacing-12xl) !important;\n    }\n\n    .desktop\\:margin-left-12xl {\n      margin-left: calc(1em * 20) !important;\n      margin-left: var(--spacing-12xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-horizontal-12xl {\n      margin-right: calc(1em * 20) !important;\n      margin-right: var(--spacing-12xl) !important;\n      margin-left: calc(1em * 20) !important;\n      margin-left: var(--spacing-12xl) !important;\n    }\n\n    .desktop\\:margin-x-12xl {\n      margin-right: calc(1em * 20) !important;\n      margin-right: var(--spacing-12xl) !important;\n      margin-left: calc(1em * 20) !important;\n      margin-left: var(--spacing-12xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-vertical-12xl {\n      margin-top: calc(1em * 20) !important;\n      margin-top: var(--spacing-12xl) !important;\n      margin-bottom: calc(1em * 20) !important;\n      margin-bottom: var(--spacing-12xl) !important;\n    }\n\n    .desktop\\:margin-y-12xl {\n      margin-top: calc(1em * 20) !important;\n      margin-top: var(--spacing-12xl) !important;\n      margin-bottom: calc(1em * 20) !important;\n      margin-bottom: var(--spacing-12xl) !important;\n    }\n    .desktop\\:margin-0 {\n      margin: 0 !important;\n      margin: var(--spacing-0) !important;\n    }\n\n    .desktop\\:margin-top-0 {\n      margin-top: 0 !important;\n      margin-top: var(--spacing-0) !important;\n    }\n\n    .desktop\\:margin-right-0 {\n      margin-right: 0 !important;\n      margin-right: var(--spacing-0) !important;\n    }\n\n    .desktop\\:margin-bottom-0 {\n      margin-bottom: 0 !important;\n      margin-bottom: var(--spacing-0) !important;\n    }\n\n    .desktop\\:margin-left-0 {\n      margin-left: 0 !important;\n      margin-left: var(--spacing-0) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-horizontal-0 {\n      margin-right: 0 !important;\n      margin-right: var(--spacing-0) !important;\n      margin-left: 0 !important;\n      margin-left: var(--spacing-0) !important;\n    }\n\n    .desktop\\:margin-x-0 {\n      margin-right: 0 !important;\n      margin-right: var(--spacing-0) !important;\n      margin-left: 0 !important;\n      margin-left: var(--spacing-0) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-vertical-0 {\n      margin-top: 0 !important;\n      margin-top: var(--spacing-0) !important;\n      margin-bottom: 0 !important;\n      margin-bottom: var(--spacing-0) !important;\n    }\n\n    .desktop\\:margin-y-0 {\n      margin-top: 0 !important;\n      margin-top: var(--spacing-0) !important;\n      margin-bottom: 0 !important;\n      margin-bottom: var(--spacing-0) !important;\n    }\n    .desktop\\:margin-1 {\n      margin: calc(1em * 1 / 16) !important;\n      margin: var(--spacing-1) !important;\n    }\n\n    .desktop\\:margin-top-1 {\n      margin-top: calc(1em * 1 / 16) !important;\n      margin-top: var(--spacing-1) !important;\n    }\n\n    .desktop\\:margin-right-1 {\n      margin-right: calc(1em * 1 / 16) !important;\n      margin-right: var(--spacing-1) !important;\n    }\n\n    .desktop\\:margin-bottom-1 {\n      margin-bottom: calc(1em * 1 / 16) !important;\n      margin-bottom: var(--spacing-1) !important;\n    }\n\n    .desktop\\:margin-left-1 {\n      margin-left: calc(1em * 1 / 16) !important;\n      margin-left: var(--spacing-1) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-horizontal-1 {\n      margin-right: calc(1em * 1 / 16) !important;\n      margin-right: var(--spacing-1) !important;\n      margin-left: calc(1em * 1 / 16) !important;\n      margin-left: var(--spacing-1) !important;\n    }\n\n    .desktop\\:margin-x-1 {\n      margin-right: calc(1em * 1 / 16) !important;\n      margin-right: var(--spacing-1) !important;\n      margin-left: calc(1em * 1 / 16) !important;\n      margin-left: var(--spacing-1) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-vertical-1 {\n      margin-top: calc(1em * 1 / 16) !important;\n      margin-top: var(--spacing-1) !important;\n      margin-bottom: calc(1em * 1 / 16) !important;\n      margin-bottom: var(--spacing-1) !important;\n    }\n\n    .desktop\\:margin-y-1 {\n      margin-top: calc(1em * 1 / 16) !important;\n      margin-top: var(--spacing-1) !important;\n      margin-bottom: calc(1em * 1 / 16) !important;\n      margin-bottom: var(--spacing-1) !important;\n    }\n    .desktop\\:margin-1px {\n      margin: 1px !important;\n      margin: var(--spacing-1px) !important;\n    }\n\n    .desktop\\:margin-top-1px {\n      margin-top: 1px !important;\n      margin-top: var(--spacing-1px) !important;\n    }\n\n    .desktop\\:margin-right-1px {\n      margin-right: 1px !important;\n      margin-right: var(--spacing-1px) !important;\n    }\n\n    .desktop\\:margin-bottom-1px {\n      margin-bottom: 1px !important;\n      margin-bottom: var(--spacing-1px) !important;\n    }\n\n    .desktop\\:margin-left-1px {\n      margin-left: 1px !important;\n      margin-left: var(--spacing-1px) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-horizontal-1px {\n      margin-right: 1px !important;\n      margin-right: var(--spacing-1px) !important;\n      margin-left: 1px !important;\n      margin-left: var(--spacing-1px) !important;\n    }\n\n    .desktop\\:margin-x-1px {\n      margin-right: 1px !important;\n      margin-right: var(--spacing-1px) !important;\n      margin-left: 1px !important;\n      margin-left: var(--spacing-1px) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:margin-vertical-1px {\n      margin-top: 1px !important;\n      margin-top: var(--spacing-1px) !important;\n      margin-bottom: 1px !important;\n      margin-bottom: var(--spacing-1px) !important;\n    }\n\n    .desktop\\:margin-y-1px {\n      margin-top: 1px !important;\n      margin-top: var(--spacing-1px) !important;\n      margin-bottom: 1px !important;\n      margin-bottom: var(--spacing-1px) !important;\n    }\n}\n/* spacing-padding */\n.padding-7xs {\n    padding: calc(1em * 1 / 16) !important;\n    padding: var(--spacing-7xs) !important;\n  }\n.padding-top-7xs {\n    padding-top: calc(1em * 1 / 16) !important;\n    padding-top: var(--spacing-7xs) !important;\n  }\n.padding-right-7xs {\n    padding-right: calc(1em * 1 / 16) !important;\n    padding-right: var(--spacing-7xs) !important;\n  }\n.padding-bottom-7xs {\n    padding-bottom: calc(1em * 1 / 16) !important;\n    padding-bottom: var(--spacing-7xs) !important;\n  }\n.padding-left-7xs {\n    padding-left: calc(1em * 1 / 16) !important;\n    padding-left: var(--spacing-7xs) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-7xs {\n    padding-top: calc(1em * 1 / 16) !important;\n    padding-top: var(--spacing-7xs) !important;\n    padding-bottom: calc(1em * 1 / 16) !important;\n    padding-bottom: var(--spacing-7xs) !important;\n  }\n.padding-y-7xs {\n    padding-top: calc(1em * 1 / 16) !important;\n    padding-top: var(--spacing-7xs) !important;\n    padding-bottom: calc(1em * 1 / 16) !important;\n    padding-bottom: var(--spacing-7xs) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-7xs {\n    padding-right: calc(1em * 1 / 16) !important;\n    padding-right: var(--spacing-7xs) !important;\n    padding-left: calc(1em * 1 / 16) !important;\n    padding-left: var(--spacing-7xs) !important;\n  }\n.padding-x-7xs {\n    padding-right: calc(1em * 1 / 16) !important;\n    padding-right: var(--spacing-7xs) !important;\n    padding-left: calc(1em * 1 / 16) !important;\n    padding-left: var(--spacing-7xs) !important;\n  }\n.padding-6xs {\n    padding: calc(1em * 2 / 16) !important;\n    padding: var(--spacing-6xs) !important;\n  }\n.padding-top-6xs {\n    padding-top: calc(1em * 2 / 16) !important;\n    padding-top: var(--spacing-6xs) !important;\n  }\n.padding-right-6xs {\n    padding-right: calc(1em * 2 / 16) !important;\n    padding-right: var(--spacing-6xs) !important;\n  }\n.padding-bottom-6xs {\n    padding-bottom: calc(1em * 2 / 16) !important;\n    padding-bottom: var(--spacing-6xs) !important;\n  }\n.padding-left-6xs {\n    padding-left: calc(1em * 2 / 16) !important;\n    padding-left: var(--spacing-6xs) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-6xs {\n    padding-top: calc(1em * 2 / 16) !important;\n    padding-top: var(--spacing-6xs) !important;\n    padding-bottom: calc(1em * 2 / 16) !important;\n    padding-bottom: var(--spacing-6xs) !important;\n  }\n.padding-y-6xs {\n    padding-top: calc(1em * 2 / 16) !important;\n    padding-top: var(--spacing-6xs) !important;\n    padding-bottom: calc(1em * 2 / 16) !important;\n    padding-bottom: var(--spacing-6xs) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-6xs {\n    padding-right: calc(1em * 2 / 16) !important;\n    padding-right: var(--spacing-6xs) !important;\n    padding-left: calc(1em * 2 / 16) !important;\n    padding-left: var(--spacing-6xs) !important;\n  }\n.padding-x-6xs {\n    padding-right: calc(1em * 2 / 16) !important;\n    padding-right: var(--spacing-6xs) !important;\n    padding-left: calc(1em * 2 / 16) !important;\n    padding-left: var(--spacing-6xs) !important;\n  }\n.padding-5xs {\n    padding: calc(1em * 3 / 16) !important;\n    padding: var(--spacing-5xs) !important;\n  }\n.padding-top-5xs {\n    padding-top: calc(1em * 3 / 16) !important;\n    padding-top: var(--spacing-5xs) !important;\n  }\n.padding-right-5xs {\n    padding-right: calc(1em * 3 / 16) !important;\n    padding-right: var(--spacing-5xs) !important;\n  }\n.padding-bottom-5xs {\n    padding-bottom: calc(1em * 3 / 16) !important;\n    padding-bottom: var(--spacing-5xs) !important;\n  }\n.padding-left-5xs {\n    padding-left: calc(1em * 3 / 16) !important;\n    padding-left: var(--spacing-5xs) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-5xs {\n    padding-top: calc(1em * 3 / 16) !important;\n    padding-top: var(--spacing-5xs) !important;\n    padding-bottom: calc(1em * 3 / 16) !important;\n    padding-bottom: var(--spacing-5xs) !important;\n  }\n.padding-y-5xs {\n    padding-top: calc(1em * 3 / 16) !important;\n    padding-top: var(--spacing-5xs) !important;\n    padding-bottom: calc(1em * 3 / 16) !important;\n    padding-bottom: var(--spacing-5xs) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-5xs {\n    padding-right: calc(1em * 3 / 16) !important;\n    padding-right: var(--spacing-5xs) !important;\n    padding-left: calc(1em * 3 / 16) !important;\n    padding-left: var(--spacing-5xs) !important;\n  }\n.padding-x-5xs {\n    padding-right: calc(1em * 3 / 16) !important;\n    padding-right: var(--spacing-5xs) !important;\n    padding-left: calc(1em * 3 / 16) !important;\n    padding-left: var(--spacing-5xs) !important;\n  }\n.padding-4xs {\n    padding: calc(1em * 4 / 16) !important;\n    padding: var(--spacing-4xs) !important;\n  }\n.padding-top-4xs {\n    padding-top: calc(1em * 4 / 16) !important;\n    padding-top: var(--spacing-4xs) !important;\n  }\n.padding-right-4xs {\n    padding-right: calc(1em * 4 / 16) !important;\n    padding-right: var(--spacing-4xs) !important;\n  }\n.padding-bottom-4xs {\n    padding-bottom: calc(1em * 4 / 16) !important;\n    padding-bottom: var(--spacing-4xs) !important;\n  }\n.padding-left-4xs {\n    padding-left: calc(1em * 4 / 16) !important;\n    padding-left: var(--spacing-4xs) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-4xs {\n    padding-top: calc(1em * 4 / 16) !important;\n    padding-top: var(--spacing-4xs) !important;\n    padding-bottom: calc(1em * 4 / 16) !important;\n    padding-bottom: var(--spacing-4xs) !important;\n  }\n.padding-y-4xs {\n    padding-top: calc(1em * 4 / 16) !important;\n    padding-top: var(--spacing-4xs) !important;\n    padding-bottom: calc(1em * 4 / 16) !important;\n    padding-bottom: var(--spacing-4xs) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-4xs {\n    padding-right: calc(1em * 4 / 16) !important;\n    padding-right: var(--spacing-4xs) !important;\n    padding-left: calc(1em * 4 / 16) !important;\n    padding-left: var(--spacing-4xs) !important;\n  }\n.padding-x-4xs {\n    padding-right: calc(1em * 4 / 16) !important;\n    padding-right: var(--spacing-4xs) !important;\n    padding-left: calc(1em * 4 / 16) !important;\n    padding-left: var(--spacing-4xs) !important;\n  }\n.padding-3xs {\n    padding: calc(1em * 6 / 16) !important;\n    padding: var(--spacing-3xs) !important;\n  }\n.padding-top-3xs {\n    padding-top: calc(1em * 6 / 16) !important;\n    padding-top: var(--spacing-3xs) !important;\n  }\n.padding-right-3xs {\n    padding-right: calc(1em * 6 / 16) !important;\n    padding-right: var(--spacing-3xs) !important;\n  }\n.padding-bottom-3xs {\n    padding-bottom: calc(1em * 6 / 16) !important;\n    padding-bottom: var(--spacing-3xs) !important;\n  }\n.padding-left-3xs {\n    padding-left: calc(1em * 6 / 16) !important;\n    padding-left: var(--spacing-3xs) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-3xs {\n    padding-top: calc(1em * 6 / 16) !important;\n    padding-top: var(--spacing-3xs) !important;\n    padding-bottom: calc(1em * 6 / 16) !important;\n    padding-bottom: var(--spacing-3xs) !important;\n  }\n.padding-y-3xs {\n    padding-top: calc(1em * 6 / 16) !important;\n    padding-top: var(--spacing-3xs) !important;\n    padding-bottom: calc(1em * 6 / 16) !important;\n    padding-bottom: var(--spacing-3xs) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-3xs {\n    padding-right: calc(1em * 6 / 16) !important;\n    padding-right: var(--spacing-3xs) !important;\n    padding-left: calc(1em * 6 / 16) !important;\n    padding-left: var(--spacing-3xs) !important;\n  }\n.padding-x-3xs {\n    padding-right: calc(1em * 6 / 16) !important;\n    padding-right: var(--spacing-3xs) !important;\n    padding-left: calc(1em * 6 / 16) !important;\n    padding-left: var(--spacing-3xs) !important;\n  }\n.padding-2xs {\n    padding: calc(1em * 8 / 16) !important;\n    padding: var(--spacing-2xs) !important;\n  }\n.padding-top-2xs {\n    padding-top: calc(1em * 8 / 16) !important;\n    padding-top: var(--spacing-2xs) !important;\n  }\n.padding-right-2xs {\n    padding-right: calc(1em * 8 / 16) !important;\n    padding-right: var(--spacing-2xs) !important;\n  }\n.padding-bottom-2xs {\n    padding-bottom: calc(1em * 8 / 16) !important;\n    padding-bottom: var(--spacing-2xs) !important;\n  }\n.padding-left-2xs {\n    padding-left: calc(1em * 8 / 16) !important;\n    padding-left: var(--spacing-2xs) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-2xs {\n    padding-top: calc(1em * 8 / 16) !important;\n    padding-top: var(--spacing-2xs) !important;\n    padding-bottom: calc(1em * 8 / 16) !important;\n    padding-bottom: var(--spacing-2xs) !important;\n  }\n.padding-y-2xs {\n    padding-top: calc(1em * 8 / 16) !important;\n    padding-top: var(--spacing-2xs) !important;\n    padding-bottom: calc(1em * 8 / 16) !important;\n    padding-bottom: var(--spacing-2xs) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-2xs {\n    padding-right: calc(1em * 8 / 16) !important;\n    padding-right: var(--spacing-2xs) !important;\n    padding-left: calc(1em * 8 / 16) !important;\n    padding-left: var(--spacing-2xs) !important;\n  }\n.padding-x-2xs {\n    padding-right: calc(1em * 8 / 16) !important;\n    padding-right: var(--spacing-2xs) !important;\n    padding-left: calc(1em * 8 / 16) !important;\n    padding-left: var(--spacing-2xs) !important;\n  }\n.padding-xs {\n    padding: calc(1em * 10 / 16) !important;\n    padding: var(--spacing-xs) !important;\n  }\n.padding-top-xs {\n    padding-top: calc(1em * 10 / 16) !important;\n    padding-top: var(--spacing-xs) !important;\n  }\n.padding-right-xs {\n    padding-right: calc(1em * 10 / 16) !important;\n    padding-right: var(--spacing-xs) !important;\n  }\n.padding-bottom-xs {\n    padding-bottom: calc(1em * 10 / 16) !important;\n    padding-bottom: var(--spacing-xs) !important;\n  }\n.padding-left-xs {\n    padding-left: calc(1em * 10 / 16) !important;\n    padding-left: var(--spacing-xs) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-xs {\n    padding-top: calc(1em * 10 / 16) !important;\n    padding-top: var(--spacing-xs) !important;\n    padding-bottom: calc(1em * 10 / 16) !important;\n    padding-bottom: var(--spacing-xs) !important;\n  }\n.padding-y-xs {\n    padding-top: calc(1em * 10 / 16) !important;\n    padding-top: var(--spacing-xs) !important;\n    padding-bottom: calc(1em * 10 / 16) !important;\n    padding-bottom: var(--spacing-xs) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-xs {\n    padding-right: calc(1em * 10 / 16) !important;\n    padding-right: var(--spacing-xs) !important;\n    padding-left: calc(1em * 10 / 16) !important;\n    padding-left: var(--spacing-xs) !important;\n  }\n.padding-x-xs {\n    padding-right: calc(1em * 10 / 16) !important;\n    padding-right: var(--spacing-xs) !important;\n    padding-left: calc(1em * 10 / 16) !important;\n    padding-left: var(--spacing-xs) !important;\n  }\n.padding-sm {\n    padding: calc(1em * 12 / 16) !important;\n    padding: var(--spacing-sm) !important;\n  }\n.padding-top-sm {\n    padding-top: calc(1em * 12 / 16) !important;\n    padding-top: var(--spacing-sm) !important;\n  }\n.padding-right-sm {\n    padding-right: calc(1em * 12 / 16) !important;\n    padding-right: var(--spacing-sm) !important;\n  }\n.padding-bottom-sm {\n    padding-bottom: calc(1em * 12 / 16) !important;\n    padding-bottom: var(--spacing-sm) !important;\n  }\n.padding-left-sm {\n    padding-left: calc(1em * 12 / 16) !important;\n    padding-left: var(--spacing-sm) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-sm {\n    padding-top: calc(1em * 12 / 16) !important;\n    padding-top: var(--spacing-sm) !important;\n    padding-bottom: calc(1em * 12 / 16) !important;\n    padding-bottom: var(--spacing-sm) !important;\n  }\n.padding-y-sm {\n    padding-top: calc(1em * 12 / 16) !important;\n    padding-top: var(--spacing-sm) !important;\n    padding-bottom: calc(1em * 12 / 16) !important;\n    padding-bottom: var(--spacing-sm) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-sm {\n    padding-right: calc(1em * 12 / 16) !important;\n    padding-right: var(--spacing-sm) !important;\n    padding-left: calc(1em * 12 / 16) !important;\n    padding-left: var(--spacing-sm) !important;\n  }\n.padding-x-sm {\n    padding-right: calc(1em * 12 / 16) !important;\n    padding-right: var(--spacing-sm) !important;\n    padding-left: calc(1em * 12 / 16) !important;\n    padding-left: var(--spacing-sm) !important;\n  }\n.padding-md {\n    padding: calc(1em * 1) !important;\n    padding: var(--spacing-md) !important;\n  }\n.padding-top-md {\n    padding-top: calc(1em * 1) !important;\n    padding-top: var(--spacing-md) !important;\n  }\n.padding-right-md {\n    padding-right: calc(1em * 1) !important;\n    padding-right: var(--spacing-md) !important;\n  }\n.padding-bottom-md {\n    padding-bottom: calc(1em * 1) !important;\n    padding-bottom: var(--spacing-md) !important;\n  }\n.padding-left-md {\n    padding-left: calc(1em * 1) !important;\n    padding-left: var(--spacing-md) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-md {\n    padding-top: calc(1em * 1) !important;\n    padding-top: var(--spacing-md) !important;\n    padding-bottom: calc(1em * 1) !important;\n    padding-bottom: var(--spacing-md) !important;\n  }\n.padding-y-md {\n    padding-top: calc(1em * 1) !important;\n    padding-top: var(--spacing-md) !important;\n    padding-bottom: calc(1em * 1) !important;\n    padding-bottom: var(--spacing-md) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-md {\n    padding-right: calc(1em * 1) !important;\n    padding-right: var(--spacing-md) !important;\n    padding-left: calc(1em * 1) !important;\n    padding-left: var(--spacing-md) !important;\n  }\n.padding-x-md {\n    padding-right: calc(1em * 1) !important;\n    padding-right: var(--spacing-md) !important;\n    padding-left: calc(1em * 1) !important;\n    padding-left: var(--spacing-md) !important;\n  }\n.padding-lg {\n    padding: calc(1em * 1.25) !important;\n    padding: var(--spacing-lg) !important;\n  }\n.padding-top-lg {\n    padding-top: calc(1em * 1.25) !important;\n    padding-top: var(--spacing-lg) !important;\n  }\n.padding-right-lg {\n    padding-right: calc(1em * 1.25) !important;\n    padding-right: var(--spacing-lg) !important;\n  }\n.padding-bottom-lg {\n    padding-bottom: calc(1em * 1.25) !important;\n    padding-bottom: var(--spacing-lg) !important;\n  }\n.padding-left-lg {\n    padding-left: calc(1em * 1.25) !important;\n    padding-left: var(--spacing-lg) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-lg {\n    padding-top: calc(1em * 1.25) !important;\n    padding-top: var(--spacing-lg) !important;\n    padding-bottom: calc(1em * 1.25) !important;\n    padding-bottom: var(--spacing-lg) !important;\n  }\n.padding-y-lg {\n    padding-top: calc(1em * 1.25) !important;\n    padding-top: var(--spacing-lg) !important;\n    padding-bottom: calc(1em * 1.25) !important;\n    padding-bottom: var(--spacing-lg) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-lg {\n    padding-right: calc(1em * 1.25) !important;\n    padding-right: var(--spacing-lg) !important;\n    padding-left: calc(1em * 1.25) !important;\n    padding-left: var(--spacing-lg) !important;\n  }\n.padding-x-lg {\n    padding-right: calc(1em * 1.25) !important;\n    padding-right: var(--spacing-lg) !important;\n    padding-left: calc(1em * 1.25) !important;\n    padding-left: var(--spacing-lg) !important;\n  }\n.padding-xl {\n    padding: calc(1em * 1.5) !important;\n    padding: var(--spacing-xl) !important;\n  }\n.padding-top-xl {\n    padding-top: calc(1em * 1.5) !important;\n    padding-top: var(--spacing-xl) !important;\n  }\n.padding-right-xl {\n    padding-right: calc(1em * 1.5) !important;\n    padding-right: var(--spacing-xl) !important;\n  }\n.padding-bottom-xl {\n    padding-bottom: calc(1em * 1.5) !important;\n    padding-bottom: var(--spacing-xl) !important;\n  }\n.padding-left-xl {\n    padding-left: calc(1em * 1.5) !important;\n    padding-left: var(--spacing-xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-xl {\n    padding-top: calc(1em * 1.5) !important;\n    padding-top: var(--spacing-xl) !important;\n    padding-bottom: calc(1em * 1.5) !important;\n    padding-bottom: var(--spacing-xl) !important;\n  }\n.padding-y-xl {\n    padding-top: calc(1em * 1.5) !important;\n    padding-top: var(--spacing-xl) !important;\n    padding-bottom: calc(1em * 1.5) !important;\n    padding-bottom: var(--spacing-xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-xl {\n    padding-right: calc(1em * 1.5) !important;\n    padding-right: var(--spacing-xl) !important;\n    padding-left: calc(1em * 1.5) !important;\n    padding-left: var(--spacing-xl) !important;\n  }\n.padding-x-xl {\n    padding-right: calc(1em * 1.5) !important;\n    padding-right: var(--spacing-xl) !important;\n    padding-left: calc(1em * 1.5) !important;\n    padding-left: var(--spacing-xl) !important;\n  }\n.padding-2xl {\n    padding: calc(1em * 2) !important;\n    padding: var(--spacing-2xl) !important;\n  }\n.padding-top-2xl {\n    padding-top: calc(1em * 2) !important;\n    padding-top: var(--spacing-2xl) !important;\n  }\n.padding-right-2xl {\n    padding-right: calc(1em * 2) !important;\n    padding-right: var(--spacing-2xl) !important;\n  }\n.padding-bottom-2xl {\n    padding-bottom: calc(1em * 2) !important;\n    padding-bottom: var(--spacing-2xl) !important;\n  }\n.padding-left-2xl {\n    padding-left: calc(1em * 2) !important;\n    padding-left: var(--spacing-2xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-2xl {\n    padding-top: calc(1em * 2) !important;\n    padding-top: var(--spacing-2xl) !important;\n    padding-bottom: calc(1em * 2) !important;\n    padding-bottom: var(--spacing-2xl) !important;\n  }\n.padding-y-2xl {\n    padding-top: calc(1em * 2) !important;\n    padding-top: var(--spacing-2xl) !important;\n    padding-bottom: calc(1em * 2) !important;\n    padding-bottom: var(--spacing-2xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-2xl {\n    padding-right: calc(1em * 2) !important;\n    padding-right: var(--spacing-2xl) !important;\n    padding-left: calc(1em * 2) !important;\n    padding-left: var(--spacing-2xl) !important;\n  }\n.padding-x-2xl {\n    padding-right: calc(1em * 2) !important;\n    padding-right: var(--spacing-2xl) !important;\n    padding-left: calc(1em * 2) !important;\n    padding-left: var(--spacing-2xl) !important;\n  }\n.padding-3xl {\n    padding: calc(1em * 2.5) !important;\n    padding: var(--spacing-3xl) !important;\n  }\n.padding-top-3xl {\n    padding-top: calc(1em * 2.5) !important;\n    padding-top: var(--spacing-3xl) !important;\n  }\n.padding-right-3xl {\n    padding-right: calc(1em * 2.5) !important;\n    padding-right: var(--spacing-3xl) !important;\n  }\n.padding-bottom-3xl {\n    padding-bottom: calc(1em * 2.5) !important;\n    padding-bottom: var(--spacing-3xl) !important;\n  }\n.padding-left-3xl {\n    padding-left: calc(1em * 2.5) !important;\n    padding-left: var(--spacing-3xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-3xl {\n    padding-top: calc(1em * 2.5) !important;\n    padding-top: var(--spacing-3xl) !important;\n    padding-bottom: calc(1em * 2.5) !important;\n    padding-bottom: var(--spacing-3xl) !important;\n  }\n.padding-y-3xl {\n    padding-top: calc(1em * 2.5) !important;\n    padding-top: var(--spacing-3xl) !important;\n    padding-bottom: calc(1em * 2.5) !important;\n    padding-bottom: var(--spacing-3xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-3xl {\n    padding-right: calc(1em * 2.5) !important;\n    padding-right: var(--spacing-3xl) !important;\n    padding-left: calc(1em * 2.5) !important;\n    padding-left: var(--spacing-3xl) !important;\n  }\n.padding-x-3xl {\n    padding-right: calc(1em * 2.5) !important;\n    padding-right: var(--spacing-3xl) !important;\n    padding-left: calc(1em * 2.5) !important;\n    padding-left: var(--spacing-3xl) !important;\n  }\n.padding-4xl {\n    padding: calc(1em * 3) !important;\n    padding: var(--spacing-4xl) !important;\n  }\n.padding-top-4xl {\n    padding-top: calc(1em * 3) !important;\n    padding-top: var(--spacing-4xl) !important;\n  }\n.padding-right-4xl {\n    padding-right: calc(1em * 3) !important;\n    padding-right: var(--spacing-4xl) !important;\n  }\n.padding-bottom-4xl {\n    padding-bottom: calc(1em * 3) !important;\n    padding-bottom: var(--spacing-4xl) !important;\n  }\n.padding-left-4xl {\n    padding-left: calc(1em * 3) !important;\n    padding-left: var(--spacing-4xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-4xl {\n    padding-top: calc(1em * 3) !important;\n    padding-top: var(--spacing-4xl) !important;\n    padding-bottom: calc(1em * 3) !important;\n    padding-bottom: var(--spacing-4xl) !important;\n  }\n.padding-y-4xl {\n    padding-top: calc(1em * 3) !important;\n    padding-top: var(--spacing-4xl) !important;\n    padding-bottom: calc(1em * 3) !important;\n    padding-bottom: var(--spacing-4xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-4xl {\n    padding-right: calc(1em * 3) !important;\n    padding-right: var(--spacing-4xl) !important;\n    padding-left: calc(1em * 3) !important;\n    padding-left: var(--spacing-4xl) !important;\n  }\n.padding-x-4xl {\n    padding-right: calc(1em * 3) !important;\n    padding-right: var(--spacing-4xl) !important;\n    padding-left: calc(1em * 3) !important;\n    padding-left: var(--spacing-4xl) !important;\n  }\n.padding-5xl {\n    padding: calc(1em * 4) !important;\n    padding: var(--spacing-5xl) !important;\n  }\n.padding-top-5xl {\n    padding-top: calc(1em * 4) !important;\n    padding-top: var(--spacing-5xl) !important;\n  }\n.padding-right-5xl {\n    padding-right: calc(1em * 4) !important;\n    padding-right: var(--spacing-5xl) !important;\n  }\n.padding-bottom-5xl {\n    padding-bottom: calc(1em * 4) !important;\n    padding-bottom: var(--spacing-5xl) !important;\n  }\n.padding-left-5xl {\n    padding-left: calc(1em * 4) !important;\n    padding-left: var(--spacing-5xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-5xl {\n    padding-top: calc(1em * 4) !important;\n    padding-top: var(--spacing-5xl) !important;\n    padding-bottom: calc(1em * 4) !important;\n    padding-bottom: var(--spacing-5xl) !important;\n  }\n.padding-y-5xl {\n    padding-top: calc(1em * 4) !important;\n    padding-top: var(--spacing-5xl) !important;\n    padding-bottom: calc(1em * 4) !important;\n    padding-bottom: var(--spacing-5xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-5xl {\n    padding-right: calc(1em * 4) !important;\n    padding-right: var(--spacing-5xl) !important;\n    padding-left: calc(1em * 4) !important;\n    padding-left: var(--spacing-5xl) !important;\n  }\n.padding-x-5xl {\n    padding-right: calc(1em * 4) !important;\n    padding-right: var(--spacing-5xl) !important;\n    padding-left: calc(1em * 4) !important;\n    padding-left: var(--spacing-5xl) !important;\n  }\n.padding-6xl {\n    padding: calc(1em * 5) !important;\n    padding: var(--spacing-6xl) !important;\n  }\n.padding-top-6xl {\n    padding-top: calc(1em * 5) !important;\n    padding-top: var(--spacing-6xl) !important;\n  }\n.padding-right-6xl {\n    padding-right: calc(1em * 5) !important;\n    padding-right: var(--spacing-6xl) !important;\n  }\n.padding-bottom-6xl {\n    padding-bottom: calc(1em * 5) !important;\n    padding-bottom: var(--spacing-6xl) !important;\n  }\n.padding-left-6xl {\n    padding-left: calc(1em * 5) !important;\n    padding-left: var(--spacing-6xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-6xl {\n    padding-top: calc(1em * 5) !important;\n    padding-top: var(--spacing-6xl) !important;\n    padding-bottom: calc(1em * 5) !important;\n    padding-bottom: var(--spacing-6xl) !important;\n  }\n.padding-y-6xl {\n    padding-top: calc(1em * 5) !important;\n    padding-top: var(--spacing-6xl) !important;\n    padding-bottom: calc(1em * 5) !important;\n    padding-bottom: var(--spacing-6xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-6xl {\n    padding-right: calc(1em * 5) !important;\n    padding-right: var(--spacing-6xl) !important;\n    padding-left: calc(1em * 5) !important;\n    padding-left: var(--spacing-6xl) !important;\n  }\n.padding-x-6xl {\n    padding-right: calc(1em * 5) !important;\n    padding-right: var(--spacing-6xl) !important;\n    padding-left: calc(1em * 5) !important;\n    padding-left: var(--spacing-6xl) !important;\n  }\n.padding-7xl {\n    padding: calc(1em * 6) !important;\n    padding: var(--spacing-7xl) !important;\n  }\n.padding-top-7xl {\n    padding-top: calc(1em * 6) !important;\n    padding-top: var(--spacing-7xl) !important;\n  }\n.padding-right-7xl {\n    padding-right: calc(1em * 6) !important;\n    padding-right: var(--spacing-7xl) !important;\n  }\n.padding-bottom-7xl {\n    padding-bottom: calc(1em * 6) !important;\n    padding-bottom: var(--spacing-7xl) !important;\n  }\n.padding-left-7xl {\n    padding-left: calc(1em * 6) !important;\n    padding-left: var(--spacing-7xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-7xl {\n    padding-top: calc(1em * 6) !important;\n    padding-top: var(--spacing-7xl) !important;\n    padding-bottom: calc(1em * 6) !important;\n    padding-bottom: var(--spacing-7xl) !important;\n  }\n.padding-y-7xl {\n    padding-top: calc(1em * 6) !important;\n    padding-top: var(--spacing-7xl) !important;\n    padding-bottom: calc(1em * 6) !important;\n    padding-bottom: var(--spacing-7xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-7xl {\n    padding-right: calc(1em * 6) !important;\n    padding-right: var(--spacing-7xl) !important;\n    padding-left: calc(1em * 6) !important;\n    padding-left: var(--spacing-7xl) !important;\n  }\n.padding-x-7xl {\n    padding-right: calc(1em * 6) !important;\n    padding-right: var(--spacing-7xl) !important;\n    padding-left: calc(1em * 6) !important;\n    padding-left: var(--spacing-7xl) !important;\n  }\n.padding-8xl {\n    padding: calc(1em * 8) !important;\n    padding: var(--spacing-8xl) !important;\n  }\n.padding-top-8xl {\n    padding-top: calc(1em * 8) !important;\n    padding-top: var(--spacing-8xl) !important;\n  }\n.padding-right-8xl {\n    padding-right: calc(1em * 8) !important;\n    padding-right: var(--spacing-8xl) !important;\n  }\n.padding-bottom-8xl {\n    padding-bottom: calc(1em * 8) !important;\n    padding-bottom: var(--spacing-8xl) !important;\n  }\n.padding-left-8xl {\n    padding-left: calc(1em * 8) !important;\n    padding-left: var(--spacing-8xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-8xl {\n    padding-top: calc(1em * 8) !important;\n    padding-top: var(--spacing-8xl) !important;\n    padding-bottom: calc(1em * 8) !important;\n    padding-bottom: var(--spacing-8xl) !important;\n  }\n.padding-y-8xl {\n    padding-top: calc(1em * 8) !important;\n    padding-top: var(--spacing-8xl) !important;\n    padding-bottom: calc(1em * 8) !important;\n    padding-bottom: var(--spacing-8xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-8xl {\n    padding-right: calc(1em * 8) !important;\n    padding-right: var(--spacing-8xl) !important;\n    padding-left: calc(1em * 8) !important;\n    padding-left: var(--spacing-8xl) !important;\n  }\n.padding-x-8xl {\n    padding-right: calc(1em * 8) !important;\n    padding-right: var(--spacing-8xl) !important;\n    padding-left: calc(1em * 8) !important;\n    padding-left: var(--spacing-8xl) !important;\n  }\n.padding-9xl {\n    padding: calc(1em * 10) !important;\n    padding: var(--spacing-9xl) !important;\n  }\n.padding-top-9xl {\n    padding-top: calc(1em * 10) !important;\n    padding-top: var(--spacing-9xl) !important;\n  }\n.padding-right-9xl {\n    padding-right: calc(1em * 10) !important;\n    padding-right: var(--spacing-9xl) !important;\n  }\n.padding-bottom-9xl {\n    padding-bottom: calc(1em * 10) !important;\n    padding-bottom: var(--spacing-9xl) !important;\n  }\n.padding-left-9xl {\n    padding-left: calc(1em * 10) !important;\n    padding-left: var(--spacing-9xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-9xl {\n    padding-top: calc(1em * 10) !important;\n    padding-top: var(--spacing-9xl) !important;\n    padding-bottom: calc(1em * 10) !important;\n    padding-bottom: var(--spacing-9xl) !important;\n  }\n.padding-y-9xl {\n    padding-top: calc(1em * 10) !important;\n    padding-top: var(--spacing-9xl) !important;\n    padding-bottom: calc(1em * 10) !important;\n    padding-bottom: var(--spacing-9xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-9xl {\n    padding-right: calc(1em * 10) !important;\n    padding-right: var(--spacing-9xl) !important;\n    padding-left: calc(1em * 10) !important;\n    padding-left: var(--spacing-9xl) !important;\n  }\n.padding-x-9xl {\n    padding-right: calc(1em * 10) !important;\n    padding-right: var(--spacing-9xl) !important;\n    padding-left: calc(1em * 10) !important;\n    padding-left: var(--spacing-9xl) !important;\n  }\n.padding-10xl {\n    padding: calc(1em * 12) !important;\n    padding: var(--spacing-10xl) !important;\n  }\n.padding-top-10xl {\n    padding-top: calc(1em * 12) !important;\n    padding-top: var(--spacing-10xl) !important;\n  }\n.padding-right-10xl {\n    padding-right: calc(1em * 12) !important;\n    padding-right: var(--spacing-10xl) !important;\n  }\n.padding-bottom-10xl {\n    padding-bottom: calc(1em * 12) !important;\n    padding-bottom: var(--spacing-10xl) !important;\n  }\n.padding-left-10xl {\n    padding-left: calc(1em * 12) !important;\n    padding-left: var(--spacing-10xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-10xl {\n    padding-top: calc(1em * 12) !important;\n    padding-top: var(--spacing-10xl) !important;\n    padding-bottom: calc(1em * 12) !important;\n    padding-bottom: var(--spacing-10xl) !important;\n  }\n.padding-y-10xl {\n    padding-top: calc(1em * 12) !important;\n    padding-top: var(--spacing-10xl) !important;\n    padding-bottom: calc(1em * 12) !important;\n    padding-bottom: var(--spacing-10xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-10xl {\n    padding-right: calc(1em * 12) !important;\n    padding-right: var(--spacing-10xl) !important;\n    padding-left: calc(1em * 12) !important;\n    padding-left: var(--spacing-10xl) !important;\n  }\n.padding-x-10xl {\n    padding-right: calc(1em * 12) !important;\n    padding-right: var(--spacing-10xl) !important;\n    padding-left: calc(1em * 12) !important;\n    padding-left: var(--spacing-10xl) !important;\n  }\n.padding-11xl {\n    padding: calc(1em * 16) !important;\n    padding: var(--spacing-11xl) !important;\n  }\n.padding-top-11xl {\n    padding-top: calc(1em * 16) !important;\n    padding-top: var(--spacing-11xl) !important;\n  }\n.padding-right-11xl {\n    padding-right: calc(1em * 16) !important;\n    padding-right: var(--spacing-11xl) !important;\n  }\n.padding-bottom-11xl {\n    padding-bottom: calc(1em * 16) !important;\n    padding-bottom: var(--spacing-11xl) !important;\n  }\n.padding-left-11xl {\n    padding-left: calc(1em * 16) !important;\n    padding-left: var(--spacing-11xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-11xl {\n    padding-top: calc(1em * 16) !important;\n    padding-top: var(--spacing-11xl) !important;\n    padding-bottom: calc(1em * 16) !important;\n    padding-bottom: var(--spacing-11xl) !important;\n  }\n.padding-y-11xl {\n    padding-top: calc(1em * 16) !important;\n    padding-top: var(--spacing-11xl) !important;\n    padding-bottom: calc(1em * 16) !important;\n    padding-bottom: var(--spacing-11xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-11xl {\n    padding-right: calc(1em * 16) !important;\n    padding-right: var(--spacing-11xl) !important;\n    padding-left: calc(1em * 16) !important;\n    padding-left: var(--spacing-11xl) !important;\n  }\n.padding-x-11xl {\n    padding-right: calc(1em * 16) !important;\n    padding-right: var(--spacing-11xl) !important;\n    padding-left: calc(1em * 16) !important;\n    padding-left: var(--spacing-11xl) !important;\n  }\n.padding-12xl {\n    padding: calc(1em * 20) !important;\n    padding: var(--spacing-12xl) !important;\n  }\n.padding-top-12xl {\n    padding-top: calc(1em * 20) !important;\n    padding-top: var(--spacing-12xl) !important;\n  }\n.padding-right-12xl {\n    padding-right: calc(1em * 20) !important;\n    padding-right: var(--spacing-12xl) !important;\n  }\n.padding-bottom-12xl {\n    padding-bottom: calc(1em * 20) !important;\n    padding-bottom: var(--spacing-12xl) !important;\n  }\n.padding-left-12xl {\n    padding-left: calc(1em * 20) !important;\n    padding-left: var(--spacing-12xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-12xl {\n    padding-top: calc(1em * 20) !important;\n    padding-top: var(--spacing-12xl) !important;\n    padding-bottom: calc(1em * 20) !important;\n    padding-bottom: var(--spacing-12xl) !important;\n  }\n.padding-y-12xl {\n    padding-top: calc(1em * 20) !important;\n    padding-top: var(--spacing-12xl) !important;\n    padding-bottom: calc(1em * 20) !important;\n    padding-bottom: var(--spacing-12xl) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-12xl {\n    padding-right: calc(1em * 20) !important;\n    padding-right: var(--spacing-12xl) !important;\n    padding-left: calc(1em * 20) !important;\n    padding-left: var(--spacing-12xl) !important;\n  }\n.padding-x-12xl {\n    padding-right: calc(1em * 20) !important;\n    padding-right: var(--spacing-12xl) !important;\n    padding-left: calc(1em * 20) !important;\n    padding-left: var(--spacing-12xl) !important;\n  }\n.padding-0 {\n    padding: 0 !important;\n    padding: var(--spacing-0) !important;\n  }\n.padding-top-0 {\n    padding-top: 0 !important;\n    padding-top: var(--spacing-0) !important;\n  }\n.padding-right-0 {\n    padding-right: 0 !important;\n    padding-right: var(--spacing-0) !important;\n  }\n.padding-bottom-0 {\n    padding-bottom: 0 !important;\n    padding-bottom: var(--spacing-0) !important;\n  }\n.padding-left-0 {\n    padding-left: 0 !important;\n    padding-left: var(--spacing-0) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-0 {\n    padding-top: 0 !important;\n    padding-top: var(--spacing-0) !important;\n    padding-bottom: 0 !important;\n    padding-bottom: var(--spacing-0) !important;\n  }\n.padding-y-0 {\n    padding-top: 0 !important;\n    padding-top: var(--spacing-0) !important;\n    padding-bottom: 0 !important;\n    padding-bottom: var(--spacing-0) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-0 {\n    padding-right: 0 !important;\n    padding-right: var(--spacing-0) !important;\n    padding-left: 0 !important;\n    padding-left: var(--spacing-0) !important;\n  }\n.padding-x-0 {\n    padding-right: 0 !important;\n    padding-right: var(--spacing-0) !important;\n    padding-left: 0 !important;\n    padding-left: var(--spacing-0) !important;\n  }\n.padding-1 {\n    padding: calc(1em * 1 / 16) !important;\n    padding: var(--spacing-1) !important;\n  }\n.padding-top-1 {\n    padding-top: calc(1em * 1 / 16) !important;\n    padding-top: var(--spacing-1) !important;\n  }\n.padding-right-1 {\n    padding-right: calc(1em * 1 / 16) !important;\n    padding-right: var(--spacing-1) !important;\n  }\n.padding-bottom-1 {\n    padding-bottom: calc(1em * 1 / 16) !important;\n    padding-bottom: var(--spacing-1) !important;\n  }\n.padding-left-1 {\n    padding-left: calc(1em * 1 / 16) !important;\n    padding-left: var(--spacing-1) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-1 {\n    padding-top: calc(1em * 1 / 16) !important;\n    padding-top: var(--spacing-1) !important;\n    padding-bottom: calc(1em * 1 / 16) !important;\n    padding-bottom: var(--spacing-1) !important;\n  }\n.padding-y-1 {\n    padding-top: calc(1em * 1 / 16) !important;\n    padding-top: var(--spacing-1) !important;\n    padding-bottom: calc(1em * 1 / 16) !important;\n    padding-bottom: var(--spacing-1) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-1 {\n    padding-right: calc(1em * 1 / 16) !important;\n    padding-right: var(--spacing-1) !important;\n    padding-left: calc(1em * 1 / 16) !important;\n    padding-left: var(--spacing-1) !important;\n  }\n.padding-x-1 {\n    padding-right: calc(1em * 1 / 16) !important;\n    padding-right: var(--spacing-1) !important;\n    padding-left: calc(1em * 1 / 16) !important;\n    padding-left: var(--spacing-1) !important;\n  }\n.padding-1px {\n    padding: 1px !important;\n    padding: var(--spacing-1px) !important;\n  }\n.padding-top-1px {\n    padding-top: 1px !important;\n    padding-top: var(--spacing-1px) !important;\n  }\n.padding-right-1px {\n    padding-right: 1px !important;\n    padding-right: var(--spacing-1px) !important;\n  }\n.padding-bottom-1px {\n    padding-bottom: 1px !important;\n    padding-bottom: var(--spacing-1px) !important;\n  }\n.padding-left-1px {\n    padding-left: 1px !important;\n    padding-left: var(--spacing-1px) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-1px {\n    padding-top: 1px !important;\n    padding-top: var(--spacing-1px) !important;\n    padding-bottom: 1px !important;\n    padding-bottom: var(--spacing-1px) !important;\n  }\n.padding-y-1px {\n    padding-top: 1px !important;\n    padding-top: var(--spacing-1px) !important;\n    padding-bottom: 1px !important;\n    padding-bottom: var(--spacing-1px) !important;\n  }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-1px {\n    padding-right: 1px !important;\n    padding-right: var(--spacing-1px) !important;\n    padding-left: 1px !important;\n    padding-left: var(--spacing-1px) !important;\n  }\n.padding-x-1px {\n    padding-right: 1px !important;\n    padding-right: var(--spacing-1px) !important;\n    padding-left: 1px !important;\n    padding-left: var(--spacing-1px) !important;\n  }\n@media (min-width: 48rem) {\n    .tablet\\:padding-7xs {\n      padding: calc(1em * 1 / 16) !important;\n      padding: var(--spacing-7xs) !important;\n    }\n\n    .tablet\\:padding-top-7xs {\n      padding-top: calc(1em * 1 / 16) !important;\n      padding-top: var(--spacing-7xs) !important;\n    }\n\n    .tablet\\:padding-right-7xs {\n      padding-right: calc(1em * 1 / 16) !important;\n      padding-right: var(--spacing-7xs) !important;\n    }\n\n    .tablet\\:padding-bottom-7xs {\n      padding-bottom: calc(1em * 1 / 16) !important;\n      padding-bottom: var(--spacing-7xs) !important;\n    }\n\n    .tablet\\:padding-left-7xs {\n      padding-left: calc(1em * 1 / 16) !important;\n      padding-left: var(--spacing-7xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-horizontal-7xs {\n      padding-right: calc(1em * 1 / 16) !important;\n      padding-right: var(--spacing-7xs) !important;\n      padding-left: calc(1em * 1 / 16) !important;\n      padding-left: var(--spacing-7xs) !important;\n    }\n\n    .tablet\\:padding-x-7xs {\n      padding-right: calc(1em * 1 / 16) !important;\n      padding-right: var(--spacing-7xs) !important;\n      padding-left: calc(1em * 1 / 16) !important;\n      padding-left: var(--spacing-7xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-vertical-7xs {\n      padding-top: calc(1em * 1 / 16) !important;\n      padding-top: var(--spacing-7xs) !important;\n      padding-bottom: calc(1em * 1 / 16) !important;\n      padding-bottom: var(--spacing-7xs) !important;\n    }\n\n    .tablet\\:padding-y-7xs {\n      padding-top: calc(1em * 1 / 16) !important;\n      padding-top: var(--spacing-7xs) !important;\n      padding-bottom: calc(1em * 1 / 16) !important;\n      padding-bottom: var(--spacing-7xs) !important;\n    }\n    .tablet\\:padding-6xs {\n      padding: calc(1em * 2 / 16) !important;\n      padding: var(--spacing-6xs) !important;\n    }\n\n    .tablet\\:padding-top-6xs {\n      padding-top: calc(1em * 2 / 16) !important;\n      padding-top: var(--spacing-6xs) !important;\n    }\n\n    .tablet\\:padding-right-6xs {\n      padding-right: calc(1em * 2 / 16) !important;\n      padding-right: var(--spacing-6xs) !important;\n    }\n\n    .tablet\\:padding-bottom-6xs {\n      padding-bottom: calc(1em * 2 / 16) !important;\n      padding-bottom: var(--spacing-6xs) !important;\n    }\n\n    .tablet\\:padding-left-6xs {\n      padding-left: calc(1em * 2 / 16) !important;\n      padding-left: var(--spacing-6xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-horizontal-6xs {\n      padding-right: calc(1em * 2 / 16) !important;\n      padding-right: var(--spacing-6xs) !important;\n      padding-left: calc(1em * 2 / 16) !important;\n      padding-left: var(--spacing-6xs) !important;\n    }\n\n    .tablet\\:padding-x-6xs {\n      padding-right: calc(1em * 2 / 16) !important;\n      padding-right: var(--spacing-6xs) !important;\n      padding-left: calc(1em * 2 / 16) !important;\n      padding-left: var(--spacing-6xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-vertical-6xs {\n      padding-top: calc(1em * 2 / 16) !important;\n      padding-top: var(--spacing-6xs) !important;\n      padding-bottom: calc(1em * 2 / 16) !important;\n      padding-bottom: var(--spacing-6xs) !important;\n    }\n\n    .tablet\\:padding-y-6xs {\n      padding-top: calc(1em * 2 / 16) !important;\n      padding-top: var(--spacing-6xs) !important;\n      padding-bottom: calc(1em * 2 / 16) !important;\n      padding-bottom: var(--spacing-6xs) !important;\n    }\n    .tablet\\:padding-5xs {\n      padding: calc(1em * 3 / 16) !important;\n      padding: var(--spacing-5xs) !important;\n    }\n\n    .tablet\\:padding-top-5xs {\n      padding-top: calc(1em * 3 / 16) !important;\n      padding-top: var(--spacing-5xs) !important;\n    }\n\n    .tablet\\:padding-right-5xs {\n      padding-right: calc(1em * 3 / 16) !important;\n      padding-right: var(--spacing-5xs) !important;\n    }\n\n    .tablet\\:padding-bottom-5xs {\n      padding-bottom: calc(1em * 3 / 16) !important;\n      padding-bottom: var(--spacing-5xs) !important;\n    }\n\n    .tablet\\:padding-left-5xs {\n      padding-left: calc(1em * 3 / 16) !important;\n      padding-left: var(--spacing-5xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-horizontal-5xs {\n      padding-right: calc(1em * 3 / 16) !important;\n      padding-right: var(--spacing-5xs) !important;\n      padding-left: calc(1em * 3 / 16) !important;\n      padding-left: var(--spacing-5xs) !important;\n    }\n\n    .tablet\\:padding-x-5xs {\n      padding-right: calc(1em * 3 / 16) !important;\n      padding-right: var(--spacing-5xs) !important;\n      padding-left: calc(1em * 3 / 16) !important;\n      padding-left: var(--spacing-5xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-vertical-5xs {\n      padding-top: calc(1em * 3 / 16) !important;\n      padding-top: var(--spacing-5xs) !important;\n      padding-bottom: calc(1em * 3 / 16) !important;\n      padding-bottom: var(--spacing-5xs) !important;\n    }\n\n    .tablet\\:padding-y-5xs {\n      padding-top: calc(1em * 3 / 16) !important;\n      padding-top: var(--spacing-5xs) !important;\n      padding-bottom: calc(1em * 3 / 16) !important;\n      padding-bottom: var(--spacing-5xs) !important;\n    }\n    .tablet\\:padding-4xs {\n      padding: calc(1em * 4 / 16) !important;\n      padding: var(--spacing-4xs) !important;\n    }\n\n    .tablet\\:padding-top-4xs {\n      padding-top: calc(1em * 4 / 16) !important;\n      padding-top: var(--spacing-4xs) !important;\n    }\n\n    .tablet\\:padding-right-4xs {\n      padding-right: calc(1em * 4 / 16) !important;\n      padding-right: var(--spacing-4xs) !important;\n    }\n\n    .tablet\\:padding-bottom-4xs {\n      padding-bottom: calc(1em * 4 / 16) !important;\n      padding-bottom: var(--spacing-4xs) !important;\n    }\n\n    .tablet\\:padding-left-4xs {\n      padding-left: calc(1em * 4 / 16) !important;\n      padding-left: var(--spacing-4xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-horizontal-4xs {\n      padding-right: calc(1em * 4 / 16) !important;\n      padding-right: var(--spacing-4xs) !important;\n      padding-left: calc(1em * 4 / 16) !important;\n      padding-left: var(--spacing-4xs) !important;\n    }\n\n    .tablet\\:padding-x-4xs {\n      padding-right: calc(1em * 4 / 16) !important;\n      padding-right: var(--spacing-4xs) !important;\n      padding-left: calc(1em * 4 / 16) !important;\n      padding-left: var(--spacing-4xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-vertical-4xs {\n      padding-top: calc(1em * 4 / 16) !important;\n      padding-top: var(--spacing-4xs) !important;\n      padding-bottom: calc(1em * 4 / 16) !important;\n      padding-bottom: var(--spacing-4xs) !important;\n    }\n\n    .tablet\\:padding-y-4xs {\n      padding-top: calc(1em * 4 / 16) !important;\n      padding-top: var(--spacing-4xs) !important;\n      padding-bottom: calc(1em * 4 / 16) !important;\n      padding-bottom: var(--spacing-4xs) !important;\n    }\n    .tablet\\:padding-3xs {\n      padding: calc(1em * 6 / 16) !important;\n      padding: var(--spacing-3xs) !important;\n    }\n\n    .tablet\\:padding-top-3xs {\n      padding-top: calc(1em * 6 / 16) !important;\n      padding-top: var(--spacing-3xs) !important;\n    }\n\n    .tablet\\:padding-right-3xs {\n      padding-right: calc(1em * 6 / 16) !important;\n      padding-right: var(--spacing-3xs) !important;\n    }\n\n    .tablet\\:padding-bottom-3xs {\n      padding-bottom: calc(1em * 6 / 16) !important;\n      padding-bottom: var(--spacing-3xs) !important;\n    }\n\n    .tablet\\:padding-left-3xs {\n      padding-left: calc(1em * 6 / 16) !important;\n      padding-left: var(--spacing-3xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-horizontal-3xs {\n      padding-right: calc(1em * 6 / 16) !important;\n      padding-right: var(--spacing-3xs) !important;\n      padding-left: calc(1em * 6 / 16) !important;\n      padding-left: var(--spacing-3xs) !important;\n    }\n\n    .tablet\\:padding-x-3xs {\n      padding-right: calc(1em * 6 / 16) !important;\n      padding-right: var(--spacing-3xs) !important;\n      padding-left: calc(1em * 6 / 16) !important;\n      padding-left: var(--spacing-3xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-vertical-3xs {\n      padding-top: calc(1em * 6 / 16) !important;\n      padding-top: var(--spacing-3xs) !important;\n      padding-bottom: calc(1em * 6 / 16) !important;\n      padding-bottom: var(--spacing-3xs) !important;\n    }\n\n    .tablet\\:padding-y-3xs {\n      padding-top: calc(1em * 6 / 16) !important;\n      padding-top: var(--spacing-3xs) !important;\n      padding-bottom: calc(1em * 6 / 16) !important;\n      padding-bottom: var(--spacing-3xs) !important;\n    }\n    .tablet\\:padding-2xs {\n      padding: calc(1em * 8 / 16) !important;\n      padding: var(--spacing-2xs) !important;\n    }\n\n    .tablet\\:padding-top-2xs {\n      padding-top: calc(1em * 8 / 16) !important;\n      padding-top: var(--spacing-2xs) !important;\n    }\n\n    .tablet\\:padding-right-2xs {\n      padding-right: calc(1em * 8 / 16) !important;\n      padding-right: var(--spacing-2xs) !important;\n    }\n\n    .tablet\\:padding-bottom-2xs {\n      padding-bottom: calc(1em * 8 / 16) !important;\n      padding-bottom: var(--spacing-2xs) !important;\n    }\n\n    .tablet\\:padding-left-2xs {\n      padding-left: calc(1em * 8 / 16) !important;\n      padding-left: var(--spacing-2xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-horizontal-2xs {\n      padding-right: calc(1em * 8 / 16) !important;\n      padding-right: var(--spacing-2xs) !important;\n      padding-left: calc(1em * 8 / 16) !important;\n      padding-left: var(--spacing-2xs) !important;\n    }\n\n    .tablet\\:padding-x-2xs {\n      padding-right: calc(1em * 8 / 16) !important;\n      padding-right: var(--spacing-2xs) !important;\n      padding-left: calc(1em * 8 / 16) !important;\n      padding-left: var(--spacing-2xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-vertical-2xs {\n      padding-top: calc(1em * 8 / 16) !important;\n      padding-top: var(--spacing-2xs) !important;\n      padding-bottom: calc(1em * 8 / 16) !important;\n      padding-bottom: var(--spacing-2xs) !important;\n    }\n\n    .tablet\\:padding-y-2xs {\n      padding-top: calc(1em * 8 / 16) !important;\n      padding-top: var(--spacing-2xs) !important;\n      padding-bottom: calc(1em * 8 / 16) !important;\n      padding-bottom: var(--spacing-2xs) !important;\n    }\n    .tablet\\:padding-xs {\n      padding: calc(1em * 10 / 16) !important;\n      padding: var(--spacing-xs) !important;\n    }\n\n    .tablet\\:padding-top-xs {\n      padding-top: calc(1em * 10 / 16) !important;\n      padding-top: var(--spacing-xs) !important;\n    }\n\n    .tablet\\:padding-right-xs {\n      padding-right: calc(1em * 10 / 16) !important;\n      padding-right: var(--spacing-xs) !important;\n    }\n\n    .tablet\\:padding-bottom-xs {\n      padding-bottom: calc(1em * 10 / 16) !important;\n      padding-bottom: var(--spacing-xs) !important;\n    }\n\n    .tablet\\:padding-left-xs {\n      padding-left: calc(1em * 10 / 16) !important;\n      padding-left: var(--spacing-xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-horizontal-xs {\n      padding-right: calc(1em * 10 / 16) !important;\n      padding-right: var(--spacing-xs) !important;\n      padding-left: calc(1em * 10 / 16) !important;\n      padding-left: var(--spacing-xs) !important;\n    }\n\n    .tablet\\:padding-x-xs {\n      padding-right: calc(1em * 10 / 16) !important;\n      padding-right: var(--spacing-xs) !important;\n      padding-left: calc(1em * 10 / 16) !important;\n      padding-left: var(--spacing-xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-vertical-xs {\n      padding-top: calc(1em * 10 / 16) !important;\n      padding-top: var(--spacing-xs) !important;\n      padding-bottom: calc(1em * 10 / 16) !important;\n      padding-bottom: var(--spacing-xs) !important;\n    }\n\n    .tablet\\:padding-y-xs {\n      padding-top: calc(1em * 10 / 16) !important;\n      padding-top: var(--spacing-xs) !important;\n      padding-bottom: calc(1em * 10 / 16) !important;\n      padding-bottom: var(--spacing-xs) !important;\n    }\n    .tablet\\:padding-sm {\n      padding: calc(1em * 12 / 16) !important;\n      padding: var(--spacing-sm) !important;\n    }\n\n    .tablet\\:padding-top-sm {\n      padding-top: calc(1em * 12 / 16) !important;\n      padding-top: var(--spacing-sm) !important;\n    }\n\n    .tablet\\:padding-right-sm {\n      padding-right: calc(1em * 12 / 16) !important;\n      padding-right: var(--spacing-sm) !important;\n    }\n\n    .tablet\\:padding-bottom-sm {\n      padding-bottom: calc(1em * 12 / 16) !important;\n      padding-bottom: var(--spacing-sm) !important;\n    }\n\n    .tablet\\:padding-left-sm {\n      padding-left: calc(1em * 12 / 16) !important;\n      padding-left: var(--spacing-sm) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-horizontal-sm {\n      padding-right: calc(1em * 12 / 16) !important;\n      padding-right: var(--spacing-sm) !important;\n      padding-left: calc(1em * 12 / 16) !important;\n      padding-left: var(--spacing-sm) !important;\n    }\n\n    .tablet\\:padding-x-sm {\n      padding-right: calc(1em * 12 / 16) !important;\n      padding-right: var(--spacing-sm) !important;\n      padding-left: calc(1em * 12 / 16) !important;\n      padding-left: var(--spacing-sm) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-vertical-sm {\n      padding-top: calc(1em * 12 / 16) !important;\n      padding-top: var(--spacing-sm) !important;\n      padding-bottom: calc(1em * 12 / 16) !important;\n      padding-bottom: var(--spacing-sm) !important;\n    }\n\n    .tablet\\:padding-y-sm {\n      padding-top: calc(1em * 12 / 16) !important;\n      padding-top: var(--spacing-sm) !important;\n      padding-bottom: calc(1em * 12 / 16) !important;\n      padding-bottom: var(--spacing-sm) !important;\n    }\n    .tablet\\:padding-md {\n      padding: calc(1em * 1) !important;\n      padding: var(--spacing-md) !important;\n    }\n\n    .tablet\\:padding-top-md {\n      padding-top: calc(1em * 1) !important;\n      padding-top: var(--spacing-md) !important;\n    }\n\n    .tablet\\:padding-right-md {\n      padding-right: calc(1em * 1) !important;\n      padding-right: var(--spacing-md) !important;\n    }\n\n    .tablet\\:padding-bottom-md {\n      padding-bottom: calc(1em * 1) !important;\n      padding-bottom: var(--spacing-md) !important;\n    }\n\n    .tablet\\:padding-left-md {\n      padding-left: calc(1em * 1) !important;\n      padding-left: var(--spacing-md) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-horizontal-md {\n      padding-right: calc(1em * 1) !important;\n      padding-right: var(--spacing-md) !important;\n      padding-left: calc(1em * 1) !important;\n      padding-left: var(--spacing-md) !important;\n    }\n\n    .tablet\\:padding-x-md {\n      padding-right: calc(1em * 1) !important;\n      padding-right: var(--spacing-md) !important;\n      padding-left: calc(1em * 1) !important;\n      padding-left: var(--spacing-md) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-vertical-md {\n      padding-top: calc(1em * 1) !important;\n      padding-top: var(--spacing-md) !important;\n      padding-bottom: calc(1em * 1) !important;\n      padding-bottom: var(--spacing-md) !important;\n    }\n\n    .tablet\\:padding-y-md {\n      padding-top: calc(1em * 1) !important;\n      padding-top: var(--spacing-md) !important;\n      padding-bottom: calc(1em * 1) !important;\n      padding-bottom: var(--spacing-md) !important;\n    }\n    .tablet\\:padding-lg {\n      padding: calc(1em * 1.25) !important;\n      padding: var(--spacing-lg) !important;\n    }\n\n    .tablet\\:padding-top-lg {\n      padding-top: calc(1em * 1.25) !important;\n      padding-top: var(--spacing-lg) !important;\n    }\n\n    .tablet\\:padding-right-lg {\n      padding-right: calc(1em * 1.25) !important;\n      padding-right: var(--spacing-lg) !important;\n    }\n\n    .tablet\\:padding-bottom-lg {\n      padding-bottom: calc(1em * 1.25) !important;\n      padding-bottom: var(--spacing-lg) !important;\n    }\n\n    .tablet\\:padding-left-lg {\n      padding-left: calc(1em * 1.25) !important;\n      padding-left: var(--spacing-lg) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-horizontal-lg {\n      padding-right: calc(1em * 1.25) !important;\n      padding-right: var(--spacing-lg) !important;\n      padding-left: calc(1em * 1.25) !important;\n      padding-left: var(--spacing-lg) !important;\n    }\n\n    .tablet\\:padding-x-lg {\n      padding-right: calc(1em * 1.25) !important;\n      padding-right: var(--spacing-lg) !important;\n      padding-left: calc(1em * 1.25) !important;\n      padding-left: var(--spacing-lg) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-vertical-lg {\n      padding-top: calc(1em * 1.25) !important;\n      padding-top: var(--spacing-lg) !important;\n      padding-bottom: calc(1em * 1.25) !important;\n      padding-bottom: var(--spacing-lg) !important;\n    }\n\n    .tablet\\:padding-y-lg {\n      padding-top: calc(1em * 1.25) !important;\n      padding-top: var(--spacing-lg) !important;\n      padding-bottom: calc(1em * 1.25) !important;\n      padding-bottom: var(--spacing-lg) !important;\n    }\n    .tablet\\:padding-xl {\n      padding: calc(1em * 1.5) !important;\n      padding: var(--spacing-xl) !important;\n    }\n\n    .tablet\\:padding-top-xl {\n      padding-top: calc(1em * 1.5) !important;\n      padding-top: var(--spacing-xl) !important;\n    }\n\n    .tablet\\:padding-right-xl {\n      padding-right: calc(1em * 1.5) !important;\n      padding-right: var(--spacing-xl) !important;\n    }\n\n    .tablet\\:padding-bottom-xl {\n      padding-bottom: calc(1em * 1.5) !important;\n      padding-bottom: var(--spacing-xl) !important;\n    }\n\n    .tablet\\:padding-left-xl {\n      padding-left: calc(1em * 1.5) !important;\n      padding-left: var(--spacing-xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-horizontal-xl {\n      padding-right: calc(1em * 1.5) !important;\n      padding-right: var(--spacing-xl) !important;\n      padding-left: calc(1em * 1.5) !important;\n      padding-left: var(--spacing-xl) !important;\n    }\n\n    .tablet\\:padding-x-xl {\n      padding-right: calc(1em * 1.5) !important;\n      padding-right: var(--spacing-xl) !important;\n      padding-left: calc(1em * 1.5) !important;\n      padding-left: var(--spacing-xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-vertical-xl {\n      padding-top: calc(1em * 1.5) !important;\n      padding-top: var(--spacing-xl) !important;\n      padding-bottom: calc(1em * 1.5) !important;\n      padding-bottom: var(--spacing-xl) !important;\n    }\n\n    .tablet\\:padding-y-xl {\n      padding-top: calc(1em * 1.5) !important;\n      padding-top: var(--spacing-xl) !important;\n      padding-bottom: calc(1em * 1.5) !important;\n      padding-bottom: var(--spacing-xl) !important;\n    }\n    .tablet\\:padding-2xl {\n      padding: calc(1em * 2) !important;\n      padding: var(--spacing-2xl) !important;\n    }\n\n    .tablet\\:padding-top-2xl {\n      padding-top: calc(1em * 2) !important;\n      padding-top: var(--spacing-2xl) !important;\n    }\n\n    .tablet\\:padding-right-2xl {\n      padding-right: calc(1em * 2) !important;\n      padding-right: var(--spacing-2xl) !important;\n    }\n\n    .tablet\\:padding-bottom-2xl {\n      padding-bottom: calc(1em * 2) !important;\n      padding-bottom: var(--spacing-2xl) !important;\n    }\n\n    .tablet\\:padding-left-2xl {\n      padding-left: calc(1em * 2) !important;\n      padding-left: var(--spacing-2xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-horizontal-2xl {\n      padding-right: calc(1em * 2) !important;\n      padding-right: var(--spacing-2xl) !important;\n      padding-left: calc(1em * 2) !important;\n      padding-left: var(--spacing-2xl) !important;\n    }\n\n    .tablet\\:padding-x-2xl {\n      padding-right: calc(1em * 2) !important;\n      padding-right: var(--spacing-2xl) !important;\n      padding-left: calc(1em * 2) !important;\n      padding-left: var(--spacing-2xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-vertical-2xl {\n      padding-top: calc(1em * 2) !important;\n      padding-top: var(--spacing-2xl) !important;\n      padding-bottom: calc(1em * 2) !important;\n      padding-bottom: var(--spacing-2xl) !important;\n    }\n\n    .tablet\\:padding-y-2xl {\n      padding-top: calc(1em * 2) !important;\n      padding-top: var(--spacing-2xl) !important;\n      padding-bottom: calc(1em * 2) !important;\n      padding-bottom: var(--spacing-2xl) !important;\n    }\n    .tablet\\:padding-3xl {\n      padding: calc(1em * 2.5) !important;\n      padding: var(--spacing-3xl) !important;\n    }\n\n    .tablet\\:padding-top-3xl {\n      padding-top: calc(1em * 2.5) !important;\n      padding-top: var(--spacing-3xl) !important;\n    }\n\n    .tablet\\:padding-right-3xl {\n      padding-right: calc(1em * 2.5) !important;\n      padding-right: var(--spacing-3xl) !important;\n    }\n\n    .tablet\\:padding-bottom-3xl {\n      padding-bottom: calc(1em * 2.5) !important;\n      padding-bottom: var(--spacing-3xl) !important;\n    }\n\n    .tablet\\:padding-left-3xl {\n      padding-left: calc(1em * 2.5) !important;\n      padding-left: var(--spacing-3xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-horizontal-3xl {\n      padding-right: calc(1em * 2.5) !important;\n      padding-right: var(--spacing-3xl) !important;\n      padding-left: calc(1em * 2.5) !important;\n      padding-left: var(--spacing-3xl) !important;\n    }\n\n    .tablet\\:padding-x-3xl {\n      padding-right: calc(1em * 2.5) !important;\n      padding-right: var(--spacing-3xl) !important;\n      padding-left: calc(1em * 2.5) !important;\n      padding-left: var(--spacing-3xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-vertical-3xl {\n      padding-top: calc(1em * 2.5) !important;\n      padding-top: var(--spacing-3xl) !important;\n      padding-bottom: calc(1em * 2.5) !important;\n      padding-bottom: var(--spacing-3xl) !important;\n    }\n\n    .tablet\\:padding-y-3xl {\n      padding-top: calc(1em * 2.5) !important;\n      padding-top: var(--spacing-3xl) !important;\n      padding-bottom: calc(1em * 2.5) !important;\n      padding-bottom: var(--spacing-3xl) !important;\n    }\n    .tablet\\:padding-4xl {\n      padding: calc(1em * 3) !important;\n      padding: var(--spacing-4xl) !important;\n    }\n\n    .tablet\\:padding-top-4xl {\n      padding-top: calc(1em * 3) !important;\n      padding-top: var(--spacing-4xl) !important;\n    }\n\n    .tablet\\:padding-right-4xl {\n      padding-right: calc(1em * 3) !important;\n      padding-right: var(--spacing-4xl) !important;\n    }\n\n    .tablet\\:padding-bottom-4xl {\n      padding-bottom: calc(1em * 3) !important;\n      padding-bottom: var(--spacing-4xl) !important;\n    }\n\n    .tablet\\:padding-left-4xl {\n      padding-left: calc(1em * 3) !important;\n      padding-left: var(--spacing-4xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-horizontal-4xl {\n      padding-right: calc(1em * 3) !important;\n      padding-right: var(--spacing-4xl) !important;\n      padding-left: calc(1em * 3) !important;\n      padding-left: var(--spacing-4xl) !important;\n    }\n\n    .tablet\\:padding-x-4xl {\n      padding-right: calc(1em * 3) !important;\n      padding-right: var(--spacing-4xl) !important;\n      padding-left: calc(1em * 3) !important;\n      padding-left: var(--spacing-4xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-vertical-4xl {\n      padding-top: calc(1em * 3) !important;\n      padding-top: var(--spacing-4xl) !important;\n      padding-bottom: calc(1em * 3) !important;\n      padding-bottom: var(--spacing-4xl) !important;\n    }\n\n    .tablet\\:padding-y-4xl {\n      padding-top: calc(1em * 3) !important;\n      padding-top: var(--spacing-4xl) !important;\n      padding-bottom: calc(1em * 3) !important;\n      padding-bottom: var(--spacing-4xl) !important;\n    }\n    .tablet\\:padding-5xl {\n      padding: calc(1em * 4) !important;\n      padding: var(--spacing-5xl) !important;\n    }\n\n    .tablet\\:padding-top-5xl {\n      padding-top: calc(1em * 4) !important;\n      padding-top: var(--spacing-5xl) !important;\n    }\n\n    .tablet\\:padding-right-5xl {\n      padding-right: calc(1em * 4) !important;\n      padding-right: var(--spacing-5xl) !important;\n    }\n\n    .tablet\\:padding-bottom-5xl {\n      padding-bottom: calc(1em * 4) !important;\n      padding-bottom: var(--spacing-5xl) !important;\n    }\n\n    .tablet\\:padding-left-5xl {\n      padding-left: calc(1em * 4) !important;\n      padding-left: var(--spacing-5xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-horizontal-5xl {\n      padding-right: calc(1em * 4) !important;\n      padding-right: var(--spacing-5xl) !important;\n      padding-left: calc(1em * 4) !important;\n      padding-left: var(--spacing-5xl) !important;\n    }\n\n    .tablet\\:padding-x-5xl {\n      padding-right: calc(1em * 4) !important;\n      padding-right: var(--spacing-5xl) !important;\n      padding-left: calc(1em * 4) !important;\n      padding-left: var(--spacing-5xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-vertical-5xl {\n      padding-top: calc(1em * 4) !important;\n      padding-top: var(--spacing-5xl) !important;\n      padding-bottom: calc(1em * 4) !important;\n      padding-bottom: var(--spacing-5xl) !important;\n    }\n\n    .tablet\\:padding-y-5xl {\n      padding-top: calc(1em * 4) !important;\n      padding-top: var(--spacing-5xl) !important;\n      padding-bottom: calc(1em * 4) !important;\n      padding-bottom: var(--spacing-5xl) !important;\n    }\n    .tablet\\:padding-6xl {\n      padding: calc(1em * 5) !important;\n      padding: var(--spacing-6xl) !important;\n    }\n\n    .tablet\\:padding-top-6xl {\n      padding-top: calc(1em * 5) !important;\n      padding-top: var(--spacing-6xl) !important;\n    }\n\n    .tablet\\:padding-right-6xl {\n      padding-right: calc(1em * 5) !important;\n      padding-right: var(--spacing-6xl) !important;\n    }\n\n    .tablet\\:padding-bottom-6xl {\n      padding-bottom: calc(1em * 5) !important;\n      padding-bottom: var(--spacing-6xl) !important;\n    }\n\n    .tablet\\:padding-left-6xl {\n      padding-left: calc(1em * 5) !important;\n      padding-left: var(--spacing-6xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-horizontal-6xl {\n      padding-right: calc(1em * 5) !important;\n      padding-right: var(--spacing-6xl) !important;\n      padding-left: calc(1em * 5) !important;\n      padding-left: var(--spacing-6xl) !important;\n    }\n\n    .tablet\\:padding-x-6xl {\n      padding-right: calc(1em * 5) !important;\n      padding-right: var(--spacing-6xl) !important;\n      padding-left: calc(1em * 5) !important;\n      padding-left: var(--spacing-6xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-vertical-6xl {\n      padding-top: calc(1em * 5) !important;\n      padding-top: var(--spacing-6xl) !important;\n      padding-bottom: calc(1em * 5) !important;\n      padding-bottom: var(--spacing-6xl) !important;\n    }\n\n    .tablet\\:padding-y-6xl {\n      padding-top: calc(1em * 5) !important;\n      padding-top: var(--spacing-6xl) !important;\n      padding-bottom: calc(1em * 5) !important;\n      padding-bottom: var(--spacing-6xl) !important;\n    }\n    .tablet\\:padding-7xl {\n      padding: calc(1em * 6) !important;\n      padding: var(--spacing-7xl) !important;\n    }\n\n    .tablet\\:padding-top-7xl {\n      padding-top: calc(1em * 6) !important;\n      padding-top: var(--spacing-7xl) !important;\n    }\n\n    .tablet\\:padding-right-7xl {\n      padding-right: calc(1em * 6) !important;\n      padding-right: var(--spacing-7xl) !important;\n    }\n\n    .tablet\\:padding-bottom-7xl {\n      padding-bottom: calc(1em * 6) !important;\n      padding-bottom: var(--spacing-7xl) !important;\n    }\n\n    .tablet\\:padding-left-7xl {\n      padding-left: calc(1em * 6) !important;\n      padding-left: var(--spacing-7xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-horizontal-7xl {\n      padding-right: calc(1em * 6) !important;\n      padding-right: var(--spacing-7xl) !important;\n      padding-left: calc(1em * 6) !important;\n      padding-left: var(--spacing-7xl) !important;\n    }\n\n    .tablet\\:padding-x-7xl {\n      padding-right: calc(1em * 6) !important;\n      padding-right: var(--spacing-7xl) !important;\n      padding-left: calc(1em * 6) !important;\n      padding-left: var(--spacing-7xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-vertical-7xl {\n      padding-top: calc(1em * 6) !important;\n      padding-top: var(--spacing-7xl) !important;\n      padding-bottom: calc(1em * 6) !important;\n      padding-bottom: var(--spacing-7xl) !important;\n    }\n\n    .tablet\\:padding-y-7xl {\n      padding-top: calc(1em * 6) !important;\n      padding-top: var(--spacing-7xl) !important;\n      padding-bottom: calc(1em * 6) !important;\n      padding-bottom: var(--spacing-7xl) !important;\n    }\n    .tablet\\:padding-8xl {\n      padding: calc(1em * 8) !important;\n      padding: var(--spacing-8xl) !important;\n    }\n\n    .tablet\\:padding-top-8xl {\n      padding-top: calc(1em * 8) !important;\n      padding-top: var(--spacing-8xl) !important;\n    }\n\n    .tablet\\:padding-right-8xl {\n      padding-right: calc(1em * 8) !important;\n      padding-right: var(--spacing-8xl) !important;\n    }\n\n    .tablet\\:padding-bottom-8xl {\n      padding-bottom: calc(1em * 8) !important;\n      padding-bottom: var(--spacing-8xl) !important;\n    }\n\n    .tablet\\:padding-left-8xl {\n      padding-left: calc(1em * 8) !important;\n      padding-left: var(--spacing-8xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-horizontal-8xl {\n      padding-right: calc(1em * 8) !important;\n      padding-right: var(--spacing-8xl) !important;\n      padding-left: calc(1em * 8) !important;\n      padding-left: var(--spacing-8xl) !important;\n    }\n\n    .tablet\\:padding-x-8xl {\n      padding-right: calc(1em * 8) !important;\n      padding-right: var(--spacing-8xl) !important;\n      padding-left: calc(1em * 8) !important;\n      padding-left: var(--spacing-8xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-vertical-8xl {\n      padding-top: calc(1em * 8) !important;\n      padding-top: var(--spacing-8xl) !important;\n      padding-bottom: calc(1em * 8) !important;\n      padding-bottom: var(--spacing-8xl) !important;\n    }\n\n    .tablet\\:padding-y-8xl {\n      padding-top: calc(1em * 8) !important;\n      padding-top: var(--spacing-8xl) !important;\n      padding-bottom: calc(1em * 8) !important;\n      padding-bottom: var(--spacing-8xl) !important;\n    }\n    .tablet\\:padding-9xl {\n      padding: calc(1em * 10) !important;\n      padding: var(--spacing-9xl) !important;\n    }\n\n    .tablet\\:padding-top-9xl {\n      padding-top: calc(1em * 10) !important;\n      padding-top: var(--spacing-9xl) !important;\n    }\n\n    .tablet\\:padding-right-9xl {\n      padding-right: calc(1em * 10) !important;\n      padding-right: var(--spacing-9xl) !important;\n    }\n\n    .tablet\\:padding-bottom-9xl {\n      padding-bottom: calc(1em * 10) !important;\n      padding-bottom: var(--spacing-9xl) !important;\n    }\n\n    .tablet\\:padding-left-9xl {\n      padding-left: calc(1em * 10) !important;\n      padding-left: var(--spacing-9xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-horizontal-9xl {\n      padding-right: calc(1em * 10) !important;\n      padding-right: var(--spacing-9xl) !important;\n      padding-left: calc(1em * 10) !important;\n      padding-left: var(--spacing-9xl) !important;\n    }\n\n    .tablet\\:padding-x-9xl {\n      padding-right: calc(1em * 10) !important;\n      padding-right: var(--spacing-9xl) !important;\n      padding-left: calc(1em * 10) !important;\n      padding-left: var(--spacing-9xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-vertical-9xl {\n      padding-top: calc(1em * 10) !important;\n      padding-top: var(--spacing-9xl) !important;\n      padding-bottom: calc(1em * 10) !important;\n      padding-bottom: var(--spacing-9xl) !important;\n    }\n\n    .tablet\\:padding-y-9xl {\n      padding-top: calc(1em * 10) !important;\n      padding-top: var(--spacing-9xl) !important;\n      padding-bottom: calc(1em * 10) !important;\n      padding-bottom: var(--spacing-9xl) !important;\n    }\n    .tablet\\:padding-10xl {\n      padding: calc(1em * 12) !important;\n      padding: var(--spacing-10xl) !important;\n    }\n\n    .tablet\\:padding-top-10xl {\n      padding-top: calc(1em * 12) !important;\n      padding-top: var(--spacing-10xl) !important;\n    }\n\n    .tablet\\:padding-right-10xl {\n      padding-right: calc(1em * 12) !important;\n      padding-right: var(--spacing-10xl) !important;\n    }\n\n    .tablet\\:padding-bottom-10xl {\n      padding-bottom: calc(1em * 12) !important;\n      padding-bottom: var(--spacing-10xl) !important;\n    }\n\n    .tablet\\:padding-left-10xl {\n      padding-left: calc(1em * 12) !important;\n      padding-left: var(--spacing-10xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-horizontal-10xl {\n      padding-right: calc(1em * 12) !important;\n      padding-right: var(--spacing-10xl) !important;\n      padding-left: calc(1em * 12) !important;\n      padding-left: var(--spacing-10xl) !important;\n    }\n\n    .tablet\\:padding-x-10xl {\n      padding-right: calc(1em * 12) !important;\n      padding-right: var(--spacing-10xl) !important;\n      padding-left: calc(1em * 12) !important;\n      padding-left: var(--spacing-10xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-vertical-10xl {\n      padding-top: calc(1em * 12) !important;\n      padding-top: var(--spacing-10xl) !important;\n      padding-bottom: calc(1em * 12) !important;\n      padding-bottom: var(--spacing-10xl) !important;\n    }\n\n    .tablet\\:padding-y-10xl {\n      padding-top: calc(1em * 12) !important;\n      padding-top: var(--spacing-10xl) !important;\n      padding-bottom: calc(1em * 12) !important;\n      padding-bottom: var(--spacing-10xl) !important;\n    }\n    .tablet\\:padding-11xl {\n      padding: calc(1em * 16) !important;\n      padding: var(--spacing-11xl) !important;\n    }\n\n    .tablet\\:padding-top-11xl {\n      padding-top: calc(1em * 16) !important;\n      padding-top: var(--spacing-11xl) !important;\n    }\n\n    .tablet\\:padding-right-11xl {\n      padding-right: calc(1em * 16) !important;\n      padding-right: var(--spacing-11xl) !important;\n    }\n\n    .tablet\\:padding-bottom-11xl {\n      padding-bottom: calc(1em * 16) !important;\n      padding-bottom: var(--spacing-11xl) !important;\n    }\n\n    .tablet\\:padding-left-11xl {\n      padding-left: calc(1em * 16) !important;\n      padding-left: var(--spacing-11xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-horizontal-11xl {\n      padding-right: calc(1em * 16) !important;\n      padding-right: var(--spacing-11xl) !important;\n      padding-left: calc(1em * 16) !important;\n      padding-left: var(--spacing-11xl) !important;\n    }\n\n    .tablet\\:padding-x-11xl {\n      padding-right: calc(1em * 16) !important;\n      padding-right: var(--spacing-11xl) !important;\n      padding-left: calc(1em * 16) !important;\n      padding-left: var(--spacing-11xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-vertical-11xl {\n      padding-top: calc(1em * 16) !important;\n      padding-top: var(--spacing-11xl) !important;\n      padding-bottom: calc(1em * 16) !important;\n      padding-bottom: var(--spacing-11xl) !important;\n    }\n\n    .tablet\\:padding-y-11xl {\n      padding-top: calc(1em * 16) !important;\n      padding-top: var(--spacing-11xl) !important;\n      padding-bottom: calc(1em * 16) !important;\n      padding-bottom: var(--spacing-11xl) !important;\n    }\n    .tablet\\:padding-12xl {\n      padding: calc(1em * 20) !important;\n      padding: var(--spacing-12xl) !important;\n    }\n\n    .tablet\\:padding-top-12xl {\n      padding-top: calc(1em * 20) !important;\n      padding-top: var(--spacing-12xl) !important;\n    }\n\n    .tablet\\:padding-right-12xl {\n      padding-right: calc(1em * 20) !important;\n      padding-right: var(--spacing-12xl) !important;\n    }\n\n    .tablet\\:padding-bottom-12xl {\n      padding-bottom: calc(1em * 20) !important;\n      padding-bottom: var(--spacing-12xl) !important;\n    }\n\n    .tablet\\:padding-left-12xl {\n      padding-left: calc(1em * 20) !important;\n      padding-left: var(--spacing-12xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-horizontal-12xl {\n      padding-right: calc(1em * 20) !important;\n      padding-right: var(--spacing-12xl) !important;\n      padding-left: calc(1em * 20) !important;\n      padding-left: var(--spacing-12xl) !important;\n    }\n\n    .tablet\\:padding-x-12xl {\n      padding-right: calc(1em * 20) !important;\n      padding-right: var(--spacing-12xl) !important;\n      padding-left: calc(1em * 20) !important;\n      padding-left: var(--spacing-12xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-vertical-12xl {\n      padding-top: calc(1em * 20) !important;\n      padding-top: var(--spacing-12xl) !important;\n      padding-bottom: calc(1em * 20) !important;\n      padding-bottom: var(--spacing-12xl) !important;\n    }\n\n    .tablet\\:padding-y-12xl {\n      padding-top: calc(1em * 20) !important;\n      padding-top: var(--spacing-12xl) !important;\n      padding-bottom: calc(1em * 20) !important;\n      padding-bottom: var(--spacing-12xl) !important;\n    }\n    .tablet\\:padding-0 {\n      padding: 0 !important;\n      padding: var(--spacing-0) !important;\n    }\n\n    .tablet\\:padding-top-0 {\n      padding-top: 0 !important;\n      padding-top: var(--spacing-0) !important;\n    }\n\n    .tablet\\:padding-right-0 {\n      padding-right: 0 !important;\n      padding-right: var(--spacing-0) !important;\n    }\n\n    .tablet\\:padding-bottom-0 {\n      padding-bottom: 0 !important;\n      padding-bottom: var(--spacing-0) !important;\n    }\n\n    .tablet\\:padding-left-0 {\n      padding-left: 0 !important;\n      padding-left: var(--spacing-0) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-horizontal-0 {\n      padding-right: 0 !important;\n      padding-right: var(--spacing-0) !important;\n      padding-left: 0 !important;\n      padding-left: var(--spacing-0) !important;\n    }\n\n    .tablet\\:padding-x-0 {\n      padding-right: 0 !important;\n      padding-right: var(--spacing-0) !important;\n      padding-left: 0 !important;\n      padding-left: var(--spacing-0) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-vertical-0 {\n      padding-top: 0 !important;\n      padding-top: var(--spacing-0) !important;\n      padding-bottom: 0 !important;\n      padding-bottom: var(--spacing-0) !important;\n    }\n\n    .tablet\\:padding-y-0 {\n      padding-top: 0 !important;\n      padding-top: var(--spacing-0) !important;\n      padding-bottom: 0 !important;\n      padding-bottom: var(--spacing-0) !important;\n    }\n    .tablet\\:padding-1 {\n      padding: calc(1em * 1 / 16) !important;\n      padding: var(--spacing-1) !important;\n    }\n\n    .tablet\\:padding-top-1 {\n      padding-top: calc(1em * 1 / 16) !important;\n      padding-top: var(--spacing-1) !important;\n    }\n\n    .tablet\\:padding-right-1 {\n      padding-right: calc(1em * 1 / 16) !important;\n      padding-right: var(--spacing-1) !important;\n    }\n\n    .tablet\\:padding-bottom-1 {\n      padding-bottom: calc(1em * 1 / 16) !important;\n      padding-bottom: var(--spacing-1) !important;\n    }\n\n    .tablet\\:padding-left-1 {\n      padding-left: calc(1em * 1 / 16) !important;\n      padding-left: var(--spacing-1) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-horizontal-1 {\n      padding-right: calc(1em * 1 / 16) !important;\n      padding-right: var(--spacing-1) !important;\n      padding-left: calc(1em * 1 / 16) !important;\n      padding-left: var(--spacing-1) !important;\n    }\n\n    .tablet\\:padding-x-1 {\n      padding-right: calc(1em * 1 / 16) !important;\n      padding-right: var(--spacing-1) !important;\n      padding-left: calc(1em * 1 / 16) !important;\n      padding-left: var(--spacing-1) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-vertical-1 {\n      padding-top: calc(1em * 1 / 16) !important;\n      padding-top: var(--spacing-1) !important;\n      padding-bottom: calc(1em * 1 / 16) !important;\n      padding-bottom: var(--spacing-1) !important;\n    }\n\n    .tablet\\:padding-y-1 {\n      padding-top: calc(1em * 1 / 16) !important;\n      padding-top: var(--spacing-1) !important;\n      padding-bottom: calc(1em * 1 / 16) !important;\n      padding-bottom: var(--spacing-1) !important;\n    }\n    .tablet\\:padding-1px {\n      padding: 1px !important;\n      padding: var(--spacing-1px) !important;\n    }\n\n    .tablet\\:padding-top-1px {\n      padding-top: 1px !important;\n      padding-top: var(--spacing-1px) !important;\n    }\n\n    .tablet\\:padding-right-1px {\n      padding-right: 1px !important;\n      padding-right: var(--spacing-1px) !important;\n    }\n\n    .tablet\\:padding-bottom-1px {\n      padding-bottom: 1px !important;\n      padding-bottom: var(--spacing-1px) !important;\n    }\n\n    .tablet\\:padding-left-1px {\n      padding-left: 1px !important;\n      padding-left: var(--spacing-1px) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-horizontal-1px {\n      padding-right: 1px !important;\n      padding-right: var(--spacing-1px) !important;\n      padding-left: 1px !important;\n      padding-left: var(--spacing-1px) !important;\n    }\n\n    .tablet\\:padding-x-1px {\n      padding-right: 1px !important;\n      padding-right: var(--spacing-1px) !important;\n      padding-left: 1px !important;\n      padding-left: var(--spacing-1px) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .tablet\\:padding-vertical-1px {\n      padding-top: 1px !important;\n      padding-top: var(--spacing-1px) !important;\n      padding-bottom: 1px !important;\n      padding-bottom: var(--spacing-1px) !important;\n    }\n\n    .tablet\\:padding-y-1px {\n      padding-top: 1px !important;\n      padding-top: var(--spacing-1px) !important;\n      padding-bottom: 1px !important;\n      padding-bottom: var(--spacing-1px) !important;\n    }\n}\n@media (min-width: 64rem) {\n    .laptop\\:padding-7xs {\n      padding: calc(1em * 1 / 16) !important;\n      padding: var(--spacing-7xs) !important;\n    }\n\n    .laptop\\:padding-top-7xs {\n      padding-top: calc(1em * 1 / 16) !important;\n      padding-top: var(--spacing-7xs) !important;\n    }\n\n    .laptop\\:padding-right-7xs {\n      padding-right: calc(1em * 1 / 16) !important;\n      padding-right: var(--spacing-7xs) !important;\n    }\n\n    .laptop\\:padding-bottom-7xs {\n      padding-bottom: calc(1em * 1 / 16) !important;\n      padding-bottom: var(--spacing-7xs) !important;\n    }\n\n    .laptop\\:padding-left-7xs {\n      padding-left: calc(1em * 1 / 16) !important;\n      padding-left: var(--spacing-7xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-horizontal-7xs {\n      padding-right: calc(1em * 1 / 16) !important;\n      padding-right: var(--spacing-7xs) !important;\n      padding-left: calc(1em * 1 / 16) !important;\n      padding-left: var(--spacing-7xs) !important;\n    }\n\n    .laptop\\:padding-x-7xs {\n      padding-right: calc(1em * 1 / 16) !important;\n      padding-right: var(--spacing-7xs) !important;\n      padding-left: calc(1em * 1 / 16) !important;\n      padding-left: var(--spacing-7xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-vertical-7xs {\n      padding-top: calc(1em * 1 / 16) !important;\n      padding-top: var(--spacing-7xs) !important;\n      padding-bottom: calc(1em * 1 / 16) !important;\n      padding-bottom: var(--spacing-7xs) !important;\n    }\n\n    .laptop\\:padding-y-7xs {\n      padding-top: calc(1em * 1 / 16) !important;\n      padding-top: var(--spacing-7xs) !important;\n      padding-bottom: calc(1em * 1 / 16) !important;\n      padding-bottom: var(--spacing-7xs) !important;\n    }\n    .laptop\\:padding-6xs {\n      padding: calc(1em * 2 / 16) !important;\n      padding: var(--spacing-6xs) !important;\n    }\n\n    .laptop\\:padding-top-6xs {\n      padding-top: calc(1em * 2 / 16) !important;\n      padding-top: var(--spacing-6xs) !important;\n    }\n\n    .laptop\\:padding-right-6xs {\n      padding-right: calc(1em * 2 / 16) !important;\n      padding-right: var(--spacing-6xs) !important;\n    }\n\n    .laptop\\:padding-bottom-6xs {\n      padding-bottom: calc(1em * 2 / 16) !important;\n      padding-bottom: var(--spacing-6xs) !important;\n    }\n\n    .laptop\\:padding-left-6xs {\n      padding-left: calc(1em * 2 / 16) !important;\n      padding-left: var(--spacing-6xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-horizontal-6xs {\n      padding-right: calc(1em * 2 / 16) !important;\n      padding-right: var(--spacing-6xs) !important;\n      padding-left: calc(1em * 2 / 16) !important;\n      padding-left: var(--spacing-6xs) !important;\n    }\n\n    .laptop\\:padding-x-6xs {\n      padding-right: calc(1em * 2 / 16) !important;\n      padding-right: var(--spacing-6xs) !important;\n      padding-left: calc(1em * 2 / 16) !important;\n      padding-left: var(--spacing-6xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-vertical-6xs {\n      padding-top: calc(1em * 2 / 16) !important;\n      padding-top: var(--spacing-6xs) !important;\n      padding-bottom: calc(1em * 2 / 16) !important;\n      padding-bottom: var(--spacing-6xs) !important;\n    }\n\n    .laptop\\:padding-y-6xs {\n      padding-top: calc(1em * 2 / 16) !important;\n      padding-top: var(--spacing-6xs) !important;\n      padding-bottom: calc(1em * 2 / 16) !important;\n      padding-bottom: var(--spacing-6xs) !important;\n    }\n    .laptop\\:padding-5xs {\n      padding: calc(1em * 3 / 16) !important;\n      padding: var(--spacing-5xs) !important;\n    }\n\n    .laptop\\:padding-top-5xs {\n      padding-top: calc(1em * 3 / 16) !important;\n      padding-top: var(--spacing-5xs) !important;\n    }\n\n    .laptop\\:padding-right-5xs {\n      padding-right: calc(1em * 3 / 16) !important;\n      padding-right: var(--spacing-5xs) !important;\n    }\n\n    .laptop\\:padding-bottom-5xs {\n      padding-bottom: calc(1em * 3 / 16) !important;\n      padding-bottom: var(--spacing-5xs) !important;\n    }\n\n    .laptop\\:padding-left-5xs {\n      padding-left: calc(1em * 3 / 16) !important;\n      padding-left: var(--spacing-5xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-horizontal-5xs {\n      padding-right: calc(1em * 3 / 16) !important;\n      padding-right: var(--spacing-5xs) !important;\n      padding-left: calc(1em * 3 / 16) !important;\n      padding-left: var(--spacing-5xs) !important;\n    }\n\n    .laptop\\:padding-x-5xs {\n      padding-right: calc(1em * 3 / 16) !important;\n      padding-right: var(--spacing-5xs) !important;\n      padding-left: calc(1em * 3 / 16) !important;\n      padding-left: var(--spacing-5xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-vertical-5xs {\n      padding-top: calc(1em * 3 / 16) !important;\n      padding-top: var(--spacing-5xs) !important;\n      padding-bottom: calc(1em * 3 / 16) !important;\n      padding-bottom: var(--spacing-5xs) !important;\n    }\n\n    .laptop\\:padding-y-5xs {\n      padding-top: calc(1em * 3 / 16) !important;\n      padding-top: var(--spacing-5xs) !important;\n      padding-bottom: calc(1em * 3 / 16) !important;\n      padding-bottom: var(--spacing-5xs) !important;\n    }\n    .laptop\\:padding-4xs {\n      padding: calc(1em * 4 / 16) !important;\n      padding: var(--spacing-4xs) !important;\n    }\n\n    .laptop\\:padding-top-4xs {\n      padding-top: calc(1em * 4 / 16) !important;\n      padding-top: var(--spacing-4xs) !important;\n    }\n\n    .laptop\\:padding-right-4xs {\n      padding-right: calc(1em * 4 / 16) !important;\n      padding-right: var(--spacing-4xs) !important;\n    }\n\n    .laptop\\:padding-bottom-4xs {\n      padding-bottom: calc(1em * 4 / 16) !important;\n      padding-bottom: var(--spacing-4xs) !important;\n    }\n\n    .laptop\\:padding-left-4xs {\n      padding-left: calc(1em * 4 / 16) !important;\n      padding-left: var(--spacing-4xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-horizontal-4xs {\n      padding-right: calc(1em * 4 / 16) !important;\n      padding-right: var(--spacing-4xs) !important;\n      padding-left: calc(1em * 4 / 16) !important;\n      padding-left: var(--spacing-4xs) !important;\n    }\n\n    .laptop\\:padding-x-4xs {\n      padding-right: calc(1em * 4 / 16) !important;\n      padding-right: var(--spacing-4xs) !important;\n      padding-left: calc(1em * 4 / 16) !important;\n      padding-left: var(--spacing-4xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-vertical-4xs {\n      padding-top: calc(1em * 4 / 16) !important;\n      padding-top: var(--spacing-4xs) !important;\n      padding-bottom: calc(1em * 4 / 16) !important;\n      padding-bottom: var(--spacing-4xs) !important;\n    }\n\n    .laptop\\:padding-y-4xs {\n      padding-top: calc(1em * 4 / 16) !important;\n      padding-top: var(--spacing-4xs) !important;\n      padding-bottom: calc(1em * 4 / 16) !important;\n      padding-bottom: var(--spacing-4xs) !important;\n    }\n    .laptop\\:padding-3xs {\n      padding: calc(1em * 6 / 16) !important;\n      padding: var(--spacing-3xs) !important;\n    }\n\n    .laptop\\:padding-top-3xs {\n      padding-top: calc(1em * 6 / 16) !important;\n      padding-top: var(--spacing-3xs) !important;\n    }\n\n    .laptop\\:padding-right-3xs {\n      padding-right: calc(1em * 6 / 16) !important;\n      padding-right: var(--spacing-3xs) !important;\n    }\n\n    .laptop\\:padding-bottom-3xs {\n      padding-bottom: calc(1em * 6 / 16) !important;\n      padding-bottom: var(--spacing-3xs) !important;\n    }\n\n    .laptop\\:padding-left-3xs {\n      padding-left: calc(1em * 6 / 16) !important;\n      padding-left: var(--spacing-3xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-horizontal-3xs {\n      padding-right: calc(1em * 6 / 16) !important;\n      padding-right: var(--spacing-3xs) !important;\n      padding-left: calc(1em * 6 / 16) !important;\n      padding-left: var(--spacing-3xs) !important;\n    }\n\n    .laptop\\:padding-x-3xs {\n      padding-right: calc(1em * 6 / 16) !important;\n      padding-right: var(--spacing-3xs) !important;\n      padding-left: calc(1em * 6 / 16) !important;\n      padding-left: var(--spacing-3xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-vertical-3xs {\n      padding-top: calc(1em * 6 / 16) !important;\n      padding-top: var(--spacing-3xs) !important;\n      padding-bottom: calc(1em * 6 / 16) !important;\n      padding-bottom: var(--spacing-3xs) !important;\n    }\n\n    .laptop\\:padding-y-3xs {\n      padding-top: calc(1em * 6 / 16) !important;\n      padding-top: var(--spacing-3xs) !important;\n      padding-bottom: calc(1em * 6 / 16) !important;\n      padding-bottom: var(--spacing-3xs) !important;\n    }\n    .laptop\\:padding-2xs {\n      padding: calc(1em * 8 / 16) !important;\n      padding: var(--spacing-2xs) !important;\n    }\n\n    .laptop\\:padding-top-2xs {\n      padding-top: calc(1em * 8 / 16) !important;\n      padding-top: var(--spacing-2xs) !important;\n    }\n\n    .laptop\\:padding-right-2xs {\n      padding-right: calc(1em * 8 / 16) !important;\n      padding-right: var(--spacing-2xs) !important;\n    }\n\n    .laptop\\:padding-bottom-2xs {\n      padding-bottom: calc(1em * 8 / 16) !important;\n      padding-bottom: var(--spacing-2xs) !important;\n    }\n\n    .laptop\\:padding-left-2xs {\n      padding-left: calc(1em * 8 / 16) !important;\n      padding-left: var(--spacing-2xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-horizontal-2xs {\n      padding-right: calc(1em * 8 / 16) !important;\n      padding-right: var(--spacing-2xs) !important;\n      padding-left: calc(1em * 8 / 16) !important;\n      padding-left: var(--spacing-2xs) !important;\n    }\n\n    .laptop\\:padding-x-2xs {\n      padding-right: calc(1em * 8 / 16) !important;\n      padding-right: var(--spacing-2xs) !important;\n      padding-left: calc(1em * 8 / 16) !important;\n      padding-left: var(--spacing-2xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-vertical-2xs {\n      padding-top: calc(1em * 8 / 16) !important;\n      padding-top: var(--spacing-2xs) !important;\n      padding-bottom: calc(1em * 8 / 16) !important;\n      padding-bottom: var(--spacing-2xs) !important;\n    }\n\n    .laptop\\:padding-y-2xs {\n      padding-top: calc(1em * 8 / 16) !important;\n      padding-top: var(--spacing-2xs) !important;\n      padding-bottom: calc(1em * 8 / 16) !important;\n      padding-bottom: var(--spacing-2xs) !important;\n    }\n    .laptop\\:padding-xs {\n      padding: calc(1em * 10 / 16) !important;\n      padding: var(--spacing-xs) !important;\n    }\n\n    .laptop\\:padding-top-xs {\n      padding-top: calc(1em * 10 / 16) !important;\n      padding-top: var(--spacing-xs) !important;\n    }\n\n    .laptop\\:padding-right-xs {\n      padding-right: calc(1em * 10 / 16) !important;\n      padding-right: var(--spacing-xs) !important;\n    }\n\n    .laptop\\:padding-bottom-xs {\n      padding-bottom: calc(1em * 10 / 16) !important;\n      padding-bottom: var(--spacing-xs) !important;\n    }\n\n    .laptop\\:padding-left-xs {\n      padding-left: calc(1em * 10 / 16) !important;\n      padding-left: var(--spacing-xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-horizontal-xs {\n      padding-right: calc(1em * 10 / 16) !important;\n      padding-right: var(--spacing-xs) !important;\n      padding-left: calc(1em * 10 / 16) !important;\n      padding-left: var(--spacing-xs) !important;\n    }\n\n    .laptop\\:padding-x-xs {\n      padding-right: calc(1em * 10 / 16) !important;\n      padding-right: var(--spacing-xs) !important;\n      padding-left: calc(1em * 10 / 16) !important;\n      padding-left: var(--spacing-xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-vertical-xs {\n      padding-top: calc(1em * 10 / 16) !important;\n      padding-top: var(--spacing-xs) !important;\n      padding-bottom: calc(1em * 10 / 16) !important;\n      padding-bottom: var(--spacing-xs) !important;\n    }\n\n    .laptop\\:padding-y-xs {\n      padding-top: calc(1em * 10 / 16) !important;\n      padding-top: var(--spacing-xs) !important;\n      padding-bottom: calc(1em * 10 / 16) !important;\n      padding-bottom: var(--spacing-xs) !important;\n    }\n    .laptop\\:padding-sm {\n      padding: calc(1em * 12 / 16) !important;\n      padding: var(--spacing-sm) !important;\n    }\n\n    .laptop\\:padding-top-sm {\n      padding-top: calc(1em * 12 / 16) !important;\n      padding-top: var(--spacing-sm) !important;\n    }\n\n    .laptop\\:padding-right-sm {\n      padding-right: calc(1em * 12 / 16) !important;\n      padding-right: var(--spacing-sm) !important;\n    }\n\n    .laptop\\:padding-bottom-sm {\n      padding-bottom: calc(1em * 12 / 16) !important;\n      padding-bottom: var(--spacing-sm) !important;\n    }\n\n    .laptop\\:padding-left-sm {\n      padding-left: calc(1em * 12 / 16) !important;\n      padding-left: var(--spacing-sm) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-horizontal-sm {\n      padding-right: calc(1em * 12 / 16) !important;\n      padding-right: var(--spacing-sm) !important;\n      padding-left: calc(1em * 12 / 16) !important;\n      padding-left: var(--spacing-sm) !important;\n    }\n\n    .laptop\\:padding-x-sm {\n      padding-right: calc(1em * 12 / 16) !important;\n      padding-right: var(--spacing-sm) !important;\n      padding-left: calc(1em * 12 / 16) !important;\n      padding-left: var(--spacing-sm) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-vertical-sm {\n      padding-top: calc(1em * 12 / 16) !important;\n      padding-top: var(--spacing-sm) !important;\n      padding-bottom: calc(1em * 12 / 16) !important;\n      padding-bottom: var(--spacing-sm) !important;\n    }\n\n    .laptop\\:padding-y-sm {\n      padding-top: calc(1em * 12 / 16) !important;\n      padding-top: var(--spacing-sm) !important;\n      padding-bottom: calc(1em * 12 / 16) !important;\n      padding-bottom: var(--spacing-sm) !important;\n    }\n    .laptop\\:padding-md {\n      padding: calc(1em * 1) !important;\n      padding: var(--spacing-md) !important;\n    }\n\n    .laptop\\:padding-top-md {\n      padding-top: calc(1em * 1) !important;\n      padding-top: var(--spacing-md) !important;\n    }\n\n    .laptop\\:padding-right-md {\n      padding-right: calc(1em * 1) !important;\n      padding-right: var(--spacing-md) !important;\n    }\n\n    .laptop\\:padding-bottom-md {\n      padding-bottom: calc(1em * 1) !important;\n      padding-bottom: var(--spacing-md) !important;\n    }\n\n    .laptop\\:padding-left-md {\n      padding-left: calc(1em * 1) !important;\n      padding-left: var(--spacing-md) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-horizontal-md {\n      padding-right: calc(1em * 1) !important;\n      padding-right: var(--spacing-md) !important;\n      padding-left: calc(1em * 1) !important;\n      padding-left: var(--spacing-md) !important;\n    }\n\n    .laptop\\:padding-x-md {\n      padding-right: calc(1em * 1) !important;\n      padding-right: var(--spacing-md) !important;\n      padding-left: calc(1em * 1) !important;\n      padding-left: var(--spacing-md) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-vertical-md {\n      padding-top: calc(1em * 1) !important;\n      padding-top: var(--spacing-md) !important;\n      padding-bottom: calc(1em * 1) !important;\n      padding-bottom: var(--spacing-md) !important;\n    }\n\n    .laptop\\:padding-y-md {\n      padding-top: calc(1em * 1) !important;\n      padding-top: var(--spacing-md) !important;\n      padding-bottom: calc(1em * 1) !important;\n      padding-bottom: var(--spacing-md) !important;\n    }\n    .laptop\\:padding-lg {\n      padding: calc(1em * 1.25) !important;\n      padding: var(--spacing-lg) !important;\n    }\n\n    .laptop\\:padding-top-lg {\n      padding-top: calc(1em * 1.25) !important;\n      padding-top: var(--spacing-lg) !important;\n    }\n\n    .laptop\\:padding-right-lg {\n      padding-right: calc(1em * 1.25) !important;\n      padding-right: var(--spacing-lg) !important;\n    }\n\n    .laptop\\:padding-bottom-lg {\n      padding-bottom: calc(1em * 1.25) !important;\n      padding-bottom: var(--spacing-lg) !important;\n    }\n\n    .laptop\\:padding-left-lg {\n      padding-left: calc(1em * 1.25) !important;\n      padding-left: var(--spacing-lg) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-horizontal-lg {\n      padding-right: calc(1em * 1.25) !important;\n      padding-right: var(--spacing-lg) !important;\n      padding-left: calc(1em * 1.25) !important;\n      padding-left: var(--spacing-lg) !important;\n    }\n\n    .laptop\\:padding-x-lg {\n      padding-right: calc(1em * 1.25) !important;\n      padding-right: var(--spacing-lg) !important;\n      padding-left: calc(1em * 1.25) !important;\n      padding-left: var(--spacing-lg) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-vertical-lg {\n      padding-top: calc(1em * 1.25) !important;\n      padding-top: var(--spacing-lg) !important;\n      padding-bottom: calc(1em * 1.25) !important;\n      padding-bottom: var(--spacing-lg) !important;\n    }\n\n    .laptop\\:padding-y-lg {\n      padding-top: calc(1em * 1.25) !important;\n      padding-top: var(--spacing-lg) !important;\n      padding-bottom: calc(1em * 1.25) !important;\n      padding-bottom: var(--spacing-lg) !important;\n    }\n    .laptop\\:padding-xl {\n      padding: calc(1em * 1.5) !important;\n      padding: var(--spacing-xl) !important;\n    }\n\n    .laptop\\:padding-top-xl {\n      padding-top: calc(1em * 1.5) !important;\n      padding-top: var(--spacing-xl) !important;\n    }\n\n    .laptop\\:padding-right-xl {\n      padding-right: calc(1em * 1.5) !important;\n      padding-right: var(--spacing-xl) !important;\n    }\n\n    .laptop\\:padding-bottom-xl {\n      padding-bottom: calc(1em * 1.5) !important;\n      padding-bottom: var(--spacing-xl) !important;\n    }\n\n    .laptop\\:padding-left-xl {\n      padding-left: calc(1em * 1.5) !important;\n      padding-left: var(--spacing-xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-horizontal-xl {\n      padding-right: calc(1em * 1.5) !important;\n      padding-right: var(--spacing-xl) !important;\n      padding-left: calc(1em * 1.5) !important;\n      padding-left: var(--spacing-xl) !important;\n    }\n\n    .laptop\\:padding-x-xl {\n      padding-right: calc(1em * 1.5) !important;\n      padding-right: var(--spacing-xl) !important;\n      padding-left: calc(1em * 1.5) !important;\n      padding-left: var(--spacing-xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-vertical-xl {\n      padding-top: calc(1em * 1.5) !important;\n      padding-top: var(--spacing-xl) !important;\n      padding-bottom: calc(1em * 1.5) !important;\n      padding-bottom: var(--spacing-xl) !important;\n    }\n\n    .laptop\\:padding-y-xl {\n      padding-top: calc(1em * 1.5) !important;\n      padding-top: var(--spacing-xl) !important;\n      padding-bottom: calc(1em * 1.5) !important;\n      padding-bottom: var(--spacing-xl) !important;\n    }\n    .laptop\\:padding-2xl {\n      padding: calc(1em * 2) !important;\n      padding: var(--spacing-2xl) !important;\n    }\n\n    .laptop\\:padding-top-2xl {\n      padding-top: calc(1em * 2) !important;\n      padding-top: var(--spacing-2xl) !important;\n    }\n\n    .laptop\\:padding-right-2xl {\n      padding-right: calc(1em * 2) !important;\n      padding-right: var(--spacing-2xl) !important;\n    }\n\n    .laptop\\:padding-bottom-2xl {\n      padding-bottom: calc(1em * 2) !important;\n      padding-bottom: var(--spacing-2xl) !important;\n    }\n\n    .laptop\\:padding-left-2xl {\n      padding-left: calc(1em * 2) !important;\n      padding-left: var(--spacing-2xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-horizontal-2xl {\n      padding-right: calc(1em * 2) !important;\n      padding-right: var(--spacing-2xl) !important;\n      padding-left: calc(1em * 2) !important;\n      padding-left: var(--spacing-2xl) !important;\n    }\n\n    .laptop\\:padding-x-2xl {\n      padding-right: calc(1em * 2) !important;\n      padding-right: var(--spacing-2xl) !important;\n      padding-left: calc(1em * 2) !important;\n      padding-left: var(--spacing-2xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-vertical-2xl {\n      padding-top: calc(1em * 2) !important;\n      padding-top: var(--spacing-2xl) !important;\n      padding-bottom: calc(1em * 2) !important;\n      padding-bottom: var(--spacing-2xl) !important;\n    }\n\n    .laptop\\:padding-y-2xl {\n      padding-top: calc(1em * 2) !important;\n      padding-top: var(--spacing-2xl) !important;\n      padding-bottom: calc(1em * 2) !important;\n      padding-bottom: var(--spacing-2xl) !important;\n    }\n    .laptop\\:padding-3xl {\n      padding: calc(1em * 2.5) !important;\n      padding: var(--spacing-3xl) !important;\n    }\n\n    .laptop\\:padding-top-3xl {\n      padding-top: calc(1em * 2.5) !important;\n      padding-top: var(--spacing-3xl) !important;\n    }\n\n    .laptop\\:padding-right-3xl {\n      padding-right: calc(1em * 2.5) !important;\n      padding-right: var(--spacing-3xl) !important;\n    }\n\n    .laptop\\:padding-bottom-3xl {\n      padding-bottom: calc(1em * 2.5) !important;\n      padding-bottom: var(--spacing-3xl) !important;\n    }\n\n    .laptop\\:padding-left-3xl {\n      padding-left: calc(1em * 2.5) !important;\n      padding-left: var(--spacing-3xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-horizontal-3xl {\n      padding-right: calc(1em * 2.5) !important;\n      padding-right: var(--spacing-3xl) !important;\n      padding-left: calc(1em * 2.5) !important;\n      padding-left: var(--spacing-3xl) !important;\n    }\n\n    .laptop\\:padding-x-3xl {\n      padding-right: calc(1em * 2.5) !important;\n      padding-right: var(--spacing-3xl) !important;\n      padding-left: calc(1em * 2.5) !important;\n      padding-left: var(--spacing-3xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-vertical-3xl {\n      padding-top: calc(1em * 2.5) !important;\n      padding-top: var(--spacing-3xl) !important;\n      padding-bottom: calc(1em * 2.5) !important;\n      padding-bottom: var(--spacing-3xl) !important;\n    }\n\n    .laptop\\:padding-y-3xl {\n      padding-top: calc(1em * 2.5) !important;\n      padding-top: var(--spacing-3xl) !important;\n      padding-bottom: calc(1em * 2.5) !important;\n      padding-bottom: var(--spacing-3xl) !important;\n    }\n    .laptop\\:padding-4xl {\n      padding: calc(1em * 3) !important;\n      padding: var(--spacing-4xl) !important;\n    }\n\n    .laptop\\:padding-top-4xl {\n      padding-top: calc(1em * 3) !important;\n      padding-top: var(--spacing-4xl) !important;\n    }\n\n    .laptop\\:padding-right-4xl {\n      padding-right: calc(1em * 3) !important;\n      padding-right: var(--spacing-4xl) !important;\n    }\n\n    .laptop\\:padding-bottom-4xl {\n      padding-bottom: calc(1em * 3) !important;\n      padding-bottom: var(--spacing-4xl) !important;\n    }\n\n    .laptop\\:padding-left-4xl {\n      padding-left: calc(1em * 3) !important;\n      padding-left: var(--spacing-4xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-horizontal-4xl {\n      padding-right: calc(1em * 3) !important;\n      padding-right: var(--spacing-4xl) !important;\n      padding-left: calc(1em * 3) !important;\n      padding-left: var(--spacing-4xl) !important;\n    }\n\n    .laptop\\:padding-x-4xl {\n      padding-right: calc(1em * 3) !important;\n      padding-right: var(--spacing-4xl) !important;\n      padding-left: calc(1em * 3) !important;\n      padding-left: var(--spacing-4xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-vertical-4xl {\n      padding-top: calc(1em * 3) !important;\n      padding-top: var(--spacing-4xl) !important;\n      padding-bottom: calc(1em * 3) !important;\n      padding-bottom: var(--spacing-4xl) !important;\n    }\n\n    .laptop\\:padding-y-4xl {\n      padding-top: calc(1em * 3) !important;\n      padding-top: var(--spacing-4xl) !important;\n      padding-bottom: calc(1em * 3) !important;\n      padding-bottom: var(--spacing-4xl) !important;\n    }\n    .laptop\\:padding-5xl {\n      padding: calc(1em * 4) !important;\n      padding: var(--spacing-5xl) !important;\n    }\n\n    .laptop\\:padding-top-5xl {\n      padding-top: calc(1em * 4) !important;\n      padding-top: var(--spacing-5xl) !important;\n    }\n\n    .laptop\\:padding-right-5xl {\n      padding-right: calc(1em * 4) !important;\n      padding-right: var(--spacing-5xl) !important;\n    }\n\n    .laptop\\:padding-bottom-5xl {\n      padding-bottom: calc(1em * 4) !important;\n      padding-bottom: var(--spacing-5xl) !important;\n    }\n\n    .laptop\\:padding-left-5xl {\n      padding-left: calc(1em * 4) !important;\n      padding-left: var(--spacing-5xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-horizontal-5xl {\n      padding-right: calc(1em * 4) !important;\n      padding-right: var(--spacing-5xl) !important;\n      padding-left: calc(1em * 4) !important;\n      padding-left: var(--spacing-5xl) !important;\n    }\n\n    .laptop\\:padding-x-5xl {\n      padding-right: calc(1em * 4) !important;\n      padding-right: var(--spacing-5xl) !important;\n      padding-left: calc(1em * 4) !important;\n      padding-left: var(--spacing-5xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-vertical-5xl {\n      padding-top: calc(1em * 4) !important;\n      padding-top: var(--spacing-5xl) !important;\n      padding-bottom: calc(1em * 4) !important;\n      padding-bottom: var(--spacing-5xl) !important;\n    }\n\n    .laptop\\:padding-y-5xl {\n      padding-top: calc(1em * 4) !important;\n      padding-top: var(--spacing-5xl) !important;\n      padding-bottom: calc(1em * 4) !important;\n      padding-bottom: var(--spacing-5xl) !important;\n    }\n    .laptop\\:padding-6xl {\n      padding: calc(1em * 5) !important;\n      padding: var(--spacing-6xl) !important;\n    }\n\n    .laptop\\:padding-top-6xl {\n      padding-top: calc(1em * 5) !important;\n      padding-top: var(--spacing-6xl) !important;\n    }\n\n    .laptop\\:padding-right-6xl {\n      padding-right: calc(1em * 5) !important;\n      padding-right: var(--spacing-6xl) !important;\n    }\n\n    .laptop\\:padding-bottom-6xl {\n      padding-bottom: calc(1em * 5) !important;\n      padding-bottom: var(--spacing-6xl) !important;\n    }\n\n    .laptop\\:padding-left-6xl {\n      padding-left: calc(1em * 5) !important;\n      padding-left: var(--spacing-6xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-horizontal-6xl {\n      padding-right: calc(1em * 5) !important;\n      padding-right: var(--spacing-6xl) !important;\n      padding-left: calc(1em * 5) !important;\n      padding-left: var(--spacing-6xl) !important;\n    }\n\n    .laptop\\:padding-x-6xl {\n      padding-right: calc(1em * 5) !important;\n      padding-right: var(--spacing-6xl) !important;\n      padding-left: calc(1em * 5) !important;\n      padding-left: var(--spacing-6xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-vertical-6xl {\n      padding-top: calc(1em * 5) !important;\n      padding-top: var(--spacing-6xl) !important;\n      padding-bottom: calc(1em * 5) !important;\n      padding-bottom: var(--spacing-6xl) !important;\n    }\n\n    .laptop\\:padding-y-6xl {\n      padding-top: calc(1em * 5) !important;\n      padding-top: var(--spacing-6xl) !important;\n      padding-bottom: calc(1em * 5) !important;\n      padding-bottom: var(--spacing-6xl) !important;\n    }\n    .laptop\\:padding-7xl {\n      padding: calc(1em * 6) !important;\n      padding: var(--spacing-7xl) !important;\n    }\n\n    .laptop\\:padding-top-7xl {\n      padding-top: calc(1em * 6) !important;\n      padding-top: var(--spacing-7xl) !important;\n    }\n\n    .laptop\\:padding-right-7xl {\n      padding-right: calc(1em * 6) !important;\n      padding-right: var(--spacing-7xl) !important;\n    }\n\n    .laptop\\:padding-bottom-7xl {\n      padding-bottom: calc(1em * 6) !important;\n      padding-bottom: var(--spacing-7xl) !important;\n    }\n\n    .laptop\\:padding-left-7xl {\n      padding-left: calc(1em * 6) !important;\n      padding-left: var(--spacing-7xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-horizontal-7xl {\n      padding-right: calc(1em * 6) !important;\n      padding-right: var(--spacing-7xl) !important;\n      padding-left: calc(1em * 6) !important;\n      padding-left: var(--spacing-7xl) !important;\n    }\n\n    .laptop\\:padding-x-7xl {\n      padding-right: calc(1em * 6) !important;\n      padding-right: var(--spacing-7xl) !important;\n      padding-left: calc(1em * 6) !important;\n      padding-left: var(--spacing-7xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-vertical-7xl {\n      padding-top: calc(1em * 6) !important;\n      padding-top: var(--spacing-7xl) !important;\n      padding-bottom: calc(1em * 6) !important;\n      padding-bottom: var(--spacing-7xl) !important;\n    }\n\n    .laptop\\:padding-y-7xl {\n      padding-top: calc(1em * 6) !important;\n      padding-top: var(--spacing-7xl) !important;\n      padding-bottom: calc(1em * 6) !important;\n      padding-bottom: var(--spacing-7xl) !important;\n    }\n    .laptop\\:padding-8xl {\n      padding: calc(1em * 8) !important;\n      padding: var(--spacing-8xl) !important;\n    }\n\n    .laptop\\:padding-top-8xl {\n      padding-top: calc(1em * 8) !important;\n      padding-top: var(--spacing-8xl) !important;\n    }\n\n    .laptop\\:padding-right-8xl {\n      padding-right: calc(1em * 8) !important;\n      padding-right: var(--spacing-8xl) !important;\n    }\n\n    .laptop\\:padding-bottom-8xl {\n      padding-bottom: calc(1em * 8) !important;\n      padding-bottom: var(--spacing-8xl) !important;\n    }\n\n    .laptop\\:padding-left-8xl {\n      padding-left: calc(1em * 8) !important;\n      padding-left: var(--spacing-8xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-horizontal-8xl {\n      padding-right: calc(1em * 8) !important;\n      padding-right: var(--spacing-8xl) !important;\n      padding-left: calc(1em * 8) !important;\n      padding-left: var(--spacing-8xl) !important;\n    }\n\n    .laptop\\:padding-x-8xl {\n      padding-right: calc(1em * 8) !important;\n      padding-right: var(--spacing-8xl) !important;\n      padding-left: calc(1em * 8) !important;\n      padding-left: var(--spacing-8xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-vertical-8xl {\n      padding-top: calc(1em * 8) !important;\n      padding-top: var(--spacing-8xl) !important;\n      padding-bottom: calc(1em * 8) !important;\n      padding-bottom: var(--spacing-8xl) !important;\n    }\n\n    .laptop\\:padding-y-8xl {\n      padding-top: calc(1em * 8) !important;\n      padding-top: var(--spacing-8xl) !important;\n      padding-bottom: calc(1em * 8) !important;\n      padding-bottom: var(--spacing-8xl) !important;\n    }\n    .laptop\\:padding-9xl {\n      padding: calc(1em * 10) !important;\n      padding: var(--spacing-9xl) !important;\n    }\n\n    .laptop\\:padding-top-9xl {\n      padding-top: calc(1em * 10) !important;\n      padding-top: var(--spacing-9xl) !important;\n    }\n\n    .laptop\\:padding-right-9xl {\n      padding-right: calc(1em * 10) !important;\n      padding-right: var(--spacing-9xl) !important;\n    }\n\n    .laptop\\:padding-bottom-9xl {\n      padding-bottom: calc(1em * 10) !important;\n      padding-bottom: var(--spacing-9xl) !important;\n    }\n\n    .laptop\\:padding-left-9xl {\n      padding-left: calc(1em * 10) !important;\n      padding-left: var(--spacing-9xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-horizontal-9xl {\n      padding-right: calc(1em * 10) !important;\n      padding-right: var(--spacing-9xl) !important;\n      padding-left: calc(1em * 10) !important;\n      padding-left: var(--spacing-9xl) !important;\n    }\n\n    .laptop\\:padding-x-9xl {\n      padding-right: calc(1em * 10) !important;\n      padding-right: var(--spacing-9xl) !important;\n      padding-left: calc(1em * 10) !important;\n      padding-left: var(--spacing-9xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-vertical-9xl {\n      padding-top: calc(1em * 10) !important;\n      padding-top: var(--spacing-9xl) !important;\n      padding-bottom: calc(1em * 10) !important;\n      padding-bottom: var(--spacing-9xl) !important;\n    }\n\n    .laptop\\:padding-y-9xl {\n      padding-top: calc(1em * 10) !important;\n      padding-top: var(--spacing-9xl) !important;\n      padding-bottom: calc(1em * 10) !important;\n      padding-bottom: var(--spacing-9xl) !important;\n    }\n    .laptop\\:padding-10xl {\n      padding: calc(1em * 12) !important;\n      padding: var(--spacing-10xl) !important;\n    }\n\n    .laptop\\:padding-top-10xl {\n      padding-top: calc(1em * 12) !important;\n      padding-top: var(--spacing-10xl) !important;\n    }\n\n    .laptop\\:padding-right-10xl {\n      padding-right: calc(1em * 12) !important;\n      padding-right: var(--spacing-10xl) !important;\n    }\n\n    .laptop\\:padding-bottom-10xl {\n      padding-bottom: calc(1em * 12) !important;\n      padding-bottom: var(--spacing-10xl) !important;\n    }\n\n    .laptop\\:padding-left-10xl {\n      padding-left: calc(1em * 12) !important;\n      padding-left: var(--spacing-10xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-horizontal-10xl {\n      padding-right: calc(1em * 12) !important;\n      padding-right: var(--spacing-10xl) !important;\n      padding-left: calc(1em * 12) !important;\n      padding-left: var(--spacing-10xl) !important;\n    }\n\n    .laptop\\:padding-x-10xl {\n      padding-right: calc(1em * 12) !important;\n      padding-right: var(--spacing-10xl) !important;\n      padding-left: calc(1em * 12) !important;\n      padding-left: var(--spacing-10xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-vertical-10xl {\n      padding-top: calc(1em * 12) !important;\n      padding-top: var(--spacing-10xl) !important;\n      padding-bottom: calc(1em * 12) !important;\n      padding-bottom: var(--spacing-10xl) !important;\n    }\n\n    .laptop\\:padding-y-10xl {\n      padding-top: calc(1em * 12) !important;\n      padding-top: var(--spacing-10xl) !important;\n      padding-bottom: calc(1em * 12) !important;\n      padding-bottom: var(--spacing-10xl) !important;\n    }\n    .laptop\\:padding-11xl {\n      padding: calc(1em * 16) !important;\n      padding: var(--spacing-11xl) !important;\n    }\n\n    .laptop\\:padding-top-11xl {\n      padding-top: calc(1em * 16) !important;\n      padding-top: var(--spacing-11xl) !important;\n    }\n\n    .laptop\\:padding-right-11xl {\n      padding-right: calc(1em * 16) !important;\n      padding-right: var(--spacing-11xl) !important;\n    }\n\n    .laptop\\:padding-bottom-11xl {\n      padding-bottom: calc(1em * 16) !important;\n      padding-bottom: var(--spacing-11xl) !important;\n    }\n\n    .laptop\\:padding-left-11xl {\n      padding-left: calc(1em * 16) !important;\n      padding-left: var(--spacing-11xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-horizontal-11xl {\n      padding-right: calc(1em * 16) !important;\n      padding-right: var(--spacing-11xl) !important;\n      padding-left: calc(1em * 16) !important;\n      padding-left: var(--spacing-11xl) !important;\n    }\n\n    .laptop\\:padding-x-11xl {\n      padding-right: calc(1em * 16) !important;\n      padding-right: var(--spacing-11xl) !important;\n      padding-left: calc(1em * 16) !important;\n      padding-left: var(--spacing-11xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-vertical-11xl {\n      padding-top: calc(1em * 16) !important;\n      padding-top: var(--spacing-11xl) !important;\n      padding-bottom: calc(1em * 16) !important;\n      padding-bottom: var(--spacing-11xl) !important;\n    }\n\n    .laptop\\:padding-y-11xl {\n      padding-top: calc(1em * 16) !important;\n      padding-top: var(--spacing-11xl) !important;\n      padding-bottom: calc(1em * 16) !important;\n      padding-bottom: var(--spacing-11xl) !important;\n    }\n    .laptop\\:padding-12xl {\n      padding: calc(1em * 20) !important;\n      padding: var(--spacing-12xl) !important;\n    }\n\n    .laptop\\:padding-top-12xl {\n      padding-top: calc(1em * 20) !important;\n      padding-top: var(--spacing-12xl) !important;\n    }\n\n    .laptop\\:padding-right-12xl {\n      padding-right: calc(1em * 20) !important;\n      padding-right: var(--spacing-12xl) !important;\n    }\n\n    .laptop\\:padding-bottom-12xl {\n      padding-bottom: calc(1em * 20) !important;\n      padding-bottom: var(--spacing-12xl) !important;\n    }\n\n    .laptop\\:padding-left-12xl {\n      padding-left: calc(1em * 20) !important;\n      padding-left: var(--spacing-12xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-horizontal-12xl {\n      padding-right: calc(1em * 20) !important;\n      padding-right: var(--spacing-12xl) !important;\n      padding-left: calc(1em * 20) !important;\n      padding-left: var(--spacing-12xl) !important;\n    }\n\n    .laptop\\:padding-x-12xl {\n      padding-right: calc(1em * 20) !important;\n      padding-right: var(--spacing-12xl) !important;\n      padding-left: calc(1em * 20) !important;\n      padding-left: var(--spacing-12xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-vertical-12xl {\n      padding-top: calc(1em * 20) !important;\n      padding-top: var(--spacing-12xl) !important;\n      padding-bottom: calc(1em * 20) !important;\n      padding-bottom: var(--spacing-12xl) !important;\n    }\n\n    .laptop\\:padding-y-12xl {\n      padding-top: calc(1em * 20) !important;\n      padding-top: var(--spacing-12xl) !important;\n      padding-bottom: calc(1em * 20) !important;\n      padding-bottom: var(--spacing-12xl) !important;\n    }\n    .laptop\\:padding-0 {\n      padding: 0 !important;\n      padding: var(--spacing-0) !important;\n    }\n\n    .laptop\\:padding-top-0 {\n      padding-top: 0 !important;\n      padding-top: var(--spacing-0) !important;\n    }\n\n    .laptop\\:padding-right-0 {\n      padding-right: 0 !important;\n      padding-right: var(--spacing-0) !important;\n    }\n\n    .laptop\\:padding-bottom-0 {\n      padding-bottom: 0 !important;\n      padding-bottom: var(--spacing-0) !important;\n    }\n\n    .laptop\\:padding-left-0 {\n      padding-left: 0 !important;\n      padding-left: var(--spacing-0) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-horizontal-0 {\n      padding-right: 0 !important;\n      padding-right: var(--spacing-0) !important;\n      padding-left: 0 !important;\n      padding-left: var(--spacing-0) !important;\n    }\n\n    .laptop\\:padding-x-0 {\n      padding-right: 0 !important;\n      padding-right: var(--spacing-0) !important;\n      padding-left: 0 !important;\n      padding-left: var(--spacing-0) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-vertical-0 {\n      padding-top: 0 !important;\n      padding-top: var(--spacing-0) !important;\n      padding-bottom: 0 !important;\n      padding-bottom: var(--spacing-0) !important;\n    }\n\n    .laptop\\:padding-y-0 {\n      padding-top: 0 !important;\n      padding-top: var(--spacing-0) !important;\n      padding-bottom: 0 !important;\n      padding-bottom: var(--spacing-0) !important;\n    }\n    .laptop\\:padding-1 {\n      padding: calc(1em * 1 / 16) !important;\n      padding: var(--spacing-1) !important;\n    }\n\n    .laptop\\:padding-top-1 {\n      padding-top: calc(1em * 1 / 16) !important;\n      padding-top: var(--spacing-1) !important;\n    }\n\n    .laptop\\:padding-right-1 {\n      padding-right: calc(1em * 1 / 16) !important;\n      padding-right: var(--spacing-1) !important;\n    }\n\n    .laptop\\:padding-bottom-1 {\n      padding-bottom: calc(1em * 1 / 16) !important;\n      padding-bottom: var(--spacing-1) !important;\n    }\n\n    .laptop\\:padding-left-1 {\n      padding-left: calc(1em * 1 / 16) !important;\n      padding-left: var(--spacing-1) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-horizontal-1 {\n      padding-right: calc(1em * 1 / 16) !important;\n      padding-right: var(--spacing-1) !important;\n      padding-left: calc(1em * 1 / 16) !important;\n      padding-left: var(--spacing-1) !important;\n    }\n\n    .laptop\\:padding-x-1 {\n      padding-right: calc(1em * 1 / 16) !important;\n      padding-right: var(--spacing-1) !important;\n      padding-left: calc(1em * 1 / 16) !important;\n      padding-left: var(--spacing-1) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-vertical-1 {\n      padding-top: calc(1em * 1 / 16) !important;\n      padding-top: var(--spacing-1) !important;\n      padding-bottom: calc(1em * 1 / 16) !important;\n      padding-bottom: var(--spacing-1) !important;\n    }\n\n    .laptop\\:padding-y-1 {\n      padding-top: calc(1em * 1 / 16) !important;\n      padding-top: var(--spacing-1) !important;\n      padding-bottom: calc(1em * 1 / 16) !important;\n      padding-bottom: var(--spacing-1) !important;\n    }\n    .laptop\\:padding-1px {\n      padding: 1px !important;\n      padding: var(--spacing-1px) !important;\n    }\n\n    .laptop\\:padding-top-1px {\n      padding-top: 1px !important;\n      padding-top: var(--spacing-1px) !important;\n    }\n\n    .laptop\\:padding-right-1px {\n      padding-right: 1px !important;\n      padding-right: var(--spacing-1px) !important;\n    }\n\n    .laptop\\:padding-bottom-1px {\n      padding-bottom: 1px !important;\n      padding-bottom: var(--spacing-1px) !important;\n    }\n\n    .laptop\\:padding-left-1px {\n      padding-left: 1px !important;\n      padding-left: var(--spacing-1px) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-horizontal-1px {\n      padding-right: 1px !important;\n      padding-right: var(--spacing-1px) !important;\n      padding-left: 1px !important;\n      padding-left: var(--spacing-1px) !important;\n    }\n\n    .laptop\\:padding-x-1px {\n      padding-right: 1px !important;\n      padding-right: var(--spacing-1px) !important;\n      padding-left: 1px !important;\n      padding-left: var(--spacing-1px) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .laptop\\:padding-vertical-1px {\n      padding-top: 1px !important;\n      padding-top: var(--spacing-1px) !important;\n      padding-bottom: 1px !important;\n      padding-bottom: var(--spacing-1px) !important;\n    }\n\n    .laptop\\:padding-y-1px {\n      padding-top: 1px !important;\n      padding-top: var(--spacing-1px) !important;\n      padding-bottom: 1px !important;\n      padding-bottom: var(--spacing-1px) !important;\n    }\n}\n@media (min-width: 96rem) {\n    .desktop\\:padding-7xs {\n      padding: calc(1em * 1 / 16) !important;\n      padding: var(--spacing-7xs) !important;\n    }\n\n    .desktop\\:padding-top-7xs {\n      padding-top: calc(1em * 1 / 16) !important;\n      padding-top: var(--spacing-7xs) !important;\n    }\n\n    .desktop\\:padding-right-7xs {\n      padding-right: calc(1em * 1 / 16) !important;\n      padding-right: var(--spacing-7xs) !important;\n    }\n\n    .desktop\\:padding-bottom-7xs {\n      padding-bottom: calc(1em * 1 / 16) !important;\n      padding-bottom: var(--spacing-7xs) !important;\n    }\n\n    .desktop\\:padding-left-7xs {\n      padding-left: calc(1em * 1 / 16) !important;\n      padding-left: var(--spacing-7xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-horizontal-7xs {\n      padding-right: calc(1em * 1 / 16) !important;\n      padding-right: var(--spacing-7xs) !important;\n      padding-left: calc(1em * 1 / 16) !important;\n      padding-left: var(--spacing-7xs) !important;\n    }\n\n    .desktop\\:padding-x-7xs {\n      padding-right: calc(1em * 1 / 16) !important;\n      padding-right: var(--spacing-7xs) !important;\n      padding-left: calc(1em * 1 / 16) !important;\n      padding-left: var(--spacing-7xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-vertical-7xs {\n      padding-top: calc(1em * 1 / 16) !important;\n      padding-top: var(--spacing-7xs) !important;\n      padding-bottom: calc(1em * 1 / 16) !important;\n      padding-bottom: var(--spacing-7xs) !important;\n    }\n\n    .desktop\\:padding-y-7xs {\n      padding-top: calc(1em * 1 / 16) !important;\n      padding-top: var(--spacing-7xs) !important;\n      padding-bottom: calc(1em * 1 / 16) !important;\n      padding-bottom: var(--spacing-7xs) !important;\n    }\n    .desktop\\:padding-6xs {\n      padding: calc(1em * 2 / 16) !important;\n      padding: var(--spacing-6xs) !important;\n    }\n\n    .desktop\\:padding-top-6xs {\n      padding-top: calc(1em * 2 / 16) !important;\n      padding-top: var(--spacing-6xs) !important;\n    }\n\n    .desktop\\:padding-right-6xs {\n      padding-right: calc(1em * 2 / 16) !important;\n      padding-right: var(--spacing-6xs) !important;\n    }\n\n    .desktop\\:padding-bottom-6xs {\n      padding-bottom: calc(1em * 2 / 16) !important;\n      padding-bottom: var(--spacing-6xs) !important;\n    }\n\n    .desktop\\:padding-left-6xs {\n      padding-left: calc(1em * 2 / 16) !important;\n      padding-left: var(--spacing-6xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-horizontal-6xs {\n      padding-right: calc(1em * 2 / 16) !important;\n      padding-right: var(--spacing-6xs) !important;\n      padding-left: calc(1em * 2 / 16) !important;\n      padding-left: var(--spacing-6xs) !important;\n    }\n\n    .desktop\\:padding-x-6xs {\n      padding-right: calc(1em * 2 / 16) !important;\n      padding-right: var(--spacing-6xs) !important;\n      padding-left: calc(1em * 2 / 16) !important;\n      padding-left: var(--spacing-6xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-vertical-6xs {\n      padding-top: calc(1em * 2 / 16) !important;\n      padding-top: var(--spacing-6xs) !important;\n      padding-bottom: calc(1em * 2 / 16) !important;\n      padding-bottom: var(--spacing-6xs) !important;\n    }\n\n    .desktop\\:padding-y-6xs {\n      padding-top: calc(1em * 2 / 16) !important;\n      padding-top: var(--spacing-6xs) !important;\n      padding-bottom: calc(1em * 2 / 16) !important;\n      padding-bottom: var(--spacing-6xs) !important;\n    }\n    .desktop\\:padding-5xs {\n      padding: calc(1em * 3 / 16) !important;\n      padding: var(--spacing-5xs) !important;\n    }\n\n    .desktop\\:padding-top-5xs {\n      padding-top: calc(1em * 3 / 16) !important;\n      padding-top: var(--spacing-5xs) !important;\n    }\n\n    .desktop\\:padding-right-5xs {\n      padding-right: calc(1em * 3 / 16) !important;\n      padding-right: var(--spacing-5xs) !important;\n    }\n\n    .desktop\\:padding-bottom-5xs {\n      padding-bottom: calc(1em * 3 / 16) !important;\n      padding-bottom: var(--spacing-5xs) !important;\n    }\n\n    .desktop\\:padding-left-5xs {\n      padding-left: calc(1em * 3 / 16) !important;\n      padding-left: var(--spacing-5xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-horizontal-5xs {\n      padding-right: calc(1em * 3 / 16) !important;\n      padding-right: var(--spacing-5xs) !important;\n      padding-left: calc(1em * 3 / 16) !important;\n      padding-left: var(--spacing-5xs) !important;\n    }\n\n    .desktop\\:padding-x-5xs {\n      padding-right: calc(1em * 3 / 16) !important;\n      padding-right: var(--spacing-5xs) !important;\n      padding-left: calc(1em * 3 / 16) !important;\n      padding-left: var(--spacing-5xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-vertical-5xs {\n      padding-top: calc(1em * 3 / 16) !important;\n      padding-top: var(--spacing-5xs) !important;\n      padding-bottom: calc(1em * 3 / 16) !important;\n      padding-bottom: var(--spacing-5xs) !important;\n    }\n\n    .desktop\\:padding-y-5xs {\n      padding-top: calc(1em * 3 / 16) !important;\n      padding-top: var(--spacing-5xs) !important;\n      padding-bottom: calc(1em * 3 / 16) !important;\n      padding-bottom: var(--spacing-5xs) !important;\n    }\n    .desktop\\:padding-4xs {\n      padding: calc(1em * 4 / 16) !important;\n      padding: var(--spacing-4xs) !important;\n    }\n\n    .desktop\\:padding-top-4xs {\n      padding-top: calc(1em * 4 / 16) !important;\n      padding-top: var(--spacing-4xs) !important;\n    }\n\n    .desktop\\:padding-right-4xs {\n      padding-right: calc(1em * 4 / 16) !important;\n      padding-right: var(--spacing-4xs) !important;\n    }\n\n    .desktop\\:padding-bottom-4xs {\n      padding-bottom: calc(1em * 4 / 16) !important;\n      padding-bottom: var(--spacing-4xs) !important;\n    }\n\n    .desktop\\:padding-left-4xs {\n      padding-left: calc(1em * 4 / 16) !important;\n      padding-left: var(--spacing-4xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-horizontal-4xs {\n      padding-right: calc(1em * 4 / 16) !important;\n      padding-right: var(--spacing-4xs) !important;\n      padding-left: calc(1em * 4 / 16) !important;\n      padding-left: var(--spacing-4xs) !important;\n    }\n\n    .desktop\\:padding-x-4xs {\n      padding-right: calc(1em * 4 / 16) !important;\n      padding-right: var(--spacing-4xs) !important;\n      padding-left: calc(1em * 4 / 16) !important;\n      padding-left: var(--spacing-4xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-vertical-4xs {\n      padding-top: calc(1em * 4 / 16) !important;\n      padding-top: var(--spacing-4xs) !important;\n      padding-bottom: calc(1em * 4 / 16) !important;\n      padding-bottom: var(--spacing-4xs) !important;\n    }\n\n    .desktop\\:padding-y-4xs {\n      padding-top: calc(1em * 4 / 16) !important;\n      padding-top: var(--spacing-4xs) !important;\n      padding-bottom: calc(1em * 4 / 16) !important;\n      padding-bottom: var(--spacing-4xs) !important;\n    }\n    .desktop\\:padding-3xs {\n      padding: calc(1em * 6 / 16) !important;\n      padding: var(--spacing-3xs) !important;\n    }\n\n    .desktop\\:padding-top-3xs {\n      padding-top: calc(1em * 6 / 16) !important;\n      padding-top: var(--spacing-3xs) !important;\n    }\n\n    .desktop\\:padding-right-3xs {\n      padding-right: calc(1em * 6 / 16) !important;\n      padding-right: var(--spacing-3xs) !important;\n    }\n\n    .desktop\\:padding-bottom-3xs {\n      padding-bottom: calc(1em * 6 / 16) !important;\n      padding-bottom: var(--spacing-3xs) !important;\n    }\n\n    .desktop\\:padding-left-3xs {\n      padding-left: calc(1em * 6 / 16) !important;\n      padding-left: var(--spacing-3xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-horizontal-3xs {\n      padding-right: calc(1em * 6 / 16) !important;\n      padding-right: var(--spacing-3xs) !important;\n      padding-left: calc(1em * 6 / 16) !important;\n      padding-left: var(--spacing-3xs) !important;\n    }\n\n    .desktop\\:padding-x-3xs {\n      padding-right: calc(1em * 6 / 16) !important;\n      padding-right: var(--spacing-3xs) !important;\n      padding-left: calc(1em * 6 / 16) !important;\n      padding-left: var(--spacing-3xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-vertical-3xs {\n      padding-top: calc(1em * 6 / 16) !important;\n      padding-top: var(--spacing-3xs) !important;\n      padding-bottom: calc(1em * 6 / 16) !important;\n      padding-bottom: var(--spacing-3xs) !important;\n    }\n\n    .desktop\\:padding-y-3xs {\n      padding-top: calc(1em * 6 / 16) !important;\n      padding-top: var(--spacing-3xs) !important;\n      padding-bottom: calc(1em * 6 / 16) !important;\n      padding-bottom: var(--spacing-3xs) !important;\n    }\n    .desktop\\:padding-2xs {\n      padding: calc(1em * 8 / 16) !important;\n      padding: var(--spacing-2xs) !important;\n    }\n\n    .desktop\\:padding-top-2xs {\n      padding-top: calc(1em * 8 / 16) !important;\n      padding-top: var(--spacing-2xs) !important;\n    }\n\n    .desktop\\:padding-right-2xs {\n      padding-right: calc(1em * 8 / 16) !important;\n      padding-right: var(--spacing-2xs) !important;\n    }\n\n    .desktop\\:padding-bottom-2xs {\n      padding-bottom: calc(1em * 8 / 16) !important;\n      padding-bottom: var(--spacing-2xs) !important;\n    }\n\n    .desktop\\:padding-left-2xs {\n      padding-left: calc(1em * 8 / 16) !important;\n      padding-left: var(--spacing-2xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-horizontal-2xs {\n      padding-right: calc(1em * 8 / 16) !important;\n      padding-right: var(--spacing-2xs) !important;\n      padding-left: calc(1em * 8 / 16) !important;\n      padding-left: var(--spacing-2xs) !important;\n    }\n\n    .desktop\\:padding-x-2xs {\n      padding-right: calc(1em * 8 / 16) !important;\n      padding-right: var(--spacing-2xs) !important;\n      padding-left: calc(1em * 8 / 16) !important;\n      padding-left: var(--spacing-2xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-vertical-2xs {\n      padding-top: calc(1em * 8 / 16) !important;\n      padding-top: var(--spacing-2xs) !important;\n      padding-bottom: calc(1em * 8 / 16) !important;\n      padding-bottom: var(--spacing-2xs) !important;\n    }\n\n    .desktop\\:padding-y-2xs {\n      padding-top: calc(1em * 8 / 16) !important;\n      padding-top: var(--spacing-2xs) !important;\n      padding-bottom: calc(1em * 8 / 16) !important;\n      padding-bottom: var(--spacing-2xs) !important;\n    }\n    .desktop\\:padding-xs {\n      padding: calc(1em * 10 / 16) !important;\n      padding: var(--spacing-xs) !important;\n    }\n\n    .desktop\\:padding-top-xs {\n      padding-top: calc(1em * 10 / 16) !important;\n      padding-top: var(--spacing-xs) !important;\n    }\n\n    .desktop\\:padding-right-xs {\n      padding-right: calc(1em * 10 / 16) !important;\n      padding-right: var(--spacing-xs) !important;\n    }\n\n    .desktop\\:padding-bottom-xs {\n      padding-bottom: calc(1em * 10 / 16) !important;\n      padding-bottom: var(--spacing-xs) !important;\n    }\n\n    .desktop\\:padding-left-xs {\n      padding-left: calc(1em * 10 / 16) !important;\n      padding-left: var(--spacing-xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-horizontal-xs {\n      padding-right: calc(1em * 10 / 16) !important;\n      padding-right: var(--spacing-xs) !important;\n      padding-left: calc(1em * 10 / 16) !important;\n      padding-left: var(--spacing-xs) !important;\n    }\n\n    .desktop\\:padding-x-xs {\n      padding-right: calc(1em * 10 / 16) !important;\n      padding-right: var(--spacing-xs) !important;\n      padding-left: calc(1em * 10 / 16) !important;\n      padding-left: var(--spacing-xs) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-vertical-xs {\n      padding-top: calc(1em * 10 / 16) !important;\n      padding-top: var(--spacing-xs) !important;\n      padding-bottom: calc(1em * 10 / 16) !important;\n      padding-bottom: var(--spacing-xs) !important;\n    }\n\n    .desktop\\:padding-y-xs {\n      padding-top: calc(1em * 10 / 16) !important;\n      padding-top: var(--spacing-xs) !important;\n      padding-bottom: calc(1em * 10 / 16) !important;\n      padding-bottom: var(--spacing-xs) !important;\n    }\n    .desktop\\:padding-sm {\n      padding: calc(1em * 12 / 16) !important;\n      padding: var(--spacing-sm) !important;\n    }\n\n    .desktop\\:padding-top-sm {\n      padding-top: calc(1em * 12 / 16) !important;\n      padding-top: var(--spacing-sm) !important;\n    }\n\n    .desktop\\:padding-right-sm {\n      padding-right: calc(1em * 12 / 16) !important;\n      padding-right: var(--spacing-sm) !important;\n    }\n\n    .desktop\\:padding-bottom-sm {\n      padding-bottom: calc(1em * 12 / 16) !important;\n      padding-bottom: var(--spacing-sm) !important;\n    }\n\n    .desktop\\:padding-left-sm {\n      padding-left: calc(1em * 12 / 16) !important;\n      padding-left: var(--spacing-sm) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-horizontal-sm {\n      padding-right: calc(1em * 12 / 16) !important;\n      padding-right: var(--spacing-sm) !important;\n      padding-left: calc(1em * 12 / 16) !important;\n      padding-left: var(--spacing-sm) !important;\n    }\n\n    .desktop\\:padding-x-sm {\n      padding-right: calc(1em * 12 / 16) !important;\n      padding-right: var(--spacing-sm) !important;\n      padding-left: calc(1em * 12 / 16) !important;\n      padding-left: var(--spacing-sm) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-vertical-sm {\n      padding-top: calc(1em * 12 / 16) !important;\n      padding-top: var(--spacing-sm) !important;\n      padding-bottom: calc(1em * 12 / 16) !important;\n      padding-bottom: var(--spacing-sm) !important;\n    }\n\n    .desktop\\:padding-y-sm {\n      padding-top: calc(1em * 12 / 16) !important;\n      padding-top: var(--spacing-sm) !important;\n      padding-bottom: calc(1em * 12 / 16) !important;\n      padding-bottom: var(--spacing-sm) !important;\n    }\n    .desktop\\:padding-md {\n      padding: calc(1em * 1) !important;\n      padding: var(--spacing-md) !important;\n    }\n\n    .desktop\\:padding-top-md {\n      padding-top: calc(1em * 1) !important;\n      padding-top: var(--spacing-md) !important;\n    }\n\n    .desktop\\:padding-right-md {\n      padding-right: calc(1em * 1) !important;\n      padding-right: var(--spacing-md) !important;\n    }\n\n    .desktop\\:padding-bottom-md {\n      padding-bottom: calc(1em * 1) !important;\n      padding-bottom: var(--spacing-md) !important;\n    }\n\n    .desktop\\:padding-left-md {\n      padding-left: calc(1em * 1) !important;\n      padding-left: var(--spacing-md) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-horizontal-md {\n      padding-right: calc(1em * 1) !important;\n      padding-right: var(--spacing-md) !important;\n      padding-left: calc(1em * 1) !important;\n      padding-left: var(--spacing-md) !important;\n    }\n\n    .desktop\\:padding-x-md {\n      padding-right: calc(1em * 1) !important;\n      padding-right: var(--spacing-md) !important;\n      padding-left: calc(1em * 1) !important;\n      padding-left: var(--spacing-md) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-vertical-md {\n      padding-top: calc(1em * 1) !important;\n      padding-top: var(--spacing-md) !important;\n      padding-bottom: calc(1em * 1) !important;\n      padding-bottom: var(--spacing-md) !important;\n    }\n\n    .desktop\\:padding-y-md {\n      padding-top: calc(1em * 1) !important;\n      padding-top: var(--spacing-md) !important;\n      padding-bottom: calc(1em * 1) !important;\n      padding-bottom: var(--spacing-md) !important;\n    }\n    .desktop\\:padding-lg {\n      padding: calc(1em * 1.25) !important;\n      padding: var(--spacing-lg) !important;\n    }\n\n    .desktop\\:padding-top-lg {\n      padding-top: calc(1em * 1.25) !important;\n      padding-top: var(--spacing-lg) !important;\n    }\n\n    .desktop\\:padding-right-lg {\n      padding-right: calc(1em * 1.25) !important;\n      padding-right: var(--spacing-lg) !important;\n    }\n\n    .desktop\\:padding-bottom-lg {\n      padding-bottom: calc(1em * 1.25) !important;\n      padding-bottom: var(--spacing-lg) !important;\n    }\n\n    .desktop\\:padding-left-lg {\n      padding-left: calc(1em * 1.25) !important;\n      padding-left: var(--spacing-lg) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-horizontal-lg {\n      padding-right: calc(1em * 1.25) !important;\n      padding-right: var(--spacing-lg) !important;\n      padding-left: calc(1em * 1.25) !important;\n      padding-left: var(--spacing-lg) !important;\n    }\n\n    .desktop\\:padding-x-lg {\n      padding-right: calc(1em * 1.25) !important;\n      padding-right: var(--spacing-lg) !important;\n      padding-left: calc(1em * 1.25) !important;\n      padding-left: var(--spacing-lg) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-vertical-lg {\n      padding-top: calc(1em * 1.25) !important;\n      padding-top: var(--spacing-lg) !important;\n      padding-bottom: calc(1em * 1.25) !important;\n      padding-bottom: var(--spacing-lg) !important;\n    }\n\n    .desktop\\:padding-y-lg {\n      padding-top: calc(1em * 1.25) !important;\n      padding-top: var(--spacing-lg) !important;\n      padding-bottom: calc(1em * 1.25) !important;\n      padding-bottom: var(--spacing-lg) !important;\n    }\n    .desktop\\:padding-xl {\n      padding: calc(1em * 1.5) !important;\n      padding: var(--spacing-xl) !important;\n    }\n\n    .desktop\\:padding-top-xl {\n      padding-top: calc(1em * 1.5) !important;\n      padding-top: var(--spacing-xl) !important;\n    }\n\n    .desktop\\:padding-right-xl {\n      padding-right: calc(1em * 1.5) !important;\n      padding-right: var(--spacing-xl) !important;\n    }\n\n    .desktop\\:padding-bottom-xl {\n      padding-bottom: calc(1em * 1.5) !important;\n      padding-bottom: var(--spacing-xl) !important;\n    }\n\n    .desktop\\:padding-left-xl {\n      padding-left: calc(1em * 1.5) !important;\n      padding-left: var(--spacing-xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-horizontal-xl {\n      padding-right: calc(1em * 1.5) !important;\n      padding-right: var(--spacing-xl) !important;\n      padding-left: calc(1em * 1.5) !important;\n      padding-left: var(--spacing-xl) !important;\n    }\n\n    .desktop\\:padding-x-xl {\n      padding-right: calc(1em * 1.5) !important;\n      padding-right: var(--spacing-xl) !important;\n      padding-left: calc(1em * 1.5) !important;\n      padding-left: var(--spacing-xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-vertical-xl {\n      padding-top: calc(1em * 1.5) !important;\n      padding-top: var(--spacing-xl) !important;\n      padding-bottom: calc(1em * 1.5) !important;\n      padding-bottom: var(--spacing-xl) !important;\n    }\n\n    .desktop\\:padding-y-xl {\n      padding-top: calc(1em * 1.5) !important;\n      padding-top: var(--spacing-xl) !important;\n      padding-bottom: calc(1em * 1.5) !important;\n      padding-bottom: var(--spacing-xl) !important;\n    }\n    .desktop\\:padding-2xl {\n      padding: calc(1em * 2) !important;\n      padding: var(--spacing-2xl) !important;\n    }\n\n    .desktop\\:padding-top-2xl {\n      padding-top: calc(1em * 2) !important;\n      padding-top: var(--spacing-2xl) !important;\n    }\n\n    .desktop\\:padding-right-2xl {\n      padding-right: calc(1em * 2) !important;\n      padding-right: var(--spacing-2xl) !important;\n    }\n\n    .desktop\\:padding-bottom-2xl {\n      padding-bottom: calc(1em * 2) !important;\n      padding-bottom: var(--spacing-2xl) !important;\n    }\n\n    .desktop\\:padding-left-2xl {\n      padding-left: calc(1em * 2) !important;\n      padding-left: var(--spacing-2xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-horizontal-2xl {\n      padding-right: calc(1em * 2) !important;\n      padding-right: var(--spacing-2xl) !important;\n      padding-left: calc(1em * 2) !important;\n      padding-left: var(--spacing-2xl) !important;\n    }\n\n    .desktop\\:padding-x-2xl {\n      padding-right: calc(1em * 2) !important;\n      padding-right: var(--spacing-2xl) !important;\n      padding-left: calc(1em * 2) !important;\n      padding-left: var(--spacing-2xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-vertical-2xl {\n      padding-top: calc(1em * 2) !important;\n      padding-top: var(--spacing-2xl) !important;\n      padding-bottom: calc(1em * 2) !important;\n      padding-bottom: var(--spacing-2xl) !important;\n    }\n\n    .desktop\\:padding-y-2xl {\n      padding-top: calc(1em * 2) !important;\n      padding-top: var(--spacing-2xl) !important;\n      padding-bottom: calc(1em * 2) !important;\n      padding-bottom: var(--spacing-2xl) !important;\n    }\n    .desktop\\:padding-3xl {\n      padding: calc(1em * 2.5) !important;\n      padding: var(--spacing-3xl) !important;\n    }\n\n    .desktop\\:padding-top-3xl {\n      padding-top: calc(1em * 2.5) !important;\n      padding-top: var(--spacing-3xl) !important;\n    }\n\n    .desktop\\:padding-right-3xl {\n      padding-right: calc(1em * 2.5) !important;\n      padding-right: var(--spacing-3xl) !important;\n    }\n\n    .desktop\\:padding-bottom-3xl {\n      padding-bottom: calc(1em * 2.5) !important;\n      padding-bottom: var(--spacing-3xl) !important;\n    }\n\n    .desktop\\:padding-left-3xl {\n      padding-left: calc(1em * 2.5) !important;\n      padding-left: var(--spacing-3xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-horizontal-3xl {\n      padding-right: calc(1em * 2.5) !important;\n      padding-right: var(--spacing-3xl) !important;\n      padding-left: calc(1em * 2.5) !important;\n      padding-left: var(--spacing-3xl) !important;\n    }\n\n    .desktop\\:padding-x-3xl {\n      padding-right: calc(1em * 2.5) !important;\n      padding-right: var(--spacing-3xl) !important;\n      padding-left: calc(1em * 2.5) !important;\n      padding-left: var(--spacing-3xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-vertical-3xl {\n      padding-top: calc(1em * 2.5) !important;\n      padding-top: var(--spacing-3xl) !important;\n      padding-bottom: calc(1em * 2.5) !important;\n      padding-bottom: var(--spacing-3xl) !important;\n    }\n\n    .desktop\\:padding-y-3xl {\n      padding-top: calc(1em * 2.5) !important;\n      padding-top: var(--spacing-3xl) !important;\n      padding-bottom: calc(1em * 2.5) !important;\n      padding-bottom: var(--spacing-3xl) !important;\n    }\n    .desktop\\:padding-4xl {\n      padding: calc(1em * 3) !important;\n      padding: var(--spacing-4xl) !important;\n    }\n\n    .desktop\\:padding-top-4xl {\n      padding-top: calc(1em * 3) !important;\n      padding-top: var(--spacing-4xl) !important;\n    }\n\n    .desktop\\:padding-right-4xl {\n      padding-right: calc(1em * 3) !important;\n      padding-right: var(--spacing-4xl) !important;\n    }\n\n    .desktop\\:padding-bottom-4xl {\n      padding-bottom: calc(1em * 3) !important;\n      padding-bottom: var(--spacing-4xl) !important;\n    }\n\n    .desktop\\:padding-left-4xl {\n      padding-left: calc(1em * 3) !important;\n      padding-left: var(--spacing-4xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-horizontal-4xl {\n      padding-right: calc(1em * 3) !important;\n      padding-right: var(--spacing-4xl) !important;\n      padding-left: calc(1em * 3) !important;\n      padding-left: var(--spacing-4xl) !important;\n    }\n\n    .desktop\\:padding-x-4xl {\n      padding-right: calc(1em * 3) !important;\n      padding-right: var(--spacing-4xl) !important;\n      padding-left: calc(1em * 3) !important;\n      padding-left: var(--spacing-4xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-vertical-4xl {\n      padding-top: calc(1em * 3) !important;\n      padding-top: var(--spacing-4xl) !important;\n      padding-bottom: calc(1em * 3) !important;\n      padding-bottom: var(--spacing-4xl) !important;\n    }\n\n    .desktop\\:padding-y-4xl {\n      padding-top: calc(1em * 3) !important;\n      padding-top: var(--spacing-4xl) !important;\n      padding-bottom: calc(1em * 3) !important;\n      padding-bottom: var(--spacing-4xl) !important;\n    }\n    .desktop\\:padding-5xl {\n      padding: calc(1em * 4) !important;\n      padding: var(--spacing-5xl) !important;\n    }\n\n    .desktop\\:padding-top-5xl {\n      padding-top: calc(1em * 4) !important;\n      padding-top: var(--spacing-5xl) !important;\n    }\n\n    .desktop\\:padding-right-5xl {\n      padding-right: calc(1em * 4) !important;\n      padding-right: var(--spacing-5xl) !important;\n    }\n\n    .desktop\\:padding-bottom-5xl {\n      padding-bottom: calc(1em * 4) !important;\n      padding-bottom: var(--spacing-5xl) !important;\n    }\n\n    .desktop\\:padding-left-5xl {\n      padding-left: calc(1em * 4) !important;\n      padding-left: var(--spacing-5xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-horizontal-5xl {\n      padding-right: calc(1em * 4) !important;\n      padding-right: var(--spacing-5xl) !important;\n      padding-left: calc(1em * 4) !important;\n      padding-left: var(--spacing-5xl) !important;\n    }\n\n    .desktop\\:padding-x-5xl {\n      padding-right: calc(1em * 4) !important;\n      padding-right: var(--spacing-5xl) !important;\n      padding-left: calc(1em * 4) !important;\n      padding-left: var(--spacing-5xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-vertical-5xl {\n      padding-top: calc(1em * 4) !important;\n      padding-top: var(--spacing-5xl) !important;\n      padding-bottom: calc(1em * 4) !important;\n      padding-bottom: var(--spacing-5xl) !important;\n    }\n\n    .desktop\\:padding-y-5xl {\n      padding-top: calc(1em * 4) !important;\n      padding-top: var(--spacing-5xl) !important;\n      padding-bottom: calc(1em * 4) !important;\n      padding-bottom: var(--spacing-5xl) !important;\n    }\n    .desktop\\:padding-6xl {\n      padding: calc(1em * 5) !important;\n      padding: var(--spacing-6xl) !important;\n    }\n\n    .desktop\\:padding-top-6xl {\n      padding-top: calc(1em * 5) !important;\n      padding-top: var(--spacing-6xl) !important;\n    }\n\n    .desktop\\:padding-right-6xl {\n      padding-right: calc(1em * 5) !important;\n      padding-right: var(--spacing-6xl) !important;\n    }\n\n    .desktop\\:padding-bottom-6xl {\n      padding-bottom: calc(1em * 5) !important;\n      padding-bottom: var(--spacing-6xl) !important;\n    }\n\n    .desktop\\:padding-left-6xl {\n      padding-left: calc(1em * 5) !important;\n      padding-left: var(--spacing-6xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-horizontal-6xl {\n      padding-right: calc(1em * 5) !important;\n      padding-right: var(--spacing-6xl) !important;\n      padding-left: calc(1em * 5) !important;\n      padding-left: var(--spacing-6xl) !important;\n    }\n\n    .desktop\\:padding-x-6xl {\n      padding-right: calc(1em * 5) !important;\n      padding-right: var(--spacing-6xl) !important;\n      padding-left: calc(1em * 5) !important;\n      padding-left: var(--spacing-6xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-vertical-6xl {\n      padding-top: calc(1em * 5) !important;\n      padding-top: var(--spacing-6xl) !important;\n      padding-bottom: calc(1em * 5) !important;\n      padding-bottom: var(--spacing-6xl) !important;\n    }\n\n    .desktop\\:padding-y-6xl {\n      padding-top: calc(1em * 5) !important;\n      padding-top: var(--spacing-6xl) !important;\n      padding-bottom: calc(1em * 5) !important;\n      padding-bottom: var(--spacing-6xl) !important;\n    }\n    .desktop\\:padding-7xl {\n      padding: calc(1em * 6) !important;\n      padding: var(--spacing-7xl) !important;\n    }\n\n    .desktop\\:padding-top-7xl {\n      padding-top: calc(1em * 6) !important;\n      padding-top: var(--spacing-7xl) !important;\n    }\n\n    .desktop\\:padding-right-7xl {\n      padding-right: calc(1em * 6) !important;\n      padding-right: var(--spacing-7xl) !important;\n    }\n\n    .desktop\\:padding-bottom-7xl {\n      padding-bottom: calc(1em * 6) !important;\n      padding-bottom: var(--spacing-7xl) !important;\n    }\n\n    .desktop\\:padding-left-7xl {\n      padding-left: calc(1em * 6) !important;\n      padding-left: var(--spacing-7xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-horizontal-7xl {\n      padding-right: calc(1em * 6) !important;\n      padding-right: var(--spacing-7xl) !important;\n      padding-left: calc(1em * 6) !important;\n      padding-left: var(--spacing-7xl) !important;\n    }\n\n    .desktop\\:padding-x-7xl {\n      padding-right: calc(1em * 6) !important;\n      padding-right: var(--spacing-7xl) !important;\n      padding-left: calc(1em * 6) !important;\n      padding-left: var(--spacing-7xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-vertical-7xl {\n      padding-top: calc(1em * 6) !important;\n      padding-top: var(--spacing-7xl) !important;\n      padding-bottom: calc(1em * 6) !important;\n      padding-bottom: var(--spacing-7xl) !important;\n    }\n\n    .desktop\\:padding-y-7xl {\n      padding-top: calc(1em * 6) !important;\n      padding-top: var(--spacing-7xl) !important;\n      padding-bottom: calc(1em * 6) !important;\n      padding-bottom: var(--spacing-7xl) !important;\n    }\n    .desktop\\:padding-8xl {\n      padding: calc(1em * 8) !important;\n      padding: var(--spacing-8xl) !important;\n    }\n\n    .desktop\\:padding-top-8xl {\n      padding-top: calc(1em * 8) !important;\n      padding-top: var(--spacing-8xl) !important;\n    }\n\n    .desktop\\:padding-right-8xl {\n      padding-right: calc(1em * 8) !important;\n      padding-right: var(--spacing-8xl) !important;\n    }\n\n    .desktop\\:padding-bottom-8xl {\n      padding-bottom: calc(1em * 8) !important;\n      padding-bottom: var(--spacing-8xl) !important;\n    }\n\n    .desktop\\:padding-left-8xl {\n      padding-left: calc(1em * 8) !important;\n      padding-left: var(--spacing-8xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-horizontal-8xl {\n      padding-right: calc(1em * 8) !important;\n      padding-right: var(--spacing-8xl) !important;\n      padding-left: calc(1em * 8) !important;\n      padding-left: var(--spacing-8xl) !important;\n    }\n\n    .desktop\\:padding-x-8xl {\n      padding-right: calc(1em * 8) !important;\n      padding-right: var(--spacing-8xl) !important;\n      padding-left: calc(1em * 8) !important;\n      padding-left: var(--spacing-8xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-vertical-8xl {\n      padding-top: calc(1em * 8) !important;\n      padding-top: var(--spacing-8xl) !important;\n      padding-bottom: calc(1em * 8) !important;\n      padding-bottom: var(--spacing-8xl) !important;\n    }\n\n    .desktop\\:padding-y-8xl {\n      padding-top: calc(1em * 8) !important;\n      padding-top: var(--spacing-8xl) !important;\n      padding-bottom: calc(1em * 8) !important;\n      padding-bottom: var(--spacing-8xl) !important;\n    }\n    .desktop\\:padding-9xl {\n      padding: calc(1em * 10) !important;\n      padding: var(--spacing-9xl) !important;\n    }\n\n    .desktop\\:padding-top-9xl {\n      padding-top: calc(1em * 10) !important;\n      padding-top: var(--spacing-9xl) !important;\n    }\n\n    .desktop\\:padding-right-9xl {\n      padding-right: calc(1em * 10) !important;\n      padding-right: var(--spacing-9xl) !important;\n    }\n\n    .desktop\\:padding-bottom-9xl {\n      padding-bottom: calc(1em * 10) !important;\n      padding-bottom: var(--spacing-9xl) !important;\n    }\n\n    .desktop\\:padding-left-9xl {\n      padding-left: calc(1em * 10) !important;\n      padding-left: var(--spacing-9xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-horizontal-9xl {\n      padding-right: calc(1em * 10) !important;\n      padding-right: var(--spacing-9xl) !important;\n      padding-left: calc(1em * 10) !important;\n      padding-left: var(--spacing-9xl) !important;\n    }\n\n    .desktop\\:padding-x-9xl {\n      padding-right: calc(1em * 10) !important;\n      padding-right: var(--spacing-9xl) !important;\n      padding-left: calc(1em * 10) !important;\n      padding-left: var(--spacing-9xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-vertical-9xl {\n      padding-top: calc(1em * 10) !important;\n      padding-top: var(--spacing-9xl) !important;\n      padding-bottom: calc(1em * 10) !important;\n      padding-bottom: var(--spacing-9xl) !important;\n    }\n\n    .desktop\\:padding-y-9xl {\n      padding-top: calc(1em * 10) !important;\n      padding-top: var(--spacing-9xl) !important;\n      padding-bottom: calc(1em * 10) !important;\n      padding-bottom: var(--spacing-9xl) !important;\n    }\n    .desktop\\:padding-10xl {\n      padding: calc(1em * 12) !important;\n      padding: var(--spacing-10xl) !important;\n    }\n\n    .desktop\\:padding-top-10xl {\n      padding-top: calc(1em * 12) !important;\n      padding-top: var(--spacing-10xl) !important;\n    }\n\n    .desktop\\:padding-right-10xl {\n      padding-right: calc(1em * 12) !important;\n      padding-right: var(--spacing-10xl) !important;\n    }\n\n    .desktop\\:padding-bottom-10xl {\n      padding-bottom: calc(1em * 12) !important;\n      padding-bottom: var(--spacing-10xl) !important;\n    }\n\n    .desktop\\:padding-left-10xl {\n      padding-left: calc(1em * 12) !important;\n      padding-left: var(--spacing-10xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-horizontal-10xl {\n      padding-right: calc(1em * 12) !important;\n      padding-right: var(--spacing-10xl) !important;\n      padding-left: calc(1em * 12) !important;\n      padding-left: var(--spacing-10xl) !important;\n    }\n\n    .desktop\\:padding-x-10xl {\n      padding-right: calc(1em * 12) !important;\n      padding-right: var(--spacing-10xl) !important;\n      padding-left: calc(1em * 12) !important;\n      padding-left: var(--spacing-10xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-vertical-10xl {\n      padding-top: calc(1em * 12) !important;\n      padding-top: var(--spacing-10xl) !important;\n      padding-bottom: calc(1em * 12) !important;\n      padding-bottom: var(--spacing-10xl) !important;\n    }\n\n    .desktop\\:padding-y-10xl {\n      padding-top: calc(1em * 12) !important;\n      padding-top: var(--spacing-10xl) !important;\n      padding-bottom: calc(1em * 12) !important;\n      padding-bottom: var(--spacing-10xl) !important;\n    }\n    .desktop\\:padding-11xl {\n      padding: calc(1em * 16) !important;\n      padding: var(--spacing-11xl) !important;\n    }\n\n    .desktop\\:padding-top-11xl {\n      padding-top: calc(1em * 16) !important;\n      padding-top: var(--spacing-11xl) !important;\n    }\n\n    .desktop\\:padding-right-11xl {\n      padding-right: calc(1em * 16) !important;\n      padding-right: var(--spacing-11xl) !important;\n    }\n\n    .desktop\\:padding-bottom-11xl {\n      padding-bottom: calc(1em * 16) !important;\n      padding-bottom: var(--spacing-11xl) !important;\n    }\n\n    .desktop\\:padding-left-11xl {\n      padding-left: calc(1em * 16) !important;\n      padding-left: var(--spacing-11xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-horizontal-11xl {\n      padding-right: calc(1em * 16) !important;\n      padding-right: var(--spacing-11xl) !important;\n      padding-left: calc(1em * 16) !important;\n      padding-left: var(--spacing-11xl) !important;\n    }\n\n    .desktop\\:padding-x-11xl {\n      padding-right: calc(1em * 16) !important;\n      padding-right: var(--spacing-11xl) !important;\n      padding-left: calc(1em * 16) !important;\n      padding-left: var(--spacing-11xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-vertical-11xl {\n      padding-top: calc(1em * 16) !important;\n      padding-top: var(--spacing-11xl) !important;\n      padding-bottom: calc(1em * 16) !important;\n      padding-bottom: var(--spacing-11xl) !important;\n    }\n\n    .desktop\\:padding-y-11xl {\n      padding-top: calc(1em * 16) !important;\n      padding-top: var(--spacing-11xl) !important;\n      padding-bottom: calc(1em * 16) !important;\n      padding-bottom: var(--spacing-11xl) !important;\n    }\n    .desktop\\:padding-12xl {\n      padding: calc(1em * 20) !important;\n      padding: var(--spacing-12xl) !important;\n    }\n\n    .desktop\\:padding-top-12xl {\n      padding-top: calc(1em * 20) !important;\n      padding-top: var(--spacing-12xl) !important;\n    }\n\n    .desktop\\:padding-right-12xl {\n      padding-right: calc(1em * 20) !important;\n      padding-right: var(--spacing-12xl) !important;\n    }\n\n    .desktop\\:padding-bottom-12xl {\n      padding-bottom: calc(1em * 20) !important;\n      padding-bottom: var(--spacing-12xl) !important;\n    }\n\n    .desktop\\:padding-left-12xl {\n      padding-left: calc(1em * 20) !important;\n      padding-left: var(--spacing-12xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-horizontal-12xl {\n      padding-right: calc(1em * 20) !important;\n      padding-right: var(--spacing-12xl) !important;\n      padding-left: calc(1em * 20) !important;\n      padding-left: var(--spacing-12xl) !important;\n    }\n\n    .desktop\\:padding-x-12xl {\n      padding-right: calc(1em * 20) !important;\n      padding-right: var(--spacing-12xl) !important;\n      padding-left: calc(1em * 20) !important;\n      padding-left: var(--spacing-12xl) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-vertical-12xl {\n      padding-top: calc(1em * 20) !important;\n      padding-top: var(--spacing-12xl) !important;\n      padding-bottom: calc(1em * 20) !important;\n      padding-bottom: var(--spacing-12xl) !important;\n    }\n\n    .desktop\\:padding-y-12xl {\n      padding-top: calc(1em * 20) !important;\n      padding-top: var(--spacing-12xl) !important;\n      padding-bottom: calc(1em * 20) !important;\n      padding-bottom: var(--spacing-12xl) !important;\n    }\n    .desktop\\:padding-0 {\n      padding: 0 !important;\n      padding: var(--spacing-0) !important;\n    }\n\n    .desktop\\:padding-top-0 {\n      padding-top: 0 !important;\n      padding-top: var(--spacing-0) !important;\n    }\n\n    .desktop\\:padding-right-0 {\n      padding-right: 0 !important;\n      padding-right: var(--spacing-0) !important;\n    }\n\n    .desktop\\:padding-bottom-0 {\n      padding-bottom: 0 !important;\n      padding-bottom: var(--spacing-0) !important;\n    }\n\n    .desktop\\:padding-left-0 {\n      padding-left: 0 !important;\n      padding-left: var(--spacing-0) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-horizontal-0 {\n      padding-right: 0 !important;\n      padding-right: var(--spacing-0) !important;\n      padding-left: 0 !important;\n      padding-left: var(--spacing-0) !important;\n    }\n\n    .desktop\\:padding-x-0 {\n      padding-right: 0 !important;\n      padding-right: var(--spacing-0) !important;\n      padding-left: 0 !important;\n      padding-left: var(--spacing-0) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-vertical-0 {\n      padding-top: 0 !important;\n      padding-top: var(--spacing-0) !important;\n      padding-bottom: 0 !important;\n      padding-bottom: var(--spacing-0) !important;\n    }\n\n    .desktop\\:padding-y-0 {\n      padding-top: 0 !important;\n      padding-top: var(--spacing-0) !important;\n      padding-bottom: 0 !important;\n      padding-bottom: var(--spacing-0) !important;\n    }\n    .desktop\\:padding-1 {\n      padding: calc(1em * 1 / 16) !important;\n      padding: var(--spacing-1) !important;\n    }\n\n    .desktop\\:padding-top-1 {\n      padding-top: calc(1em * 1 / 16) !important;\n      padding-top: var(--spacing-1) !important;\n    }\n\n    .desktop\\:padding-right-1 {\n      padding-right: calc(1em * 1 / 16) !important;\n      padding-right: var(--spacing-1) !important;\n    }\n\n    .desktop\\:padding-bottom-1 {\n      padding-bottom: calc(1em * 1 / 16) !important;\n      padding-bottom: var(--spacing-1) !important;\n    }\n\n    .desktop\\:padding-left-1 {\n      padding-left: calc(1em * 1 / 16) !important;\n      padding-left: var(--spacing-1) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-horizontal-1 {\n      padding-right: calc(1em * 1 / 16) !important;\n      padding-right: var(--spacing-1) !important;\n      padding-left: calc(1em * 1 / 16) !important;\n      padding-left: var(--spacing-1) !important;\n    }\n\n    .desktop\\:padding-x-1 {\n      padding-right: calc(1em * 1 / 16) !important;\n      padding-right: var(--spacing-1) !important;\n      padding-left: calc(1em * 1 / 16) !important;\n      padding-left: var(--spacing-1) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-vertical-1 {\n      padding-top: calc(1em * 1 / 16) !important;\n      padding-top: var(--spacing-1) !important;\n      padding-bottom: calc(1em * 1 / 16) !important;\n      padding-bottom: var(--spacing-1) !important;\n    }\n\n    .desktop\\:padding-y-1 {\n      padding-top: calc(1em * 1 / 16) !important;\n      padding-top: var(--spacing-1) !important;\n      padding-bottom: calc(1em * 1 / 16) !important;\n      padding-bottom: var(--spacing-1) !important;\n    }\n    .desktop\\:padding-1px {\n      padding: 1px !important;\n      padding: var(--spacing-1px) !important;\n    }\n\n    .desktop\\:padding-top-1px {\n      padding-top: 1px !important;\n      padding-top: var(--spacing-1px) !important;\n    }\n\n    .desktop\\:padding-right-1px {\n      padding-right: 1px !important;\n      padding-right: var(--spacing-1px) !important;\n    }\n\n    .desktop\\:padding-bottom-1px {\n      padding-bottom: 1px !important;\n      padding-bottom: var(--spacing-1px) !important;\n    }\n\n    .desktop\\:padding-left-1px {\n      padding-left: 1px !important;\n      padding-left: var(--spacing-1px) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-horizontal-1px {\n      padding-right: 1px !important;\n      padding-right: var(--spacing-1px) !important;\n      padding-left: 1px !important;\n      padding-left: var(--spacing-1px) !important;\n    }\n\n    .desktop\\:padding-x-1px {\n      padding-right: 1px !important;\n      padding-right: var(--spacing-1px) !important;\n      padding-left: 1px !important;\n      padding-left: var(--spacing-1px) !important;\n    }\n\n    /* DEV TODO: Get this pair of identical rules working in one selector */\n    .desktop\\:padding-vertical-1px {\n      padding-top: 1px !important;\n      padding-top: var(--spacing-1px) !important;\n      padding-bottom: 1px !important;\n      padding-bottom: var(--spacing-1px) !important;\n    }\n\n    .desktop\\:padding-y-1px {\n      padding-top: 1px !important;\n      padding-top: var(--spacing-1px) !important;\n      padding-bottom: 1px !important;\n      padding-bottom: var(--spacing-1px) !important;\n    }\n}\n/* text-wrangling */\n.muted,.mute {\n  color: #183153;\n  color: var(--text-color);\n}\n.underline {\n  --text-decoration: underline;\n\n  -webkit-text-decoration: var(--text-decoration);\n\n          text-decoration: var(--text-decoration);\n}\n.text-reset {\n  --color: inherit;\n\n  color: var(--color);\n}\n.text-sans-serif {\n  font-family: cera-round-pro, "Helvetica Neue", "Helvetica", "Arial", sans-serif;\n  font-family: var(--font-family-sans-serif);\n}\n.text-serif {\n  font-family: fa-livory, "Georgia", "Times New Roman", "Times", serif;\n  font-family: var(--font-family-serif);\n}\n.text-monospace {\n  font-family: "Menlo", "Monaco", "Consolas", "Courier New", monospace;\n  font-family: var(--font-family-monospace);\n}\n.text-wrap {\n  white-space: normal;\n}\n.text-nowrap {\n  white-space: nowrap;\n}\n.text-truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.text-break {\n  word-break: break-word;\n  word-wrap: break-word;\n}\n.text-lowercase {\n  text-transform: lowercase;\n}\n.text-uppercase {\n  text-transform: uppercase;\n}\n.text-capitalize {\n  text-transform: capitalize;\n}\n.text-left {\n  text-align: left;\n}\n.text-right {\n  text-align: right;\n}\n.text-center {\n  text-align: center;\n}\n.text-justify {\n  text-align: justify;\n}\n@media (min-width: 48rem) {\n  .tablet\\:text-wrap {\n    white-space: normal;\n  }\n\n  .tablet\\:text-nowrap {\n    white-space: nowrap;\n  }\n\n  .tablet\\:text-truncate {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .tablet\\:text-left {\n    text-align: left;\n  }\n\n  .tablet\\:text-right {\n    text-align: right;\n  }\n\n  .tablet\\:text-center {\n    text-align: center;\n  }\n\n  .tablet\\:text-justify {\n    text-align: justify;\n  }\n}\n@media (min-width: 64rem) {\n  .laptop\\:text-wrap {\n    white-space: normal;\n  }\n\n  .laptop\\:text-nowrap {\n    white-space: nowrap;\n  }\n\n  .laptop\\:text-truncate {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .laptop\\:text-left {\n    text-align: left;\n  }\n\n  .laptop\\:text-right {\n    text-align: right;\n  }\n\n  .laptop\\:text-center {\n    text-align: center;\n  }\n\n  .laptop\\:text-justify {\n    text-align: justify;\n  }\n}\n@media (min-width: 96rem) {\n  .desktop\\:text-wrap {\n    white-space: normal;\n  }\n\n  .desktop\\:text-nowrap {\n    white-space: nowrap;\n  }\n\n  .desktop\\:text-truncate {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .desktop\\:text-left {\n    text-align: left;\n  }\n\n  .desktop\\:text-right {\n    text-align: right;\n  }\n\n  .desktop\\:text-center {\n    text-align: center;\n  }\n\n  .desktop\\:text-justify {\n    text-align: justify;\n  }\n}\n.with-border {\n  border: solid #c3c6d1 0.125em;\n  border: var(--border-style) var(--border-color) var(--border-width);\n}\n.no-border {\n  border: none !important;\n}\n.with-border-radius {\n  border-radius: 0.75em;\n  border-radius: var(--border-radius);\n}\n.no-border-radius {\n  border-radius: 0 !important;\n}\n.with-triangle {\n  position: relative\n}\n.with-triangle.top::after, .with-triangle.right::after, .with-triangle.bottom::after, .with-triangle.left::after {\n      position: absolute;\n      border: 1em solid transparent;\n      border: var(--triangle-size) solid transparent;\n      width: 0;\n      height: 0;\n      content: "";\n    }\n.with-triangle.top::after, .with-triangle.bottom::after {\n      left: 50%;\n      -webkit-transform: translateX(-50%);\n              transform: translateX(-50%);\n    }\n.with-triangle.left::after, .with-triangle.right::after {\n      top: 50%;\n      -webkit-transform: translateY(-50%);\n              transform: translateY(-50%);\n    }\n.with-triangle.top::after {\n    top: calc(-1 * 1em);\n    top: calc(-1 * var(--triangle-size));\n    border-top-width: 0;\n    border-bottom-color: #fff;\n    border-bottom-color: var(--triangle-color);\n  }\n.with-triangle.right::after {\n    right: calc(-1 * 1em);\n    right: calc(-1 * var(--triangle-size));\n    border-right-width: 0;\n    border-left-color: #fff;\n    border-left-color: var(--triangle-color);\n  }\n.with-triangle.bottom::after {\n    bottom: calc(-1 * 1em);\n    bottom: calc(-1 * var(--triangle-size));\n    border-bottom-width: 0;\n    border-top-color: #fff;\n    border-top-color: var(--triangle-color);\n  }\n.with-triangle.left::after {\n    left: calc(-1 * 1em);\n    left: calc(-1 * var(--triangle-size));\n    border-left-width: 0;\n    border-right-color: #fff;\n    border-right-color: var(--triangle-color);\n  }\n.with-close {\n  position: relative\n}\n.with-close .close {\n    --fa-primary-color: var(--with-close-times-color);\n    --fa-secondary-opacity: 1;\n    --button-active-background: transparent;\n    --button-active-border-width: 0;\n    --button-background: transparent;\n    --button-border-width: 0;\n    --button-box-shadow: none;\n    --button-hover-background: transparent;\n    --button-margin-bottom: 0;\n    --button-padding: 0;\n\n    -webkit-box-sizing: content-box;\n\n            box-sizing: content-box;\n    position: absolute;\n    top: -0.5em;\n    right: -0.5em;\n    line-height: 1;\n    color: inherit;\n    color: var(--with-close-close-color);\n    font-size: calc(1em * 1.5);\n    font-size: var(--with-close-close-font-size)\n  }\n.with-close .close:hover {\n      cursor: pointer;\n      color: #e03131;\n      color: var(--with-close-close-hover-color);\n    }\n.with-close {\n\n  /* Special case for Cards */\n}\n.with-close.card > .header:nth-last-child(2),\n  .with-close.card > .section:nth-last-child(2) {\n    margin-bottom: calc(-1 * calc((4em - (1em * 1.5) - (0em * 2)) / 2));\n    margin-bottom: calc(-1 * var(--card-vertical-padding));\n    border-bottom-left-radius: inherit;\n    border-bottom-right-radius: inherit;\n  }\n.with-close h1,.with-close h2,.with-close h3,.with-close h4,.with-close h5,.with-close h6,.with-close .h1,.with-close .h2,.with-close .h3,.with-close .h4,.with-close .h5,.with-close .h6,\n  .with-close p,\n  .with-close .p {\n    /* Nasssty icons dom order makes us do this, precious. */\n  }\n.with-close h1:nth-last-child(2),.with-close h2:nth-last-child(2),.with-close h3:nth-last-child(2),.with-close h4:nth-last-child(2),.with-close h5:nth-last-child(2),.with-close h6:nth-last-child(2),.with-close .h1:nth-last-child(2),.with-close .h2:nth-last-child(2),.with-close .h3:nth-last-child(2),.with-close .h4:nth-last-child(2),.with-close .h5:nth-last-child(2),.with-close .h6:nth-last-child(2), .with-close p:nth-last-child(2), .with-close .p:nth-last-child(2) {\n      margin-bottom: 0;\n    }\n.with-shadow {\n  -webkit-box-shadow: 0 0.25em 0 #c3c6d1;\n          box-shadow: 0 0.25em 0 #c3c6d1;\n  -webkit-box-shadow: var(--with-shadow-box-shadow);\n          box-shadow: var(--with-shadow-box-shadow);\n}\n.z-background {\n  z-index: -1;\n  z-index: var(--depth-background);\n}\n.z--1 {\n  z-index: -1;\n  z-index: var(--depth--1);\n}\n.z-0 {\n  z-index: 0;\n  z-index: var(--depth-0);\n}\n.z-1 {\n  z-index: 10;\n  z-index: var(--depth-1);\n}\n.z-2 {\n  z-index: 20;\n  z-index: var(--depth-2);\n}\n.z-3 {\n  z-index: 30;\n  z-index: var(--depth-3);\n}\n.z-4 {\n  z-index: 40;\n  z-index: var(--depth-4);\n}\n.z-5 {\n  z-index: 50;\n  z-index: var(--depth-5);\n}\n.z-foreground {\n  z-index: 50;\n  z-index: var(--depth-foreground);\n}\n.z-auto {\n  z-index: auto;\n}\n.position-static {\n  position: static;\n}\n.position-absolute {\n  position: absolute;\n}\n.position-fixed {\n  position: fixed;\n}\n.position-fixed-top {\n  position: fixed;\n  top: 0;\n  z-index: 10;\n  z-index: var(--depth-1);\n}\n.position-fixed-bottom {\n  position: fixed;\n  bottom: 0;\n  z-index: 10;\n  z-index: var(--depth-1);\n}\n.position-relative {\n  position: relative;\n}\n.position-sticky {\n  position: sticky;\n}\n.position-sticky-top {\n  position: sticky;\n  top: 0;\n  z-index: 10;\n  z-index: var(--depth-1);\n}\n.position-sticky-bottom {\n  position: sticky;\n  bottom: 0;\n  z-index: 10;\n  z-index: var(--depth-1);\n}\n.top-0 {\n  top: 0;\n  top: var(--spacing-0);\n}\n.top-1 {\n  top: calc(1em * 1 / 16);\n  top: var(--spacing-1);\n}\n.top-5xs {\n  top: calc(1em * 3 / 16);\n  top: var(--spacing-5xs);\n}\n.top-4xs {\n  top: calc(1em * 4 / 16);\n  top: var(--spacing-4xs);\n}\n.top-3xs {\n  top: calc(1em * 6 / 16);\n  top: var(--spacing-3xs);\n}\n.top-2xs {\n  top: calc(1em * 8 / 16);\n  top: var(--spacing-2xs);\n}\n.top-xs {\n  top: calc(1em * 10 / 16);\n  top: var(--spacing-xs);\n}\n.top-md {\n  top: calc(1em * 1);\n  top: var(--spacing-md);\n}\n.right-0 {\n  right: 0;\n  right: var(--spacing-0);\n}\n.right-1 {\n  right: calc(1em * 1 / 16);\n  right: var(--spacing-1);\n}\n.right-5xs {\n  right: calc(1em * 3 / 16);\n  right: var(--spacing-5xs);\n}\n.right-4xs {\n  right: calc(1em * 4 / 16);\n  right: var(--spacing-4xs);\n}\n.right-3xs {\n  right: calc(1em * 6 / 16);\n  right: var(--spacing-3xs);\n}\n.right-2xs {\n  right: calc(1em * 8 / 16);\n  right: var(--spacing-2xs);\n}\n.right-xs {\n  right: calc(1em * 10 / 16);\n  right: var(--spacing-xs);\n}\n.right-md {\n  right: calc(1em * 1);\n  right: var(--spacing-md);\n}\n.bottom-0 {\n  bottom: 0;\n  bottom: var(--spacing-0);\n}\n.bottom-1 {\n  bottom: calc(1em * 1 / 16);\n  bottom: var(--spacing-1);\n}\n.bottom-5xs {\n  bottom: calc(1em * 3 / 16);\n  bottom: var(--spacing-5xs);\n}\n.bottom-4xs {\n  bottom: calc(1em * 4 / 16);\n  bottom: var(--spacing-4xs);\n}\n.bottom-3xs {\n  bottom: calc(1em * 6 / 16);\n  bottom: var(--spacing-3xs);\n}\n.bottom-2xs {\n  bottom: calc(1em * 8 / 16);\n  bottom: var(--spacing-2xs);\n}\n.bottom-xs {\n  bottom: calc(1em * 10 / 16);\n  bottom: var(--spacing-xs);\n}\n.bottom-md {\n  bottom: calc(1em * 1);\n  bottom: var(--spacing-md);\n}\n.left-0 {\n  left: 0;\n  left: var(--spacing-0);\n}\n.left-1 {\n  left: calc(1em * 1 / 16);\n  left: var(--spacing-1);\n}\n.left-5xs {\n  left: calc(1em * 3 / 16);\n  left: var(--spacing-5xs);\n}\n.left-4xs {\n  left: calc(1em * 4 / 16);\n  left: var(--spacing-4xs);\n}\n.left-3xs {\n  left: calc(1em * 6 / 16);\n  left: var(--spacing-3xs);\n}\n.left-2xs {\n  left: calc(1em * 8 / 16);\n  left: var(--spacing-2xs);\n}\n.left-xs {\n  left: calc(1em * 10 / 16);\n  left: var(--spacing-xs);\n}\n.left-md {\n  left: calc(1em * 1);\n  left: var(--spacing-md);\n}\n@media (min-width: 48rem) {\n  .tablet\\:z-background {\n    z-index: -1;\n    z-index: var(--depth-background);\n  }\n\n  .tablet\\:z--1 {\n    z-index: -1;\n    z-index: var(--depth--1);\n  }\n\n  .tablet\\:z-0 {\n    z-index: 0;\n    z-index: var(--depth-0);\n  }\n\n  .tablet\\:z-1 {\n    z-index: 10;\n    z-index: var(--depth-1);\n  }\n\n  .tablet\\:z-2 {\n    z-index: 20;\n    z-index: var(--depth-2);\n  }\n\n  .tablet\\:z-3 {\n    z-index: 30;\n    z-index: var(--depth-3);\n  }\n\n  .tablet\\:z-4 {\n    z-index: 40;\n    z-index: var(--depth-4);\n  }\n\n  .tablet\\:z-5 {\n    z-index: 50;\n    z-index: var(--depth-5);\n  }\n\n  .tablet\\:z-foreground {\n    z-index: 50;\n    z-index: var(--depth-foreground);\n  }\n\n  .tablet\\:z-auto {\n    z-index: auto;\n  }\n\n  .tablet\\:position-static {\n    position: static;\n  }\n\n  .tablet\\:position-absolute {\n    position: absolute;\n  }\n\n  .tablet\\:position-fixed {\n    position: fixed;\n  }\n\n  .tablet\\:position-fixed-top {\n    position: fixed;\n    top: 0;\n    z-index: 10;\n    z-index: var(--depth-1);\n  }\n\n  .tablet\\:position-fixed-bottom {\n    position: fixed;\n    bottom: 0;\n    z-index: 10;\n    z-index: var(--depth-1);\n  }\n\n  .tablet\\:position-relative {\n    position: relative;\n  }\n\n  .tablet\\:position-sticky {\n    position: sticky;\n  }\n\n  .tablet\\:position-sticky-top {\n    position: sticky;\n    top: 0;\n    z-index: 10;\n    z-index: var(--depth-1);\n  }\n\n  .tablet\\:position-sticky-bottom {\n    position: sticky;\n    bottom: 0;\n    z-index: 10;\n    z-index: var(--depth-1);\n  }\n\n  .tablet\\:top-0 {\n    top: 0;\n    top: var(--spacing-0);\n  }\n\n  .tablet\\:top-1 {\n    top: calc(1em * 1 / 16);\n    top: var(--spacing-1);\n  }\n\n  .tablet\\:top-5xs {\n    top: calc(1em * 3 / 16);\n    top: var(--spacing-5xs);\n  }\n\n  .tablet\\:top-4xs {\n    top: calc(1em * 4 / 16);\n    top: var(--spacing-4xs);\n  }\n\n  .tablet\\:top-3xs {\n    top: calc(1em * 6 / 16);\n    top: var(--spacing-3xs);\n  }\n\n  .tablet\\:top-2xs {\n    top: calc(1em * 8 / 16);\n    top: var(--spacing-2xs);\n  }\n\n  .tablet\\:top-xs {\n    top: calc(1em * 10 / 16);\n    top: var(--spacing-xs);\n  }\n\n  .tablet\\:top-md {\n    top: calc(1em * 1);\n    top: var(--spacing-md);\n  }\n\n  .tablet\\:right-0 {\n    right: 0;\n    right: var(--spacing-0);\n  }\n\n  .tablet\\:right-1 {\n    right: calc(1em * 1 / 16);\n    right: var(--spacing-1);\n  }\n\n  .tablet\\:right-5xs {\n    right: calc(1em * 3 / 16);\n    right: var(--spacing-5xs);\n  }\n\n  .tablet\\:right-4xs {\n    right: calc(1em * 4 / 16);\n    right: var(--spacing-4xs);\n  }\n\n  .tablet\\:right-3xs {\n    right: calc(1em * 6 / 16);\n    right: var(--spacing-3xs);\n  }\n\n  .tablet\\:right-2xs {\n    right: calc(1em * 8 / 16);\n    right: var(--spacing-2xs);\n  }\n\n  .tablet\\:right-xs {\n    right: calc(1em * 10 / 16);\n    right: var(--spacing-xs);\n  }\n\n  .tablet\\:right-md {\n    right: calc(1em * 1);\n    right: var(--spacing-md);\n  }\n\n  .tablet\\:bottom-0 {\n    bottom: 0;\n    bottom: var(--spacing-0);\n  }\n\n  .tablet\\:bottom-1 {\n    bottom: calc(1em * 1 / 16);\n    bottom: var(--spacing-1);\n  }\n\n  .tablet\\:bottom-5xs {\n    bottom: calc(1em * 3 / 16);\n    bottom: var(--spacing-5xs);\n  }\n\n  .tablet\\:bottom-4xs {\n    bottom: calc(1em * 4 / 16);\n    bottom: var(--spacing-4xs);\n  }\n\n  .tablet\\:bottom-3xs {\n    bottom: calc(1em * 6 / 16);\n    bottom: var(--spacing-3xs);\n  }\n\n  .tablet\\:bottom-2xs {\n    bottom: calc(1em * 8 / 16);\n    bottom: var(--spacing-2xs);\n  }\n\n  .tablet\\:bottom-xs {\n    bottom: calc(1em * 10 / 16);\n    bottom: var(--spacing-xs);\n  }\n\n  .tablet\\:bottom-md {\n    bottom: calc(1em * 1);\n    bottom: var(--spacing-md);\n  }\n\n  .tablet\\:left-0 {\n    left: 0;\n    left: var(--spacing-0);\n  }\n\n  .tablet\\:left-1 {\n    left: calc(1em * 1 / 16);\n    left: var(--spacing-1);\n  }\n\n  .tablet\\:left-5xs {\n    left: calc(1em * 3 / 16);\n    left: var(--spacing-5xs);\n  }\n\n  .tablet\\:left-4xs {\n    left: calc(1em * 4 / 16);\n    left: var(--spacing-4xs);\n  }\n\n  .tablet\\:left-3xs {\n    left: calc(1em * 6 / 16);\n    left: var(--spacing-3xs);\n  }\n\n  .tablet\\:left-2xs {\n    left: calc(1em * 8 / 16);\n    left: var(--spacing-2xs);\n  }\n\n  .tablet\\:left-xs {\n    left: calc(1em * 10 / 16);\n    left: var(--spacing-xs);\n  }\n\n  .tablet\\:left-md {\n    left: calc(1em * 1);\n    left: var(--spacing-md);\n  }\n}\n@media (min-width: 64rem) {\n  .laptop\\:z-background {\n    z-index: -1;\n    z-index: var(--depth-background);\n  }\n\n  .laptop\\:z--1 {\n    z-index: -1;\n    z-index: var(--depth--1);\n  }\n\n  .laptop\\:z-0 {\n    z-index: 0;\n    z-index: var(--depth-0);\n  }\n\n  .laptop\\:z-1 {\n    z-index: 10;\n    z-index: var(--depth-1);\n  }\n\n  .laptop\\:z-2 {\n    z-index: 20;\n    z-index: var(--depth-2);\n  }\n\n  .laptop\\:z-3 {\n    z-index: 30;\n    z-index: var(--depth-3);\n  }\n\n  .laptop\\:z-4 {\n    z-index: 40;\n    z-index: var(--depth-4);\n  }\n\n  .laptop\\:z-5 {\n    z-index: 50;\n    z-index: var(--depth-5);\n  }\n\n  .laptop\\:z-foreground {\n    z-index: 50;\n    z-index: var(--depth-foreground);\n  }\n\n  .laptop\\:z-auto {\n    z-index: auto;\n  }\n\n  .laptop\\:position-static {\n    position: static;\n  }\n\n  .laptop\\:position-absolute {\n    position: absolute;\n  }\n\n  .laptop\\:position-fixed {\n    position: fixed;\n  }\n\n  .laptop\\:position-fixed-top {\n    position: fixed;\n    top: 0;\n    z-index: 10;\n    z-index: var(--depth-1);\n  }\n\n  .laptop\\:position-fixed-bottom {\n    position: fixed;\n    bottom: 0;\n    z-index: 10;\n    z-index: var(--depth-1);\n  }\n\n  .laptop\\:position-relative {\n    position: relative;\n  }\n\n  .laptop\\:position-sticky {\n    position: sticky;\n  }\n\n  .laptop\\:position-sticky-top {\n    position: sticky;\n    top: 0;\n    z-index: 10;\n    z-index: var(--depth-1);\n  }\n\n  .laptop\\:position-sticky-bottom {\n    position: sticky;\n    bottom: 0;\n    z-index: 10;\n    z-index: var(--depth-1);\n  }\n\n  .laptop\\:top-0 {\n    top: 0;\n    top: var(--spacing-0);\n  }\n\n  .laptop\\:top-1 {\n    top: calc(1em * 1 / 16);\n    top: var(--spacing-1);\n  }\n\n  .laptop\\:top-5xs {\n    top: calc(1em * 3 / 16);\n    top: var(--spacing-5xs);\n  }\n\n  .laptop\\:top-4xs {\n    top: calc(1em * 4 / 16);\n    top: var(--spacing-4xs);\n  }\n\n  .laptop\\:top-3xs {\n    top: calc(1em * 6 / 16);\n    top: var(--spacing-3xs);\n  }\n\n  .laptop\\:top-2xs {\n    top: calc(1em * 8 / 16);\n    top: var(--spacing-2xs);\n  }\n\n  .laptop\\:top-xs {\n    top: calc(1em * 10 / 16);\n    top: var(--spacing-xs);\n  }\n\n  .laptop\\:top-md {\n    top: calc(1em * 1);\n    top: var(--spacing-md);\n  }\n\n  .laptop\\:right-0 {\n    right: 0;\n    right: var(--spacing-0);\n  }\n\n  .laptop\\:right-1 {\n    right: calc(1em * 1 / 16);\n    right: var(--spacing-1);\n  }\n\n  .laptop\\:right-5xs {\n    right: calc(1em * 3 / 16);\n    right: var(--spacing-5xs);\n  }\n\n  .laptop\\:right-4xs {\n    right: calc(1em * 4 / 16);\n    right: var(--spacing-4xs);\n  }\n\n  .laptop\\:right-3xs {\n    right: calc(1em * 6 / 16);\n    right: var(--spacing-3xs);\n  }\n\n  .laptop\\:right-2xs {\n    right: calc(1em * 8 / 16);\n    right: var(--spacing-2xs);\n  }\n\n  .laptop\\:right-xs {\n    right: calc(1em * 10 / 16);\n    right: var(--spacing-xs);\n  }\n\n  .laptop\\:right-md {\n    right: calc(1em * 1);\n    right: var(--spacing-md);\n  }\n\n  .laptop\\:bottom-0 {\n    bottom: 0;\n    bottom: var(--spacing-0);\n  }\n\n  .laptop\\:bottom-1 {\n    bottom: calc(1em * 1 / 16);\n    bottom: var(--spacing-1);\n  }\n\n  .laptop\\:bottom-5xs {\n    bottom: calc(1em * 3 / 16);\n    bottom: var(--spacing-5xs);\n  }\n\n  .laptop\\:bottom-4xs {\n    bottom: calc(1em * 4 / 16);\n    bottom: var(--spacing-4xs);\n  }\n\n  .laptop\\:bottom-3xs {\n    bottom: calc(1em * 6 / 16);\n    bottom: var(--spacing-3xs);\n  }\n\n  .laptop\\:bottom-2xs {\n    bottom: calc(1em * 8 / 16);\n    bottom: var(--spacing-2xs);\n  }\n\n  .laptop\\:bottom-xs {\n    bottom: calc(1em * 10 / 16);\n    bottom: var(--spacing-xs);\n  }\n\n  .laptop\\:bottom-md {\n    bottom: calc(1em * 1);\n    bottom: var(--spacing-md);\n  }\n\n  .laptop\\:left-0 {\n    left: 0;\n    left: var(--spacing-0);\n  }\n\n  .laptop\\:left-1 {\n    left: calc(1em * 1 / 16);\n    left: var(--spacing-1);\n  }\n\n  .laptop\\:left-5xs {\n    left: calc(1em * 3 / 16);\n    left: var(--spacing-5xs);\n  }\n\n  .laptop\\:left-4xs {\n    left: calc(1em * 4 / 16);\n    left: var(--spacing-4xs);\n  }\n\n  .laptop\\:left-3xs {\n    left: calc(1em * 6 / 16);\n    left: var(--spacing-3xs);\n  }\n\n  .laptop\\:left-2xs {\n    left: calc(1em * 8 / 16);\n    left: var(--spacing-2xs);\n  }\n\n  .laptop\\:left-xs {\n    left: calc(1em * 10 / 16);\n    left: var(--spacing-xs);\n  }\n\n  .laptop\\:left-md {\n    left: calc(1em * 1);\n    left: var(--spacing-md);\n  }\n}\n@media (min-width: 96rem) {\n  .desktop\\:z-background {\n    z-index: -1;\n    z-index: var(--depth-background);\n  }\n\n  .desktop\\:z--1 {\n    z-index: -1;\n    z-index: var(--depth--1);\n  }\n\n  .desktop\\:z-0 {\n    z-index: 0;\n    z-index: var(--depth-0);\n  }\n\n  .desktop\\:z-1 {\n    z-index: 10;\n    z-index: var(--depth-1);\n  }\n\n  .desktop\\:z-2 {\n    z-index: 20;\n    z-index: var(--depth-2);\n  }\n\n  .desktop\\:z-3 {\n    z-index: 30;\n    z-index: var(--depth-3);\n  }\n\n  .desktop\\:z-4 {\n    z-index: 40;\n    z-index: var(--depth-4);\n  }\n\n  .desktop\\:z-5 {\n    z-index: 50;\n    z-index: var(--depth-5);\n  }\n\n  .desktop\\:z-foreground {\n    z-index: 50;\n    z-index: var(--depth-foreground);\n  }\n\n  .desktop\\:z-auto {\n    z-index: auto;\n  }\n\n  .desktop\\:position-static {\n    position: static;\n  }\n\n  .desktop\\:position-absolute {\n    position: absolute;\n  }\n\n  .desktop\\:position-fixed {\n    position: fixed;\n  }\n\n  .desktop\\:position-fixed-top {\n    position: fixed;\n    top: 0;\n    z-index: 10;\n    z-index: var(--depth-1);\n  }\n\n  .desktop\\:position-fixed-bottom {\n    position: fixed;\n    bottom: 0;\n    z-index: 10;\n    z-index: var(--depth-1);\n  }\n\n  .desktop\\:position-relative {\n    position: relative;\n  }\n\n  .desktop\\:position-sticky {\n    position: sticky;\n  }\n\n  .desktop\\:position-sticky-top {\n    position: sticky;\n    top: 0;\n    z-index: 10;\n    z-index: var(--depth-1);\n  }\n\n  .desktop\\:position-sticky-bottom {\n    position: sticky;\n    bottom: 0;\n    z-index: 10;\n    z-index: var(--depth-1);\n  }\n\n  .desktop\\:top-0 {\n    top: 0;\n    top: var(--spacing-0);\n  }\n\n  .desktop\\:top-1 {\n    top: calc(1em * 1 / 16);\n    top: var(--spacing-1);\n  }\n\n  .desktop\\:top-5xs {\n    top: calc(1em * 3 / 16);\n    top: var(--spacing-5xs);\n  }\n\n  .desktop\\:top-4xs {\n    top: calc(1em * 4 / 16);\n    top: var(--spacing-4xs);\n  }\n\n  .desktop\\:top-3xs {\n    top: calc(1em * 6 / 16);\n    top: var(--spacing-3xs);\n  }\n\n  .desktop\\:top-2xs {\n    top: calc(1em * 8 / 16);\n    top: var(--spacing-2xs);\n  }\n\n  .desktop\\:top-xs {\n    top: calc(1em * 10 / 16);\n    top: var(--spacing-xs);\n  }\n\n  .desktop\\:top-md {\n    top: calc(1em * 1);\n    top: var(--spacing-md);\n  }\n\n  .desktop\\:right-0 {\n    right: 0;\n    right: var(--spacing-0);\n  }\n\n  .desktop\\:right-1 {\n    right: calc(1em * 1 / 16);\n    right: var(--spacing-1);\n  }\n\n  .desktop\\:right-5xs {\n    right: calc(1em * 3 / 16);\n    right: var(--spacing-5xs);\n  }\n\n  .desktop\\:right-4xs {\n    right: calc(1em * 4 / 16);\n    right: var(--spacing-4xs);\n  }\n\n  .desktop\\:right-3xs {\n    right: calc(1em * 6 / 16);\n    right: var(--spacing-3xs);\n  }\n\n  .desktop\\:right-2xs {\n    right: calc(1em * 8 / 16);\n    right: var(--spacing-2xs);\n  }\n\n  .desktop\\:right-xs {\n    right: calc(1em * 10 / 16);\n    right: var(--spacing-xs);\n  }\n\n  .desktop\\:right-md {\n    right: calc(1em * 1);\n    right: var(--spacing-md);\n  }\n\n  .desktop\\:bottom-0 {\n    bottom: 0;\n    bottom: var(--spacing-0);\n  }\n\n  .desktop\\:bottom-1 {\n    bottom: calc(1em * 1 / 16);\n    bottom: var(--spacing-1);\n  }\n\n  .desktop\\:bottom-5xs {\n    bottom: calc(1em * 3 / 16);\n    bottom: var(--spacing-5xs);\n  }\n\n  .desktop\\:bottom-4xs {\n    bottom: calc(1em * 4 / 16);\n    bottom: var(--spacing-4xs);\n  }\n\n  .desktop\\:bottom-3xs {\n    bottom: calc(1em * 6 / 16);\n    bottom: var(--spacing-3xs);\n  }\n\n  .desktop\\:bottom-2xs {\n    bottom: calc(1em * 8 / 16);\n    bottom: var(--spacing-2xs);\n  }\n\n  .desktop\\:bottom-xs {\n    bottom: calc(1em * 10 / 16);\n    bottom: var(--spacing-xs);\n  }\n\n  .desktop\\:bottom-md {\n    bottom: calc(1em * 1);\n    bottom: var(--spacing-md);\n  }\n\n  .desktop\\:left-0 {\n    left: 0;\n    left: var(--spacing-0);\n  }\n\n  .desktop\\:left-1 {\n    left: calc(1em * 1 / 16);\n    left: var(--spacing-1);\n  }\n\n  .desktop\\:left-5xs {\n    left: calc(1em * 3 / 16);\n    left: var(--spacing-5xs);\n  }\n\n  .desktop\\:left-4xs {\n    left: calc(1em * 4 / 16);\n    left: var(--spacing-4xs);\n  }\n\n  .desktop\\:left-3xs {\n    left: calc(1em * 6 / 16);\n    left: var(--spacing-3xs);\n  }\n\n  .desktop\\:left-2xs {\n    left: calc(1em * 8 / 16);\n    left: var(--spacing-2xs);\n  }\n\n  .desktop\\:left-xs {\n    left: calc(1em * 10 / 16);\n    left: var(--spacing-xs);\n  }\n\n  .desktop\\:left-md {\n    left: calc(1em * 1);\n    left: var(--spacing-md);\n  }\n}\n/* sizes */\n.size-6xs {\n    font-size: calc(1em * 0.25);\n    font-size: var(--size-6xs);\n  }\n.size-5xs {\n    font-size: calc(1em * 0.3125);\n    font-size: var(--size-5xs);\n  }\n.size-4xs {\n    font-size: calc(1em * 0.375);\n    font-size: var(--size-4xs);\n  }\n.size-3xs {\n    font-size: calc(1em * 0.5);\n    font-size: var(--size-3xs);\n  }\n.size-2xs {\n    font-size: calc(1em * 0.625);\n    font-size: var(--size-2xs);\n  }\n.size-xs {\n    font-size: calc(1em * 0.75);\n    font-size: var(--size-xs);\n  }\n.size-sm {\n    font-size: calc(1em * 0.875);\n    font-size: var(--size-sm);\n  }\n.size-md {\n    font-size: 1em;\n    font-size: var(--size-md);\n  }\n.size-lg {\n    font-size: calc(1em * 1.25);\n    font-size: var(--size-lg);\n  }\n.size-xl {\n    font-size: calc(1em * 1.5);\n    font-size: var(--size-xl);\n  }\n.size-2xl {\n    font-size: calc(1em * 2);\n    font-size: var(--size-2xl);\n  }\n.size-3xl {\n    font-size: calc(1em * 2.5);\n    font-size: var(--size-3xl);\n  }\n.size-4xl {\n    font-size: calc(1em * 3);\n    font-size: var(--size-4xl);\n  }\n.size-5xl {\n    font-size: calc(1em * 3.75);\n    font-size: var(--size-5xl);\n  }\n.size-6xl {\n    font-size: calc(1em * 4.5);\n    font-size: var(--size-6xl);\n  }\n@media (min-width: 48rem) {\n    .tablet\\:size-6xs {\n      font-size: calc(1em * 0.25);\n      font-size: var(--size-6xs);\n    }\n    .tablet\\:size-5xs {\n      font-size: calc(1em * 0.3125);\n      font-size: var(--size-5xs);\n    }\n    .tablet\\:size-4xs {\n      font-size: calc(1em * 0.375);\n      font-size: var(--size-4xs);\n    }\n    .tablet\\:size-3xs {\n      font-size: calc(1em * 0.5);\n      font-size: var(--size-3xs);\n    }\n    .tablet\\:size-2xs {\n      font-size: calc(1em * 0.625);\n      font-size: var(--size-2xs);\n    }\n    .tablet\\:size-xs {\n      font-size: calc(1em * 0.75);\n      font-size: var(--size-xs);\n    }\n    .tablet\\:size-sm {\n      font-size: calc(1em * 0.875);\n      font-size: var(--size-sm);\n    }\n    .tablet\\:size-md {\n      font-size: 1em;\n      font-size: var(--size-md);\n    }\n    .tablet\\:size-lg {\n      font-size: calc(1em * 1.25);\n      font-size: var(--size-lg);\n    }\n    .tablet\\:size-xl {\n      font-size: calc(1em * 1.5);\n      font-size: var(--size-xl);\n    }\n    .tablet\\:size-2xl {\n      font-size: calc(1em * 2);\n      font-size: var(--size-2xl);\n    }\n    .tablet\\:size-3xl {\n      font-size: calc(1em * 2.5);\n      font-size: var(--size-3xl);\n    }\n    .tablet\\:size-4xl {\n      font-size: calc(1em * 3);\n      font-size: var(--size-4xl);\n    }\n    .tablet\\:size-5xl {\n      font-size: calc(1em * 3.75);\n      font-size: var(--size-5xl);\n    }\n    .tablet\\:size-6xl {\n      font-size: calc(1em * 4.5);\n      font-size: var(--size-6xl);\n    }\n}\n@media (min-width: 64rem) {\n    .laptop\\:size-6xs {\n      font-size: calc(1em * 0.25);\n      font-size: var(--size-6xs);\n    }\n    .laptop\\:size-5xs {\n      font-size: calc(1em * 0.3125);\n      font-size: var(--size-5xs);\n    }\n    .laptop\\:size-4xs {\n      font-size: calc(1em * 0.375);\n      font-size: var(--size-4xs);\n    }\n    .laptop\\:size-3xs {\n      font-size: calc(1em * 0.5);\n      font-size: var(--size-3xs);\n    }\n    .laptop\\:size-2xs {\n      font-size: calc(1em * 0.625);\n      font-size: var(--size-2xs);\n    }\n    .laptop\\:size-xs {\n      font-size: calc(1em * 0.75);\n      font-size: var(--size-xs);\n    }\n    .laptop\\:size-sm {\n      font-size: calc(1em * 0.875);\n      font-size: var(--size-sm);\n    }\n    .laptop\\:size-md {\n      font-size: 1em;\n      font-size: var(--size-md);\n    }\n    .laptop\\:size-lg {\n      font-size: calc(1em * 1.25);\n      font-size: var(--size-lg);\n    }\n    .laptop\\:size-xl {\n      font-size: calc(1em * 1.5);\n      font-size: var(--size-xl);\n    }\n    .laptop\\:size-2xl {\n      font-size: calc(1em * 2);\n      font-size: var(--size-2xl);\n    }\n    .laptop\\:size-3xl {\n      font-size: calc(1em * 2.5);\n      font-size: var(--size-3xl);\n    }\n    .laptop\\:size-4xl {\n      font-size: calc(1em * 3);\n      font-size: var(--size-4xl);\n    }\n    .laptop\\:size-5xl {\n      font-size: calc(1em * 3.75);\n      font-size: var(--size-5xl);\n    }\n    .laptop\\:size-6xl {\n      font-size: calc(1em * 4.5);\n      font-size: var(--size-6xl);\n    }\n}\n@media (min-width: 96rem) {\n    .desktop\\:size-6xs {\n      font-size: calc(1em * 0.25);\n      font-size: var(--size-6xs);\n    }\n    .desktop\\:size-5xs {\n      font-size: calc(1em * 0.3125);\n      font-size: var(--size-5xs);\n    }\n    .desktop\\:size-4xs {\n      font-size: calc(1em * 0.375);\n      font-size: var(--size-4xs);\n    }\n    .desktop\\:size-3xs {\n      font-size: calc(1em * 0.5);\n      font-size: var(--size-3xs);\n    }\n    .desktop\\:size-2xs {\n      font-size: calc(1em * 0.625);\n      font-size: var(--size-2xs);\n    }\n    .desktop\\:size-xs {\n      font-size: calc(1em * 0.75);\n      font-size: var(--size-xs);\n    }\n    .desktop\\:size-sm {\n      font-size: calc(1em * 0.875);\n      font-size: var(--size-sm);\n    }\n    .desktop\\:size-md {\n      font-size: 1em;\n      font-size: var(--size-md);\n    }\n    .desktop\\:size-lg {\n      font-size: calc(1em * 1.25);\n      font-size: var(--size-lg);\n    }\n    .desktop\\:size-xl {\n      font-size: calc(1em * 1.5);\n      font-size: var(--size-xl);\n    }\n    .desktop\\:size-2xl {\n      font-size: calc(1em * 2);\n      font-size: var(--size-2xl);\n    }\n    .desktop\\:size-3xl {\n      font-size: calc(1em * 2.5);\n      font-size: var(--size-3xl);\n    }\n    .desktop\\:size-4xl {\n      font-size: calc(1em * 3);\n      font-size: var(--size-4xl);\n    }\n    .desktop\\:size-5xl {\n      font-size: calc(1em * 3.75);\n      font-size: var(--size-5xl);\n    }\n    .desktop\\:size-6xl {\n      font-size: calc(1em * 4.5);\n      font-size: var(--size-6xl);\n    }\n}\n/* sizes resets */\n.size-reset-6xs {\n    font-size: calc(1rem * 0.25);\n    font-size: var(--size-reset-6xs);\n  }\n.size-reset-5xs {\n    font-size: calc(1rem * 0.3125);\n    font-size: var(--size-reset-5xs);\n  }\n.size-reset-4xs {\n    font-size: calc(1rem * 0.375);\n    font-size: var(--size-reset-4xs);\n  }\n.size-reset-3xs {\n    font-size: calc(1rem * 0.5);\n    font-size: var(--size-reset-3xs);\n  }\n.size-reset-2xs {\n    font-size: calc(1rem * 0.625);\n    font-size: var(--size-reset-2xs);\n  }\n.size-reset-xs {\n    font-size: calc(1rem * 0.75);\n    font-size: var(--size-reset-xs);\n  }\n.size-reset-sm {\n    font-size: calc(1rem * 0.875);\n    font-size: var(--size-reset-sm);\n  }\n.size-reset-md {\n    font-size: 1rem;\n    font-size: var(--size-reset-md);\n  }\n.size-reset-lg {\n    font-size: calc(1rem * 1.25);\n    font-size: var(--size-reset-lg);\n  }\n.size-reset-xl {\n    font-size: calc(1rem * 1.5);\n    font-size: var(--size-reset-xl);\n  }\n.size-reset-2xl {\n    font-size: calc(1rem * 2);\n    font-size: var(--size-reset-2xl);\n  }\n.size-reset-3xl {\n    font-size: calc(1rem * 2.5);\n    font-size: var(--size-reset-3xl);\n  }\n.size-reset-4xl {\n    font-size: calc(1rem * 3);\n    font-size: var(--size-reset-4xl);\n  }\n.size-reset-5xl {\n    font-size: calc(1rem * 3.75);\n    font-size: var(--size-reset-5xl);\n  }\n.size-reset-6xl {\n    font-size: calc(1rem * 4.5);\n    font-size: var(--size-reset-6xl);\n  }\n@media (min-width: 48rem) {\n    .tablet\\:size-reset-6xs {\n      font-size: calc(1rem * 0.25);\n      font-size: var(--size-reset-6xs);\n    }\n    .tablet\\:size-reset-5xs {\n      font-size: calc(1rem * 0.3125);\n      font-size: var(--size-reset-5xs);\n    }\n    .tablet\\:size-reset-4xs {\n      font-size: calc(1rem * 0.375);\n      font-size: var(--size-reset-4xs);\n    }\n    .tablet\\:size-reset-3xs {\n      font-size: calc(1rem * 0.5);\n      font-size: var(--size-reset-3xs);\n    }\n    .tablet\\:size-reset-2xs {\n      font-size: calc(1rem * 0.625);\n      font-size: var(--size-reset-2xs);\n    }\n    .tablet\\:size-reset-xs {\n      font-size: calc(1rem * 0.75);\n      font-size: var(--size-reset-xs);\n    }\n    .tablet\\:size-reset-sm {\n      font-size: calc(1rem * 0.875);\n      font-size: var(--size-reset-sm);\n    }\n    .tablet\\:size-reset-md {\n      font-size: 1rem;\n      font-size: var(--size-reset-md);\n    }\n    .tablet\\:size-reset-lg {\n      font-size: calc(1rem * 1.25);\n      font-size: var(--size-reset-lg);\n    }\n    .tablet\\:size-reset-xl {\n      font-size: calc(1rem * 1.5);\n      font-size: var(--size-reset-xl);\n    }\n    .tablet\\:size-reset-2xl {\n      font-size: calc(1rem * 2);\n      font-size: var(--size-reset-2xl);\n    }\n    .tablet\\:size-reset-3xl {\n      font-size: calc(1rem * 2.5);\n      font-size: var(--size-reset-3xl);\n    }\n    .tablet\\:size-reset-4xl {\n      font-size: calc(1rem * 3);\n      font-size: var(--size-reset-4xl);\n    }\n    .tablet\\:size-reset-5xl {\n      font-size: calc(1rem * 3.75);\n      font-size: var(--size-reset-5xl);\n    }\n    .tablet\\:size-reset-6xl {\n      font-size: calc(1rem * 4.5);\n      font-size: var(--size-reset-6xl);\n    }\n}\n@media (min-width: 64rem) {\n    .laptop\\:size-reset-6xs {\n      font-size: calc(1rem * 0.25);\n      font-size: var(--size-reset-6xs);\n    }\n    .laptop\\:size-reset-5xs {\n      font-size: calc(1rem * 0.3125);\n      font-size: var(--size-reset-5xs);\n    }\n    .laptop\\:size-reset-4xs {\n      font-size: calc(1rem * 0.375);\n      font-size: var(--size-reset-4xs);\n    }\n    .laptop\\:size-reset-3xs {\n      font-size: calc(1rem * 0.5);\n      font-size: var(--size-reset-3xs);\n    }\n    .laptop\\:size-reset-2xs {\n      font-size: calc(1rem * 0.625);\n      font-size: var(--size-reset-2xs);\n    }\n    .laptop\\:size-reset-xs {\n      font-size: calc(1rem * 0.75);\n      font-size: var(--size-reset-xs);\n    }\n    .laptop\\:size-reset-sm {\n      font-size: calc(1rem * 0.875);\n      font-size: var(--size-reset-sm);\n    }\n    .laptop\\:size-reset-md {\n      font-size: 1rem;\n      font-size: var(--size-reset-md);\n    }\n    .laptop\\:size-reset-lg {\n      font-size: calc(1rem * 1.25);\n      font-size: var(--size-reset-lg);\n    }\n    .laptop\\:size-reset-xl {\n      font-size: calc(1rem * 1.5);\n      font-size: var(--size-reset-xl);\n    }\n    .laptop\\:size-reset-2xl {\n      font-size: calc(1rem * 2);\n      font-size: var(--size-reset-2xl);\n    }\n    .laptop\\:size-reset-3xl {\n      font-size: calc(1rem * 2.5);\n      font-size: var(--size-reset-3xl);\n    }\n    .laptop\\:size-reset-4xl {\n      font-size: calc(1rem * 3);\n      font-size: var(--size-reset-4xl);\n    }\n    .laptop\\:size-reset-5xl {\n      font-size: calc(1rem * 3.75);\n      font-size: var(--size-reset-5xl);\n    }\n    .laptop\\:size-reset-6xl {\n      font-size: calc(1rem * 4.5);\n      font-size: var(--size-reset-6xl);\n    }\n}\n@media (min-width: 96rem) {\n    .desktop\\:size-reset-6xs {\n      font-size: calc(1rem * 0.25);\n      font-size: var(--size-reset-6xs);\n    }\n    .desktop\\:size-reset-5xs {\n      font-size: calc(1rem * 0.3125);\n      font-size: var(--size-reset-5xs);\n    }\n    .desktop\\:size-reset-4xs {\n      font-size: calc(1rem * 0.375);\n      font-size: var(--size-reset-4xs);\n    }\n    .desktop\\:size-reset-3xs {\n      font-size: calc(1rem * 0.5);\n      font-size: var(--size-reset-3xs);\n    }\n    .desktop\\:size-reset-2xs {\n      font-size: calc(1rem * 0.625);\n      font-size: var(--size-reset-2xs);\n    }\n    .desktop\\:size-reset-xs {\n      font-size: calc(1rem * 0.75);\n      font-size: var(--size-reset-xs);\n    }\n    .desktop\\:size-reset-sm {\n      font-size: calc(1rem * 0.875);\n      font-size: var(--size-reset-sm);\n    }\n    .desktop\\:size-reset-md {\n      font-size: 1rem;\n      font-size: var(--size-reset-md);\n    }\n    .desktop\\:size-reset-lg {\n      font-size: calc(1rem * 1.25);\n      font-size: var(--size-reset-lg);\n    }\n    .desktop\\:size-reset-xl {\n      font-size: calc(1rem * 1.5);\n      font-size: var(--size-reset-xl);\n    }\n    .desktop\\:size-reset-2xl {\n      font-size: calc(1rem * 2);\n      font-size: var(--size-reset-2xl);\n    }\n    .desktop\\:size-reset-3xl {\n      font-size: calc(1rem * 2.5);\n      font-size: var(--size-reset-3xl);\n    }\n    .desktop\\:size-reset-4xl {\n      font-size: calc(1rem * 3);\n      font-size: var(--size-reset-4xl);\n    }\n    .desktop\\:size-reset-5xl {\n      font-size: calc(1rem * 3.75);\n      font-size: var(--size-reset-5xl);\n    }\n    .desktop\\:size-reset-6xl {\n      font-size: calc(1rem * 4.5);\n      font-size: var(--size-reset-6xl);\n    }\n}\n.visibility-hidden,\n.invisible {\n  visibility: hidden;\n}\n.visibility-visible,\n.visible {\n  visibility: visible;\n}\n@media (min-width: 48rem) {\n  .tablet\\:visibility-hidden,\n  .tablet\\:invisible {\n    visibility: hidden;\n  }\n\n  .tablet\\:visibility-visible,\n  .tablet\\:visible {\n    visibility: visible;\n  }\n}\n@media (min-width: 64rem) {\n  .laptop\\:visibility-hidden,\n  .laptop\\:invisible {\n    visibility: hidden;\n  }\n\n  .laptop\\:visibility-visible,\n  .laptop\\:visible {\n    visibility: visible;\n  }\n}\n@media (min-width: 96rem) {\n  .desktop\\:visibility-hidden,\n  .desktop\\:invisible {\n    visibility: hidden;\n  }\n\n  .desktop\\:visibility-visible,\n  .desktop\\:visible {\n    visibility: visible;\n  }\n}\n\n\n/* project settings */\n:host {\n  --icon-details-preview-font-size: 12rem; /* 192px */\n  --icon-details-preview-line-height: 1;\n  --icon-details-unicode-glyphs-label-min-width: var(--spacing-5xl);\n  --icon-listing-roomy-font-size: var(--font-size-2xl); /* 32px */\n  --icon-listing-roomy-gap-x: var(--spacing-md); /* 16px */\n  --icon-listing-roomy-gap-y: var(--spacing-md); /* 16px */\n  --icon-listing-roomy-size: calc(var(--spacing-base) * 8); /* 128px */\n  --input-border-color: var(--fa-navy);\n  --input-border-width: 0.15rem;\n}\n\n:host {\n  --background-color: var(--white);\n\n  display: block;\n  width: 90vw;\n  height: 75vw;\n  margin: 0 auto;\n  padding: var(--spacing-sm);\n  font-size: 15px;\n}\n\n.wrap-search {\n  --input-with-icon-color: var(--fa-navy);\n  --input-placeholder-color: var(--fa-md-gravy);\n}\n\n.wrap-icon-listing {\n  background: var(--fa-lt-gravy);\n  padding: var(--spacing-lg) var(--spacing-md);\n}\n\n.icon-listing {\n  display: grid;\n  grid-auto-flow: row dense;\n  grid-template-columns: repeat(auto-fill, minmax(var(--icon-listing-roomy-size), 1fr));\n  grid-gap: var(--icon-listing-roomy-gap-y) var(--icon-listing-roomy-gap-x);\n  justify-content: center;\n  justify-items: center;\n}\n\n.wrap-icon {\n  position: relative;\n  width: var(--icon-listing-roomy-size);\n}\n\nbutton.icon {\n  --button-padding: var(--spacing-xl) var(--spacing-lg);\n  --button-font-weight: var(--font-weight-normal);\n  --button-background: var(--white);\n  --button-hover-background: var(--fa-yellow);\n  --button-color: var(--fa-md-gravy);\n  --button-hover-color: var(--fa-navy);\n  --button-margin-bottom: 0;\n\n  width: 100%;\n  height: 100%;\n}\n\nbutton.icon fa-icon {\n  color: var(--fa-navy);\n}\n\n.icon-listing .icon .icon-name {\n  width: 100%; /* to support text truncate */\n}\n\n.message {\n  color: var(--fa-navy);\n}\n\n.message-title + p {\n  --paragraph-margin-bottom: var(--spacing-md);\n  --paragraph-margin-top: var(--spacing-2xl);\n}\n'}}]);