관리-도구

편집 파일: 191-d27f9ab0380a689a7c84.js

"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'}}]);