(()=>{var n,t,a={609:n=>{"use strict";n.exports=window.React},629:n=>{function t(n){return Promise.resolve().then(()=>{var t=new Error("Cannot find module '"+n+"'");throw t.code="MODULE_NOT_FOUND",t})}t.keys=()=>[],t.resolve=t,t.id=629,n.exports=t}},i={};function r(n){var t=i[n];if(void 0!==t)return t.exports;var e=i[n]={exports:{}};return a[n].call(e.exports,e,e.exports,r),e.exports}r.m=a,r.n=n=>{var t=n&&n.__esModule?()=>n.default:()=>n;return r.d(t,{a:t}),t},r.d=(n,t)=>{for(var a in t)r.o(t,a)&&!r.o(n,a)&&Object.defineProperty(n,a,{enumerable:!0,get:t[a]})},r.f={},r.e=n=>Promise.all(Object.keys(r.f).reduce((t,a)=>(r.f[a](n,t),t),[])),r.u=n=>n+".js?v="+{393:"a030dc4aa5627ad79b55",900:"9997c8f204465786c739"}[n],r.miniCssF=n=>{},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(n){if("object"==typeof window)return window}}(),r.o=(n,t)=>Object.prototype.hasOwnProperty.call(n,t),n={},t="wordpress-icon-chooser:",r.l=(a,i,e,o)=>{if(n[a])n[a].push(i);else{var l,p;if(void 0!==e)for(var c=document.getElementsByTagName("script"),s=0;s{l.onerror=l.onload=null,clearTimeout(g);var r=n[a];if(delete n[a],l.parentNode&&l.parentNode.removeChild(l),r&&r.forEach(n=>n(i)),t)return t(i)},g=setTimeout(d.bind(null,void 0,{type:"timeout",target:l}),12e4);l.onerror=d.bind(null,l.onerror),l.onload=d.bind(null,l.onload),p&&document.head.appendChild(l)}},r.r=n=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},(()=>{var n;r.g.importScripts&&(n=r.g.location+"");var t=r.g.document;if(!n&&t&&(t.currentScript&&"SCRIPT"===t.currentScript.tagName.toUpperCase()&&(n=t.currentScript.src),!n)){var a=t.getElementsByTagName("script");if(a.length)for(var i=a.length-1;i>-1&&(!n||!/^http(s?):/.test(n));)n=a[i--].src}if(!n)throw new Error("Automatic publicPath is not supported in this browser");n=n.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),r.p=n})(),(()=>{var n={57:0};r.f.j=(t,a)=>{var i=r.o(n,t)?n[t]:void 0;if(0!==i)if(i)a.push(i[2]);else{var e=new Promise((a,r)=>i=n[t]=[a,r]);a.push(i[2]=e);var o=r.p+r.u(t),l=new Error;r.l(o,a=>{if(r.o(n,t)&&(0!==(i=n[t])&&(n[t]=void 0),i)){var e=a&&("load"===a.type?"missing":a.type),o=a&&a.target&&a.target.src;l.message="Loading chunk "+t+" failed.\n("+e+": "+o+")",l.name="ChunkLoadError",l.type=e,l.request=o,i[1](l)}},"chunk-"+t,t)}};var t=(t,a)=>{var i,e,[o,l,p]=a,c=0;if(o.some(t=>0!==n[t])){for(i in l)r.o(l,i)&&(r.m[i]=l[i]);p&&p(r)}for(t&&t(a);c{"use strict";var n={};r.r(n),r.d(n,{hasBrowserEnv:()=>An,hasStandardBrowserEnv:()=>Vn,hasStandardBrowserWebWorkerEnv:()=>In,navigator:()=>Nn,origin:()=>Cn});const t=window.lodash,a="__FontAwesomeOfficialPlugin__",i=window.wp.apiFetch;var e=r.n(i);const o=window.wp.i18n;function l(n){return`wp-font-awesome-cache-${n}`}function p(n){let t,a;return async()=>{if(!t||!a||!t||!Number.isFinite(a)||a-Math.floor(Date.now()/1e3)<=60){const i=await e()({path:`${n}/api/token`,method:"GET"});t=i?.access_token,a=i?.expires_at}if(!t){const n=(0,o.__)("Font Awesome Icon Chooser could not get an access token from the WordPress server.","font-awesome");throw console.error(n),new Error(n)}return t}}function c(n,t){return function(){return n.apply(t,arguments)}}const{toString:s}=Object.prototype,{getPrototypeOf:m}=Object,{iterator:d,toStringTag:g}=Symbol,f=(({hasOwnProperty:n})=>(t,a)=>n.call(t,a))(Object.prototype),h=(n,t)=>{let a=n;const i=[];for(;null!=a&&a!==Object.prototype;){if(-1!==i.indexOf(a))return!1;if(i.push(a),f(a,t))return!0;a=m(a)}return!1},v=(b=Object.create(null),n=>{const t=s.call(n);return b[t]||(b[t]=t.slice(8,-1).toLowerCase())});var b;const u=n=>(n=n.toLowerCase(),t=>v(t)===n),x=n=>t=>typeof t===n,{isArray:y}=Array,k=x("undefined");function w(n){return null!==n&&!k(n)&&null!==n.constructor&&!k(n.constructor)&&$(n.constructor.isBuffer)&&n.constructor.isBuffer(n)}const O=u("ArrayBuffer"),z=x("string"),$=x("function"),E=x("number"),D=n=>null!==n&&"object"==typeof n,T=n=>{if(!D(n))return!1;const t=m(n);return!(null!==t&&t!==Object.prototype&&null!==m(t)||h(n,g)||h(n,d))},S=u("Date"),R=u("File"),L=u("Blob"),j=u("FileList"),A="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:"undefined"!=typeof window?window:"undefined"!=typeof global?global:{},N=void 0!==A.FormData?A.FormData:void 0,_=u("URLSearchParams"),[V,I,C,G]=["ReadableStream","Request","Response","Headers"].map(u);function P(n,t,{allOwnKeys:a=!1}={}){if(null==n)return;let i,r;if("object"!=typeof n&&(n=[n]),y(n))for(i=0,r=n.length;i0;)if(i=a[r],t===i.toLowerCase())return i;return null}const B="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:"undefined"!=typeof window?window:global,U=n=>!k(n)&&n!==B,M=(q="undefined"!=typeof Uint8Array&&m(Uint8Array),n=>q&&n instanceof q);var q;const H=u("HTMLFormElement"),{propertyIsEnumerable:W}=Object.prototype,K=u("RegExp"),X=(n,t)=>{const a=Object.getOwnPropertyDescriptors(n),i={};P(a,(a,r)=>{let e;!1!==(e=t(a,r,n))&&(i[r]=e||a)}),Object.defineProperties(n,i)},Q=u("AsyncFunction"),J=(Y="function"==typeof setImmediate,Z=$(B.postMessage),Y?setImmediate:Z?(nn=`axios@${Math.random()}`,tn=[],B.addEventListener("message",({source:n,data:t})=>{n===B&&t===nn&&tn.length&&tn.shift()()},!1),n=>{tn.push(n),B.postMessage(nn,"*")}):n=>setTimeout(n));var Y,Z,nn,tn;const an="undefined"!=typeof queueMicrotask?queueMicrotask.bind(B):"undefined"!=typeof process&&process.nextTick||J,rn=n=>null!=n&&$(n[d]),en={isArray:y,isArrayBuffer:O,isBuffer:w,isFormData:n=>{if(!n)return!1;if(N&&n instanceof N)return!0;const t=m(n);if(!t||t===Object.prototype)return!1;if(!$(n.append))return!1;const a=v(n);return"formdata"===a||"object"===a&&$(n.toString)&&"[object FormData]"===n.toString()},isArrayBufferView:function(n){let t;return t="undefined"!=typeof ArrayBuffer&&ArrayBuffer.isView?ArrayBuffer.isView(n):n&&n.buffer&&O(n.buffer),t},isString:z,isNumber:E,isBoolean:n=>!0===n||!1===n,isObject:D,isPlainObject:T,isEmptyObject:n=>{if(!D(n)||w(n))return!1;try{return 0===Object.keys(n).length&&Object.getPrototypeOf(n)===Object.prototype}catch(n){return!1}},isReadableStream:V,isRequest:I,isResponse:C,isHeaders:G,isUndefined:k,isDate:S,isFile:R,isReactNativeBlob:n=>!(!n||void 0===n.uri),isReactNative:n=>n&&void 0!==n.getParts,isBlob:L,isRegExp:K,isFunction:$,isStream:n=>D(n)&&$(n.pipe),isURLSearchParams:_,isTypedArray:M,isFileList:j,forEach:P,merge:function n(...t){const{caseless:a,skipUndefined:i}=U(this)&&this||{},r={},e=(t,e)=>{if("__proto__"===e||"constructor"===e||"prototype"===e)return;const o=a&&"string"==typeof e&&F(r,e)||e,l=f(r,o)?r[o]:void 0;T(l)&&T(t)?r[o]=n(l,t):T(t)?r[o]=n({},t):y(t)?r[o]=t.slice():i&&k(t)||(r[o]=t)};for(let n=0,a=t.length;n(P(t,(t,i)=>{a&&$(t)?Object.defineProperty(n,i,{__proto__:null,value:c(t,a),writable:!0,enumerable:!0,configurable:!0}):Object.defineProperty(n,i,{__proto__:null,value:t,writable:!0,enumerable:!0,configurable:!0})},{allOwnKeys:i}),n),trim:n=>n.trim?n.trim():n.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,""),stripBOM:n=>(65279===n.charCodeAt(0)&&(n=n.slice(1)),n),inherits:(n,t,a,i)=>{n.prototype=Object.create(t.prototype,i),Object.defineProperty(n.prototype,"constructor",{__proto__:null,value:n,writable:!0,enumerable:!1,configurable:!0}),Object.defineProperty(n,"super",{__proto__:null,value:t.prototype}),a&&Object.assign(n.prototype,a)},toFlatObject:(n,t,a,i)=>{let r,e,o;const l={};if(t=t||{},null==n)return t;do{for(r=Object.getOwnPropertyNames(n),e=r.length;e-- >0;)o=r[e],i&&!i(o,n,t)||l[o]||(t[o]=n[o],l[o]=!0);n=!1!==a&&m(n)}while(n&&(!a||a(n,t))&&n!==Object.prototype);return t},kindOf:v,kindOfTest:u,endsWith:(n,t,a)=>{n=String(n),(void 0===a||a>n.length)&&(a=n.length),a-=t.length;const i=n.indexOf(t,a);return-1!==i&&i===a},toArray:n=>{if(!n)return null;if(y(n))return n;let t=n.length;if(!E(t))return null;const a=new Array(t);for(;t-- >0;)a[t]=n[t];return a},forEachEntry:(n,t)=>{const a=(n&&n[d]).call(n);let i;for(;(i=a.next())&&!i.done;){const a=i.value;t.call(n,a[0],a[1])}},matchAll:(n,t)=>{let a;const i=[];for(;null!==(a=n.exec(t));)i.push(a);return i},isHTMLForm:H,hasOwnProperty:f,hasOwnProp:f,hasOwnInPrototypeChain:h,getSafeProp:(n,t)=>null!=n&&h(n,t)?n[t]:void 0,reduceDescriptors:X,freezeMethods:n=>{X(n,(t,a)=>{if($(n)&&["arguments","caller","callee"].includes(a))return!1;const i=n[a];$(i)&&(t.enumerable=!1,"writable"in t?t.writable=!1:t.set||(t.set=()=>{throw Error("Can not rewrite read-only method '"+a+"'")}))})},toObjectSet:(n,t)=>{const a={},i=n=>{n.forEach(n=>{a[n]=!0})};return y(n)?i(n):i(String(n).split(t)),a},toCamelCase:n=>n.toLowerCase().replace(/[-_\s]([a-z\d])(\w*)/g,function(n,t,a){return t.toUpperCase()+a}),noop:()=>{},toFiniteNumber:(n,t)=>null!=n&&Number.isFinite(n=+n)?n:t,findKey:F,global:B,isContextDefined:U,isSpecCompliantForm:function(n){return!!(n&&$(n.append)&&"FormData"===n[g]&&n[d])},toJSONObject:n=>{const t=new WeakSet,a=n=>{if(D(n)){if(t.has(n))return;if(w(n))return n;if(!("toJSON"in n)){t.add(n);const i=y(n)?[]:{};return P(n,(n,t)=>{const r=a(n);!k(r)&&(i[t]=r)}),t.delete(n),i}}return n};return a(n)},isAsyncFn:Q,isThenable:n=>n&&(D(n)||$(n))&&$(n.then)&&$(n.catch),setImmediate:J,asap:an,isIterable:rn,isSafeIterable:n=>null!=n&&h(n,d)&&rn(n)},on=en.toObjectSet(["age","authorization","content-length","content-type","etag","expires","from","host","if-modified-since","if-unmodified-since","last-modified","location","max-forwards","proxy-authorization","referer","retry-after","user-agent"]),ln=new RegExp("[\\u0000-\\u0008\\u000a-\\u001f\\u007f]+","g"),pn=new RegExp("[^\\u0009\\u0020-\\u007e\\u0080-\\u00ff]+","g");function cn(n,t){return en.isArray(n)?n.map(n=>cn(n,t)):function(n){let t=0,a=n.length;for(;tt;){const t=n.charCodeAt(a-1);if(9!==t&&32!==t)break;a-=1}return 0===t&&a===n.length?n:n.slice(t,a)}(String(n).replace(t,""))}function sn(n){const t=Object.create(null);return en.forEach(n.toJSON(),(n,a)=>{t[a]=(n=>cn(n,pn))(n)}),t}const mn=Symbol("internals");function dn(n){return n&&String(n).trim().toLowerCase()}function gn(n){return!1===n||null==n?n:en.isArray(n)?n.map(gn):(n=>cn(n,ln))(String(n))}function fn(n,t,a,i,r){return en.isFunction(i)?i.call(this,t,a):(r&&(t=a),en.isString(t)?en.isString(i)?-1!==t.indexOf(i):en.isRegExp(i)?i.test(t):void 0:void 0)}class hn{constructor(n){n&&this.set(n)}set(n,t,a){const i=this;function r(n,t,a){const r=dn(t);if(!r)return;const e=en.findKey(i,r);(!e||void 0===i[e]||!0===a||void 0===a&&!1!==i[e])&&(i[e||t]=gn(n))}const e=(n,t)=>en.forEach(n,(n,a)=>r(n,a,t));if(en.isPlainObject(n)||n instanceof this.constructor)e(n,t);else if(en.isString(n)&&(n=n.trim())&&!/^[-_a-zA-Z0-9^`|~,!#$%&'*+.]+$/.test(n.trim()))e((n=>{const t={};let a,i,r;return n&&n.split("\n").forEach(function(n){r=n.indexOf(":"),a=n.substring(0,r).trim().toLowerCase(),i=n.substring(r+1).trim(),!a||t[a]&&on[a]||("set-cookie"===a?t[a]?t[a].push(i):t[a]=[i]:t[a]=t[a]?t[a]+", "+i:i)}),t})(n),t);else if(en.isObject(n)&&en.isSafeIterable(n)){let a,i,r=Object.create(null);for(const t of n){if(!en.isArray(t))throw new TypeError("Object iterator must return a key-value pair");i=t[0],en.hasOwnProp(r,i)?(a=r[i],r[i]=en.isArray(a)?[...a,t[1]]:[a,t[1]]):r[i]=t[1]}e(r,t)}else null!=n&&r(t,n,a);return this}get(n,t){if(n=dn(n)){const a=en.findKey(this,n);if(a){const n=this[a];if(!t)return n;if(!0===t)return function(n){const t=Object.create(null),a=/([^\s,;=]+)\s*(?:=\s*([^,;]+))?/g;let i;for(;i=a.exec(n);)t[i[1]]=i[2];return t}(n);if(en.isFunction(t))return t.call(this,n,a);if(en.isRegExp(t))return t.exec(n);throw new TypeError("parser must be boolean|regexp|function")}}}has(n,t){if(n=dn(n)){const a=en.findKey(this,n);return!(!a||void 0===this[a]||t&&!fn(0,this[a],a,t))}return!1}delete(n,t){const a=this;let i=!1;function r(n){if(n=dn(n)){const r=en.findKey(a,n);!r||t&&!fn(0,a[r],r,t)||(delete a[r],i=!0)}}return en.isArray(n)?n.forEach(r):r(n),i}clear(n){const t=Object.keys(this);let a=t.length,i=!1;for(;a--;){const r=t[a];n&&!fn(0,this[r],r,n,!0)||(delete this[r],i=!0)}return i}normalize(n){const t=this,a={};return en.forEach(this,(i,r)=>{const e=en.findKey(a,r);if(e)return t[e]=gn(i),void delete t[r];const o=n?function(n){return n.trim().toLowerCase().replace(/([a-z\d])(\w*)/g,(n,t,a)=>t.toUpperCase()+a)}(r):String(r).trim();o!==r&&delete t[r],t[o]=gn(i),a[o]=!0}),this}concat(...n){return this.constructor.concat(this,...n)}toJSON(n){const t=Object.create(null);return en.forEach(this,(a,i)=>{null!=a&&!1!==a&&(t[i]=n&&en.isArray(a)?a.join(", "):a)}),t}[Symbol.iterator](){return Object.entries(this.toJSON())[Symbol.iterator]()}toString(){return Object.entries(this.toJSON()).map(([n,t])=>n+": "+t).join("\n")}getSetCookie(){return this.get("set-cookie")||[]}get[Symbol.toStringTag](){return"AxiosHeaders"}static from(n){return n instanceof this?n:new this(n)}static concat(n,...t){const a=new this(n);return t.forEach(n=>a.set(n)),a}static accessor(n){const t=(this[mn]=this[mn]={accessors:{}}).accessors,a=this.prototype;function i(n){const i=dn(n);t[i]||(function(n,t){const a=en.toCamelCase(" "+t);["get","set","has"].forEach(i=>{Object.defineProperty(n,i+a,{__proto__:null,value:function(n,a,r){return this[i].call(this,t,n,a,r)},configurable:!0})})}(a,n),t[i]=!0)}return en.isArray(n)?n.forEach(i):i(n),this}}hn.accessor(["Content-Type","Content-Length","Accept","Accept-Encoding","User-Agent","Authorization"]),en.reduceDescriptors(hn.prototype,({value:n},t)=>{let a=t[0].toUpperCase()+t.slice(1);return{get:()=>n,set(n){this[a]=n}}}),en.freezeMethods(hn);const vn=hn;class bn extends Error{static from(n,t,a,i,r,e){const o=new bn(n.message,t||n.code,a,i,r);return Object.defineProperty(o,"cause",{__proto__:null,value:n,writable:!0,enumerable:!1,configurable:!0}),o.name=n.name,null!=n.status&&null==o.status&&(o.status=n.status),e&&Object.assign(o,e),o}constructor(n,t,a,i,r){super(n),Object.defineProperty(this,"message",{__proto__:null,value:n,enumerable:!0,writable:!0,configurable:!0}),this.name="AxiosError",this.isAxiosError=!0,t&&(this.code=t),a&&(this.config=a),i&&(this.request=i),r&&(this.response=r,this.status=r.status)}toJSON(){const n=this.config,t=n&&en.hasOwnProp(n,"redact")?n.redact:void 0,a=en.isArray(t)&&t.length>0?function(n,t){const a=new Set(t.map(n=>String(n).toLowerCase())),i=[],r=n=>{if(null===n||"object"!=typeof n)return n;if(en.isBuffer(n))return n;if(-1!==i.indexOf(n))return;let t;if(n instanceof vn&&(n=n.toJSON()),i.push(n),en.isArray(n))t=[],n.forEach((n,a)=>{const i=r(n);en.isUndefined(i)||(t[a]=i)});else{if(!en.isPlainObject(n)&&function(n){if(en.hasOwnProp(n,"toJSON"))return!0;let t=Object.getPrototypeOf(n);for(;t&&t!==Object.prototype;){if(en.hasOwnProp(t,"toJSON"))return!0;t=Object.getPrototypeOf(t)}return!1}(n))return i.pop(),n;t=Object.create(null);for(const[i,e]of Object.entries(n)){const n=a.has(i.toLowerCase())?"[REDACTED ****]":r(e);en.isUndefined(n)||(t[i]=n)}}return i.pop(),t};return r(n)}(n,t):en.toJSONObject(n);return{message:this.message,name:this.name,description:this.description,number:this.number,fileName:this.fileName,lineNumber:this.lineNumber,columnNumber:this.columnNumber,stack:this.stack,config:a,code:this.code,status:this.status}}}bn.ERR_BAD_OPTION_VALUE="ERR_BAD_OPTION_VALUE",bn.ERR_BAD_OPTION="ERR_BAD_OPTION",bn.ECONNABORTED="ECONNABORTED",bn.ETIMEDOUT="ETIMEDOUT",bn.ECONNREFUSED="ECONNREFUSED",bn.ERR_NETWORK="ERR_NETWORK",bn.ERR_FR_TOO_MANY_REDIRECTS="ERR_FR_TOO_MANY_REDIRECTS",bn.ERR_DEPRECATED="ERR_DEPRECATED",bn.ERR_BAD_RESPONSE="ERR_BAD_RESPONSE",bn.ERR_BAD_REQUEST="ERR_BAD_REQUEST",bn.ERR_CANCELED="ERR_CANCELED",bn.ERR_NOT_SUPPORT="ERR_NOT_SUPPORT",bn.ERR_INVALID_URL="ERR_INVALID_URL",bn.ERR_FORM_DATA_DEPTH_EXCEEDED="ERR_FORM_DATA_DEPTH_EXCEEDED";const un=bn;function xn(n){return en.isPlainObject(n)||en.isArray(n)}function yn(n){return en.endsWith(n,"[]")?n.slice(0,-2):n}function kn(n,t,a){return n?n.concat(t).map(function(n,t){return n=yn(n),!a&&t?"["+n+"]":n}).join(a?".":""):t}const wn=en.toFlatObject(en,{},null,function(n){return/^is[A-Z]/.test(n)}),On=function(n,t,a){if(!en.isObject(n))throw new TypeError("target must be an object");t=t||new FormData;const i=(a=en.toFlatObject(a,{metaTokens:!0,dots:!1,indexes:!1},!1,function(n,t){return!en.isUndefined(t[n])})).metaTokens,r=a.visitor||g,e=a.dots,o=a.indexes,l=a.Blob||"undefined"!=typeof Blob&&Blob,p=void 0===a.maxDepth?100:a.maxDepth,c=l&&en.isSpecCompliantForm(t),s=[];if(!en.isFunction(r))throw new TypeError("visitor must be a function");function m(n){if(null===n)return"";if(en.isDate(n))return n.toISOString();if(en.isBoolean(n))return n.toString();if(!c&&en.isBlob(n))throw new un("Blob is not supported. Use a Buffer instead.");if(en.isArrayBuffer(n)||en.isTypedArray(n)){if(c&&"function"==typeof l)return new l([n]);if("undefined"!=typeof Buffer)return Buffer.from(n);throw new un("Blob is not supported. Use a Buffer instead.",un.ERR_NOT_SUPPORT)}return n}function d(n){if(n>p)throw new un("Object is too deeply nested ("+n+" levels). Max depth: "+p,un.ERR_FORM_DATA_DEPTH_EXCEEDED)}function g(n,a,r){let l=n;if(en.isReactNative(t)&&en.isReactNativeBlob(n))return t.append(kn(r,a,e),m(n)),!1;if(n&&!r&&"object"==typeof n)if(en.endsWith(a,"{}"))a=i?a:a.slice(0,-2),n=function(n){if(p===1/0)return JSON.stringify(n);const t=[];return JSON.stringify(n,function(n,a){if(!en.isObject(a))return a;for(;t.length&&t[t.length-1]!==this;)t.pop();return t.push(a),d(1+t.length-1),a})}(n);else if(en.isArray(n)&&function(n){return en.isArray(n)&&!n.some(xn)}(n)||(en.isFileList(n)||en.endsWith(a,"[]"))&&(l=en.toArray(n)))return a=yn(a),l.forEach(function(n,i){!en.isUndefined(n)&&null!==n&&t.append(!0===o?kn([a],i,e):null===o?a:a+"[]",m(n))}),!1;return!!xn(n)||(t.append(kn(r,a,e),m(n)),!1)}const f=Object.assign(wn,{defaultVisitor:g,convertValue:m,isVisitable:xn});if(!en.isObject(n))throw new TypeError("data must be an object");return function n(a,i,e=0){if(!en.isUndefined(a)){if(d(e),-1!==s.indexOf(a))throw new Error("Circular reference detected in "+i.join("."));s.push(a),en.forEach(a,function(a,o){!0===(!(en.isUndefined(a)||null===a)&&r.call(t,a,en.isString(o)?o.trim():o,i,f))&&n(a,i?i.concat(o):[o],e+1)}),s.pop()}}(n),t};function zn(n){const t={"!":"%21","'":"%27","(":"%28",")":"%29","~":"%7E","%20":"+"};return encodeURIComponent(n).replace(/[!'()~]|%20/g,function(n){return t[n]})}function $n(n,t){this._pairs=[],n&&On(n,this,t)}const En=$n.prototype;En.append=function(n,t){this._pairs.push([n,t])},En.toString=function(n){const t=n?t=>n.call(this,t,zn):zn;return this._pairs.map(function(n){return t(n[0])+"="+t(n[1])},"").join("&")};const Dn=$n;function Tn(n){return encodeURIComponent(n).replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"+")}function Sn(n,t,a){if(!t)return n;n=n||"";const i=en.isFunction(a)?{serialize:a}:a,r=en.getSafeProp(i,"encode")||Tn,e=en.getSafeProp(i,"serialize");let o;if(o=e?e(t,i):en.isURLSearchParams(t)?t.toString():new Dn(t,i).toString(r),o){const t=n.indexOf("#");-1!==t&&(n=n.slice(0,t)),n+=(-1===n.indexOf("?")?"?":"&")+o}return n}const Rn=class{constructor(){this.handlers=[]}use(n,t,a){return this.handlers.push({fulfilled:n,rejected:t,synchronous:!!a&&a.synchronous,runWhen:a?a.runWhen:null}),this.handlers.length-1}eject(n){this.handlers[n]&&(this.handlers[n]=null)}clear(){this.handlers&&(this.handlers=[])}forEach(n){en.forEach(this.handlers,function(t){null!==t&&n(t)})}},Ln={silentJSONParsing:!0,forcedJSONParsing:!0,clarifyTimeoutError:!1,legacyInterceptorReqResOrdering:!0,advertiseZstdAcceptEncoding:!1,validateStatusUndefinedResolves:!0},jn={isBrowser:!0,classes:{URLSearchParams:"undefined"!=typeof URLSearchParams?URLSearchParams:Dn,FormData:"undefined"!=typeof FormData?FormData:null,Blob:"undefined"!=typeof Blob?Blob:null},protocols:["http","https","file","blob","url","data"]},An="undefined"!=typeof window&&"undefined"!=typeof document,Nn="object"==typeof navigator&&navigator||void 0,Vn=An&&(!Nn||["ReactNative","NativeScript","NS"].indexOf(Nn.product)<0),In="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope&&"function"==typeof self.importScripts,Cn=An&&window.location.href||"http://localhost",Gn={...n,...jn};function Pn(n){if(n>100)throw new un("FormData field is too deeply nested ("+n+" levels). Max depth: 100",un.ERR_FORM_DATA_DEPTH_EXCEEDED)}const Fn=function(n){function t(n,a,i,r){Pn(r);let e=n[r++];if("__proto__"===e)return!0;const o=Number.isFinite(+e),l=r>=n.length;return e=!e&&en.isArray(i)?i.length:e,l?(en.hasOwnProp(i,e)?i[e]=en.isArray(i[e])?i[e].concat(a):[i[e],a]:i[e]=a,!o):(en.hasOwnProp(i,e)&&en.isObject(i[e])||(i[e]=[]),t(n,a,i[e],r)&&en.isArray(i[e])&&(i[e]=function(n){const t={},a=Object.keys(n);let i;const r=a.length;let e;for(i=0;i{t(function(n){const t=[],a=/\w+|\[(\w*)]/g;let i;for(;null!==(i=a.exec(n));)Pn(t.length),t.push("[]"===i[0]?"":i[1]||i[0]);return t}(n),i,a,0)}),a}return null},Bn=(n,t)=>null!=n&&en.hasOwnProp(n,t)?n[t]:void 0,Un={transitional:Ln,adapter:["xhr","http","fetch"],transformRequest:[function(n,t){const a=t.getContentType()||"",i=a.indexOf("application/json")>-1,r=en.isObject(n);if(r&&en.isHTMLForm(n)&&(n=new FormData(n)),en.isFormData(n))return i?JSON.stringify(Fn(n)):n;if(en.isArrayBuffer(n)||en.isBuffer(n)||en.isStream(n)||en.isFile(n)||en.isBlob(n)||en.isReadableStream(n))return n;if(en.isArrayBufferView(n))return n.buffer;if(en.isURLSearchParams(n))return t.setContentType("application/x-www-form-urlencoded;charset=utf-8",!1),n.toString();let e;if(r){const t=Bn(this,"formSerializer");if(a.indexOf("application/x-www-form-urlencoded")>-1)return function(n,t){return On(n,new Gn.classes.URLSearchParams,{visitor:function(n,t,a,i){return Gn.isNode&&en.isBuffer(n)?(this.append(t,n.toString("base64")),!1):i.defaultVisitor.apply(this,arguments)},...t})}(n,t).toString();if((e=en.isFileList(n))||a.indexOf("multipart/form-data")>-1){const a=Bn(this,"env"),i=a&&a.FormData;return On(e?{"files[]":n}:n,i&&new i,t)}}return r||i?(t.setContentType("application/json",!1),function(n){if(en.isString(n))try{return(0,JSON.parse)(n),en.trim(n)}catch(n){if("SyntaxError"!==n.name)throw n}return(0,JSON.stringify)(n)}(n)):n}],transformResponse:[function(n){const t=Bn(this,"transitional")||Un.transitional,a=t&&t.forcedJSONParsing,i=Bn(this,"responseType"),r="json"===i;if(en.isResponse(n)||en.isReadableStream(n))return n;if(n&&en.isString(n)&&(a&&!i||r)){const a=!(t&&t.silentJSONParsing)&&r;try{return JSON.parse(n,Bn(this,"parseReviver"))}catch(n){if(a){if("SyntaxError"===n.name)throw un.from(n,un.ERR_BAD_RESPONSE,this,null,Bn(this,"response"));throw n}}}return n}],timeout:0,xsrfCookieName:"XSRF-TOKEN",xsrfHeaderName:"X-XSRF-TOKEN",maxContentLength:-1,maxBodyLength:-1,env:{FormData:Gn.classes.FormData,Blob:Gn.classes.Blob},validateStatus:function(n){return n>=200&&n<300},headers:{common:{Accept:"application/json, text/plain, */*","Content-Type":void 0}}};en.forEach(["delete","get","head","post","put","patch","query"],n=>{Un.headers[n]={}});const Mn=Un;function qn(n,t){const a=this||Mn,i=t||a,r=vn.from(i.headers);let e=i.data;return en.forEach(n,function(n){e=n.call(a,e,r.normalize(),t?t.status:void 0)}),r.normalize(),e}function Hn(n){return!(!n||!n.__CANCEL__)}const Wn=class extends un{constructor(n,t,a){super(null==n?"canceled":n,un.ERR_CANCELED,t,a),this.name="CanceledError",this.__CANCEL__=!0}};function Kn(n,t,a){const i=a.config.validateStatus;a.status&&i&&!i(a.status)?t(new un("Request failed with status code "+a.status,a.status>=400&&a.status<500?un.ERR_BAD_REQUEST:un.ERR_BAD_RESPONSE,a.config,a.request,a)):n(a)}const Xn=(n,t,a=3)=>{let i=0;const r=function(n,t){n=n||10;const a=new Array(n),i=new Array(n);let r,e=0,o=0;return t=void 0!==t?t:1e3,function(l){const p=Date.now(),c=i[o];r||(r=p),a[e]=l,i[e]=p;let s=o,m=0;for(;s!==e;)m+=a[s++],s%=n;if(e=(e+1)%n,e===o&&(o=(o+1)%n),p-r{r=e,a=null,i&&(clearTimeout(i),i=null),n(...t)};return[(...n)=>{const t=Date.now(),l=t-r;l>=e?o(n,t):(a=n,i||(i=setTimeout(()=>{i=null,o(a)},e-l)))},()=>a&&o(a)]}(a=>{if(!a||"number"!=typeof a.loaded)return;const e=a.loaded,o=a.lengthComputable?a.total:void 0,l=null!=o?Math.min(e,o):e,p=Math.max(0,l-i),c=r(p);i=Math.max(i,l),n({loaded:l,total:o,progress:o?l/o:void 0,bytes:p,rate:c||void 0,estimated:c&&o?(o-l)/c:void 0,event:a,lengthComputable:null!=o,[t?"download":"upload"]:!0})},a)},Qn=(n,t)=>{const a=null!=n;return[i=>t[0]({lengthComputable:a,total:n,loaded:i}),t[1]]},Jn=n=>(...t)=>en.asap(()=>n(...t)),Yn=Gn.hasStandardBrowserEnv?((n,t)=>a=>(a=new URL(a,Gn.origin),n.protocol===a.protocol&&n.host===a.host&&(t||n.port===a.port)))(new URL(Gn.origin),Gn.navigator&&/(msie|trident)/i.test(Gn.navigator.userAgent)):()=>!0,Zn=Gn.hasStandardBrowserEnv?{write(n,t,a,i,r,e,o){if("undefined"==typeof document)return;const l=[`${n}=${encodeURIComponent(t)}`];en.isNumber(a)&&l.push(`expires=${new Date(a).toUTCString()}`),en.isString(i)&&l.push(`path=${i}`),en.isString(r)&&l.push(`domain=${r}`),!0===e&&l.push("secure"),en.isString(o)&&l.push(`SameSite=${o}`),document.cookie=l.join("; ")},read(n){if("undefined"==typeof document)return null;const t=document.cookie.split(";");for(let a=0;anull,remove(){}},nt=/^https?:(?!\/\/)/i,tt=/[\t\n\r]/g;function at(n,t){if("string"==typeof n&&nt.test(function(n){return function(n){let t=0;for(;tn instanceof vn?{...n}:n;function et(n,t){n=n||{},t=t||{};const a=Object.create(null);function i(n,t,a,i){return en.isPlainObject(n)&&en.isPlainObject(t)?en.merge.call({caseless:i},n,t):en.isPlainObject(t)?en.merge({},t):en.isArray(t)?t.slice():t}function r(n,t,a,r){return en.isUndefined(t)?en.isUndefined(n)?void 0:i(void 0,n,0,r):i(n,t,0,r)}function e(n,t){if(!en.isUndefined(t))return i(void 0,t)}function o(n,t){return en.isUndefined(t)?en.isUndefined(n)?void 0:i(void 0,n):i(void 0,t)}function l(a,r,e){return en.hasOwnProp(t,e)?i(a,r):en.hasOwnProp(n,e)?i(void 0,a):void 0}Object.defineProperty(a,"hasOwnProperty",{__proto__:null,value:Object.prototype.hasOwnProperty,enumerable:!1,writable:!0,configurable:!0});const p={url:e,method:e,data:e,baseURL:o,transformRequest:o,transformResponse:o,paramsSerializer:o,timeout:o,timeoutMessage:o,withCredentials:o,withXSRFToken:o,adapter:o,responseType:o,xsrfCookieName:o,xsrfHeaderName:o,onUploadProgress:o,onDownloadProgress:o,decompress:o,maxContentLength:o,maxBodyLength:o,beforeRedirect:o,transport:o,httpAgent:o,httpsAgent:o,cancelToken:o,socketPath:o,allowedSocketPaths:o,responseEncoding:o,validateStatus:l,headers:(n,t,a)=>r(rt(n),rt(t),0,!0)};return en.forEach(Object.keys({...n,...t}),function(i){if("__proto__"===i||"constructor"===i||"prototype"===i)return;const e=en.hasOwnProp(p,i)?p[i]:r,o=e(en.hasOwnProp(n,i)?n[i]:void 0,en.hasOwnProp(t,i)?t[i]:void 0,i);en.isUndefined(o)&&e!==l||(a[i]=o)}),en.hasOwnProp(t,"validateStatus")&&en.isUndefined(t.validateStatus)&&!1===function(a){const i=en.hasOwnProp(t,"transitional")?t.transitional:void 0;if(!en.isUndefined(i)){if(!en.isPlainObject(i))return;if(en.hasOwnProp(i,a))return i[a]}const r=en.hasOwnProp(n,"transitional")?n.transitional:void 0;if(en.isPlainObject(r)&&en.hasOwnProp(r,a))return r[a]}("validateStatusUndefinedResolves")&&(en.hasOwnProp(n,"validateStatus")?a.validateStatus=i(void 0,n.validateStatus):delete a.validateStatus),a}const ot=["content-type","content-length"],lt=function(n){const t=et({},n),a=n=>en.hasOwnProp(t,n)?t[n]:void 0,i=a("data");let r=a("withXSRFToken");const e=a("xsrfHeaderName"),o=a("xsrfCookieName");let l=a("headers");const p=a("auth"),c=a("baseURL"),s=a("allowAbsoluteUrls"),m=a("url");if(t.headers=l=vn.from(l),t.url=Sn(it(c,m,s,t),a("params"),a("paramsSerializer")),p){const t=en.getSafeProp(p,"username")||"",a=en.getSafeProp(p,"password")||"";try{l.set("Authorization","Basic "+btoa(t+":"+(a?encodeURIComponent(a).replace(/%([0-9A-F]{2})/gi,(n,t)=>String.fromCharCode(parseInt(t,16))):"")))}catch(t){throw un.from(t,un.ERR_BAD_OPTION_VALUE,n)}}if(en.isFormData(i)&&(Gn.hasStandardBrowserEnv||Gn.hasStandardBrowserWebWorkerEnv||en.isReactNative(i)?l.setContentType(void 0):en.isFunction(i.getHeaders)&&function(n,t,a){"content-only"===a?Object.entries(t||{}).forEach(([t,a])=>{ot.includes(t.toLowerCase())&&n.set(t,a)}):n.set(t)}(l,i.getHeaders(),a("formDataHeaderPolicy"))),Gn.hasStandardBrowserEnv&&(en.isFunction(r)&&(r=r(t)),!0===r||null==r&&Yn(t.url))){const n=e&&o&&Zn.read(o);n&&l.set(e,n)}return t},pt="undefined"!=typeof XMLHttpRequest&&function(n){return new Promise(function(t,a){const i=lt(n);let r=i.data;const e=vn.from(i.headers).normalize();let o,l,p,c,s,{responseType:m,onUploadProgress:d,onDownloadProgress:g}=i;function f(){c&&c(),s&&s(),i.cancelToken&&i.cancelToken.unsubscribe(o),i.signal&&i.signal.removeEventListener("abort",o)}let h=new XMLHttpRequest;function v(){if(!h)return;const i=vn.from("getAllResponseHeaders"in h&&h.getAllResponseHeaders());Kn(function(n){t(n),f()},function(n){a(n),f()},{data:m&&"text"!==m&&"json"!==m?h.response:h.responseText,status:h.status,statusText:h.statusText,headers:i,config:n,request:h}),h=null}h.open(i.method.toUpperCase(),i.url,!0),h.timeout=i.timeout,"onloadend"in h?h.onloadend=v:h.onreadystatechange=function(){h&&4===h.readyState&&(0!==h.status||h.responseURL&&h.responseURL.startsWith("file:"))&&setTimeout(v)},h.onabort=function(){h&&(a(new un("Request aborted",un.ECONNABORTED,n,h)),f(),h=null)},h.onerror=function(t){const i=t&&t.message?t.message:"Network Error",r=new un(i,un.ERR_NETWORK,n,h);r.event=t||null,a(r),f(),h=null},h.ontimeout=function(){let t=i.timeout?"timeout of "+i.timeout+"ms exceeded":"timeout exceeded";const r=i.transitional||Ln;i.timeoutErrorMessage&&(t=i.timeoutErrorMessage),a(new un(t,r.clarifyTimeoutError?un.ETIMEDOUT:un.ECONNABORTED,n,h)),f(),h=null},void 0===r&&e.setContentType(null),"setRequestHeader"in h&&en.forEach(sn(e),function(n,t){h.setRequestHeader(t,n)}),en.isUndefined(i.withCredentials)||(h.withCredentials=!!i.withCredentials),m&&"json"!==m&&(h.responseType=i.responseType),g&&([p,s]=Xn(g,!0),h.addEventListener("progress",p)),d&&h.upload&&([l,c]=Xn(d),h.upload.addEventListener("progress",l),h.upload.addEventListener("loadend",c)),(i.cancelToken||i.signal)&&(o=t=>{h&&(a(!t||t.type?new Wn(null,n,h):t),h.abort(),f(),h=null)},i.cancelToken&&i.cancelToken.subscribe(o),i.signal&&(i.signal.aborted?o():i.signal.addEventListener("abort",o)));const b=function(n){const t=/^([-+\w]{1,25}):(?:\/\/)?/.exec(n);return t&&t[1]||""}(i.url);if(b&&!Gn.protocols.includes(b))return a(new un("Unsupported protocol "+b+":",un.ERR_BAD_REQUEST,n)),void f();h.send(r||null)})},ct=(n,t)=>{if(n=n?n.filter(Boolean):[],!t&&!n.length)return;const a=new AbortController;let i=!1;const r=function(n){if(!i){i=!0,o();const t=n instanceof Error?n:this.reason;a.abort(t instanceof un?t:new Wn(t instanceof Error?t.message:t))}};let e=t&&setTimeout(()=>{e=null,r(new un(`timeout of ${t}ms exceeded`,un.ETIMEDOUT))},t);const o=()=>{n&&(e&&clearTimeout(e),e=null,n.forEach(n=>{n.unsubscribe?n.unsubscribe(r):n.removeEventListener("abort",r)}),n=null)};n.forEach(n=>n.addEventListener("abort",r,{once:!0}));const{signal:l}=a;return l.unsubscribe=()=>en.asap(o),l},st=function*(n,t){let a=n.byteLength;if(!t||a{const r=async function*(n,t){for await(const a of async function*(n){if(n[Symbol.asyncIterator])return void(yield*n);const t=n.getReader();try{for(;;){const{done:n,value:a}=await t.read();if(n)break;yield a}}finally{await t.cancel()}}(n))yield*st(a,t)}(n,t);let e,o=0,l=n=>{e||(e=!0,i&&i(n))};return new ReadableStream({async pull(n){try{const{done:t,value:i}=await r.next();if(t)return l(),void n.close();let e=i.byteLength;if(a){let n=o+=e;a(n)}n.enqueue(new Uint8Array(i))}catch(n){throw l(n),n}},cancel:n=>(l(n),r.return())},{highWaterMark:2})},dt=n=>n>=48&&n<=57||n>=65&&n<=70||n>=97&&n<=102,gt=(n,t,a)=>t+2{if(!en.isString(n))return n;try{return decodeURIComponent(n)}catch(t){return n}},bt=(n,...t)=>{try{return!!n(...t)}catch(n){return!1}},ut=n=>{const t=void 0!==en.global&&null!==en.global?en.global:globalThis,{ReadableStream:a,TextEncoder:i}=t;n=en.merge.call({skipUndefined:!0},{Request:t.Request,Response:t.Response},n);const{fetch:r,Request:e,Response:o}=n,l=r?ht(r):"function"==typeof fetch,p=ht(e),c=ht(o);if(!l)return!1;const s=l&&ht(a),m=l&&("function"==typeof i?(d=new i,n=>d.encode(n)):async n=>new Uint8Array(await new e(n).arrayBuffer()));var d;const g=p&&s&&bt(()=>{let n=!1;const t=new e(Gn.origin,{body:new a,method:"POST",get duplex(){return n=!0,"half"}}),i=t.headers.has("Content-Type");return null!=t.body&&t.body.cancel(),n&&!i}),f=c&&s&&bt(()=>en.isReadableStream(new o("").body)),h={stream:f&&(n=>n.body)};l&&["text","arrayBuffer","blob","formData","stream"].forEach(n=>{!h[n]&&(h[n]=(t,a)=>{let i=t&&t[n];if(i)return i.call(t);throw new un(`Response type '${n}' is not supported`,un.ERR_NOT_SUPPORT,a)})});const v=async n=>{if(null==n)return 0;if(en.isBlob(n))return n.size;if(en.isSpecCompliantForm(n)){const t=new e(Gn.origin,{method:"POST",body:n});return(await t.arrayBuffer()).byteLength}return en.isArrayBufferView(n)||en.isArrayBuffer(n)?n.byteLength:(en.isURLSearchParams(n)&&(n+=""),en.isString(n)?(await m(n)).byteLength:void 0)};return async n=>{let{url:t,method:a,data:l,signal:c,cancelToken:m,timeout:d,onDownloadProgress:b,onUploadProgress:u,responseType:x,headers:y,withCredentials:k="same-origin",fetchOptions:w,maxContentLength:O,maxBodyLength:z}=lt(n);const $=en.isNumber(O)&&O>-1,E=en.isNumber(z)&&z>-1;let D=r||fetch;x=x?(x+"").toLowerCase():"text";let T=ct([c,m&&m.toAbortSignal()],d),S=null;const R=T&&T.unsubscribe&&(()=>{T.unsubscribe()});let L,j=null;const A=()=>new un("Request body larger than maxBodyLength limit",un.ERR_BAD_REQUEST,n,S);try{let r;const c=(_="auth",en.hasOwnProp(n,_)?n[_]:void 0);if(c){r={username:en.getSafeProp(c,"username")||"",password:en.getSafeProp(c,"password")||""}}if((n=>{const t=n.indexOf("://");let a=n;return-1!==t&&(a=a.slice(t+3)),a.includes("@")||a.includes(":")})(t)){const n=new URL(t,Gn.origin);if(!r&&(n.username||n.password)){r={username:vt(n.username),password:vt(n.password)}}(n.username||n.password)&&(n.username="",n.password="",t=n.href)}if(r&&(y.delete("authorization"),y.set("Authorization","Basic "+btoa((N=(r.username||"")+":"+(r.password||""),encodeURIComponent(N).replace(/%([0-9A-F]{2})/gi,(n,t)=>String.fromCharCode(parseInt(t,16))))))),$&&"string"==typeof t&&t.startsWith("data:")){const a=function(n){if(!n||"string"!=typeof n)return 0;if(!n.startsWith("data:"))return 0;const t=n.indexOf(",");if(t<0)return 0;const a=n.slice(5,t),i=n.slice(t+1);if(/;base64/i.test(a)){let n=i.length;const t=i.length;for(let a=0;an>=2&&37===i.charCodeAt(n-2)&&51===i.charCodeAt(n-1)&&(68===i.charCodeAt(n)||100===i.charCodeAt(n));r>=0&&(61===i.charCodeAt(r)?(a++,r--):e(r)&&(a++,r-=3)),1===a&&r>=0&&(61===i.charCodeAt(r)||e(r))&&a++;const o=3*Math.floor(n/4)-(a||0);return o>0?o:0}let r=0;for(let n=0,t=i.length;n=55296&&a<=56319&&n+1=56320&&t<=57343?(r+=4,n++):r+=3}else r+=3}return r}(t);if(a>O)throw new un("maxContentLength size of "+O+" exceeded",un.ERR_BAD_RESPONSE,n,S)}if(E&&"get"!==a&&"head"!==a){const n=await v(l);if("number"==typeof n&&isFinite(n)&&(L=n,n>z))throw A()}const m=E&&(en.isReadableStream(l)||en.isStream(l)),d=(n,t,a)=>mt(n,65536,n=>{if(E&&n>z)throw j=A();t&&t(n)},a);if(g&&"get"!==a&&"head"!==a&&(u||m)){if(L=null==L?await(async(n,t)=>{const a=en.toFiniteNumber(n.getContentLength());return null==a?v(t):a})(y,l):L,0!==L||m){let n,a=new e(t,{method:"POST",body:l,duplex:"half"});if(en.isFormData(l)&&(n=a.headers.get("content-type"))&&y.setContentType(n),a.body){const[n,t]=u&&Qn(L,Xn(Jn(u)))||[];l=d(a.body,n,t)}}}else if(m&&!p&&s&&"get"!==a&&"head"!==a)l=d(l);else if(m&&p&&!g&&"get"!==a&&"head"!==a)throw new un("Stream request bodies are not supported by the current fetch implementation",un.ERR_NOT_SUPPORT,n,S);en.isString(k)||(k=k?"include":"omit");const V=p&&"credentials"in e.prototype;if(en.isFormData(l)){const n=y.getContentType();n&&/^multipart\/form-data/i.test(n)&&!/boundary=/i.test(n)&&y.delete("content-type")}y.set("User-Agent","axios/"+ft,!1);const I={...w,signal:T,method:a.toUpperCase(),headers:sn(y.normalize()),body:l,duplex:"half",credentials:V?k:void 0};S=p&&new e(t,I);let C=await(p?D(S,w):D(t,I));const G=vn.from(C.headers);if($){const t=en.toFiniteNumber(G.getContentLength());if(null!=t&&t>O)throw new un("maxContentLength size of "+O+" exceeded",un.ERR_BAD_RESPONSE,n,S)}const P=f&&("stream"===x||"response"===x);if(f&&C.body&&(b||$||P&&R)){const t={};["status","statusText","headers"].forEach(n=>{t[n]=C[n]});const a=en.toFiniteNumber(G.getContentLength()),[i,r]=b&&Qn(a,Xn(Jn(b),!0))||[];let e=0;const l=t=>{if($&&(e=t,e>O))throw new un("maxContentLength size of "+O+" exceeded",un.ERR_BAD_RESPONSE,n,S);i&&i(t)};C=new o(mt(C.body,65536,l,()=>{r&&r(),R&&R()}),t)}x=x||"text";let F=await h[en.findKey(h,x)||"text"](C,n);if($&&!f&&!P){let t;if(null!=F&&("number"==typeof F.byteLength?t=F.byteLength:"number"==typeof F.size?t=F.size:"string"==typeof F&&(t="function"==typeof i?(new i).encode(F).byteLength:F.length)),"number"==typeof t&&t>O)throw new un("maxContentLength size of "+O+" exceeded",un.ERR_BAD_RESPONSE,n,S)}return!P&&R&&R(),await new Promise((t,a)=>{Kn(t,a,{data:F,headers:vn.from(C.headers),status:C.status,statusText:C.statusText,config:n,request:S})})}catch(t){if(R&&R(),T&&T.aborted&&T.reason instanceof un){const a=T.reason;throw a.config=n,S&&(a.request=S),t!==a&&Object.defineProperty(a,"cause",{__proto__:null,value:t,writable:!0,enumerable:!1,configurable:!0}),a}if(j)throw S&&!j.request&&(j.request=S),j;if(t instanceof un)throw S&&!t.request&&(t.request=S),t;if(t&&"TypeError"===t.name&&/Load failed|fetch/i.test(t.message)){const a=new un("Network Error",un.ERR_NETWORK,n,S,t&&t.response);throw Object.defineProperty(a,"cause",{__proto__:null,value:t.cause||t,writable:!0,enumerable:!1,configurable:!0}),a}throw un.from(t,t&&t.code,n,S,t&&t.response)}var N,_}},xt=new Map,yt=n=>{let t=n&&n.env||{};const{fetch:a,Request:i,Response:r}=t,e=[i,r,a];let o,l,p=e.length,c=xt;for(;p--;)o=e[p],l=c.get(o),void 0===l&&c.set(o,l=p?new Map:ut(t)),c=l;return l},kt=(yt(),{http:null,xhr:pt,fetch:{get:yt}});en.forEach(kt,(n,t)=>{if(n){try{Object.defineProperty(n,"name",{__proto__:null,value:t})}catch(n){}Object.defineProperty(n,"adapterName",{__proto__:null,value:t})}});const wt=n=>`- ${n}`,Ot=n=>en.isFunction(n)||null===n||!1===n,zt=function(n,t){n=en.isArray(n)?n:[n];const{length:a}=n;let i,r;const e={};for(let o=0;o`adapter ${n} `+(!1===t?"is not supported by the environment":"is not available in the build"));let t=a?n.length>1?"since :\n"+n.map(wt).join("\n"):" "+wt(n[0]):"as no adapter specified";throw new un("There is no suitable adapter to dispatch the request "+t,un.ERR_NOT_SUPPORT)}return r};function $t(n){if(n.cancelToken&&n.cancelToken.throwIfRequested(),n.signal&&n.signal.aborted)throw new Wn(null,n)}function Et(n){return $t(n),n.headers=vn.from(n.headers),n.data=qn.call(n,n.transformRequest),-1!==["post","put","patch"].indexOf(n.method)&&n.headers.setContentType("application/x-www-form-urlencoded",!1),zt(n.adapter||Mn.adapter,n)(n).then(function(t){$t(n),n.response=t;try{t.data=qn.call(n,n.transformResponse,t)}finally{delete n.response}return t.headers=vn.from(t.headers),t},function(t){if(!Hn(t)&&($t(n),t&&t.response)){n.response=t.response;try{t.response.data=qn.call(n,n.transformResponse,t.response)}finally{delete n.response}t.response.headers=vn.from(t.response.headers)}return Promise.reject(t)})}const Dt={};["object","boolean","number","function","string","symbol"].forEach((n,t)=>{Dt[n]=function(a){return typeof a===n||"a"+(t<1?"n ":" ")+n}});const Tt={};Dt.transitional=function(n,t,a){function i(n,t){return"[Axios v"+ft+"] Transitional option '"+n+"'"+t+(a?". "+a:"")}return(a,r,e)=>{if(!1===n)throw new un(i(r," has been removed"+(t?" in "+t:"")),un.ERR_DEPRECATED);return t&&!Tt[r]&&(Tt[r]=!0,console.warn(i(r," has been deprecated since v"+t+" and will be removed in the near future"))),!n||n(a,r,e)}},Dt.spelling=function(n){return(t,a)=>(console.warn(`${a} is likely a misspelling of ${n}`),!0)};const St={assertOptions:function(n,t,a){if("object"!=typeof n||null===n)throw new un("options must be an object",un.ERR_BAD_OPTION_VALUE);const i=Object.keys(n);let r=i.length;for(;r-- >0;){const e=i[r],o=Object.prototype.hasOwnProperty.call(t,e)?t[e]:void 0;if(o){const t=n[e],a=void 0===t||o(t,e,n);if(!0!==a)throw new un("option "+e+" must be "+a,un.ERR_BAD_OPTION_VALUE);continue}if(!0!==a)throw new un("Unknown option "+e,un.ERR_BAD_OPTION)}},validators:Dt},Rt=St.validators;class Lt{constructor(n){this.defaults=n||{},this.interceptors={request:new Rn,response:new Rn}}async request(n,t){try{return await this._request(n,t)}catch(n){if(n instanceof Error){let t={};Error.captureStackTrace?Error.captureStackTrace(t):t=new Error;const a=(()=>{if(!t.stack)return"";const n=t.stack.indexOf("\n");return-1===n?"":t.stack.slice(n+1)})();try{if(n.stack){if(a){const t=a.indexOf("\n"),i=-1===t?-1:a.indexOf("\n",t+1),r=-1===i?"":a.slice(i+1);String(n.stack).endsWith(r)||(n.stack+="\n"+a)}}else n.stack=a}catch(n){}}throw n}}_request(n,t){"string"==typeof n?(t=t||{}).url=n:t=n||{},t=et(this.defaults,t);const{transitional:a,paramsSerializer:i,headers:r}=t;void 0!==a&&St.assertOptions(a,{silentJSONParsing:Rt.transitional(Rt.boolean),forcedJSONParsing:Rt.transitional(Rt.boolean),clarifyTimeoutError:Rt.transitional(Rt.boolean),legacyInterceptorReqResOrdering:Rt.transitional(Rt.boolean),advertiseZstdAcceptEncoding:Rt.transitional(Rt.boolean),validateStatusUndefinedResolves:Rt.transitional(Rt.boolean)},!1),null!=i&&(en.isFunction(i)?t.paramsSerializer={serialize:i}:St.assertOptions(i,{encode:Rt.function,serialize:Rt.function},!0)),void 0!==t.allowAbsoluteUrls||(void 0!==this.defaults.allowAbsoluteUrls?t.allowAbsoluteUrls=this.defaults.allowAbsoluteUrls:t.allowAbsoluteUrls=!0),St.assertOptions(t,{baseUrl:Rt.spelling("baseURL"),withXsrfToken:Rt.spelling("withXSRFToken")},!0),t.method=(t.method||this.defaults.method||"get").toLowerCase();let e=r&&en.merge(r.common,r[t.method]);r&&en.forEach(["delete","get","head","post","put","patch","query","common"],n=>{delete r[n]}),t.headers=vn.concat(e,r);const o=[];let l=!0;this.interceptors.request.forEach(function(n){if("function"==typeof n.runWhen&&!1===n.runWhen(t))return;l=l&&n.synchronous;const a=t.transitional||Ln;a&&a.legacyInterceptorReqResOrdering?o.unshift(n.fulfilled,n.rejected):o.push(n.fulfilled,n.rejected)});const p=[];let c;this.interceptors.response.forEach(function(n){p.push(n.fulfilled,n.rejected)});let s,m=0;if(!l){const n=[Et.bind(this),void 0];for(n.unshift(...o),n.push(...p),s=n.length,c=Promise.resolve(t);m{if(!a._listeners)return;let t=a._listeners.length;for(;t-- >0;)a._listeners[t](n);a._listeners=null}),this.promise.then=n=>{let t;const i=new Promise(n=>{a.subscribe(n),t=n}).then(n);return i.cancel=function(){a.unsubscribe(t)},i},n(function(n,i,r){a.reason||(a.reason=new Wn(n,i,r),t(a.reason))})}throwIfRequested(){if(this.reason)throw this.reason}subscribe(n){this.reason?n(this.reason):this._listeners?this._listeners.push(n):this._listeners=[n]}unsubscribe(n){if(!this._listeners)return;const t=this._listeners.indexOf(n);-1!==t&&this._listeners.splice(t,1)}toAbortSignal(){const n=new AbortController,t=t=>{n.abort(t)};return this.subscribe(t),n.signal.unsubscribe=()=>this.unsubscribe(t),n.signal}static source(){let n;return{token:new At(function(t){n=t}),cancel:n}}}const Nt=At,_t={Continue:100,SwitchingProtocols:101,Processing:102,EarlyHints:103,Ok:200,Created:201,Accepted:202,NonAuthoritativeInformation:203,NoContent:204,ResetContent:205,PartialContent:206,MultiStatus:207,AlreadyReported:208,ImUsed:226,MultipleChoices:300,MovedPermanently:301,Found:302,SeeOther:303,NotModified:304,UseProxy:305,Unused:306,TemporaryRedirect:307,PermanentRedirect:308,BadRequest:400,Unauthorized:401,PaymentRequired:402,Forbidden:403,NotFound:404,MethodNotAllowed:405,NotAcceptable:406,ProxyAuthenticationRequired:407,RequestTimeout:408,Conflict:409,Gone:410,LengthRequired:411,PreconditionFailed:412,PayloadTooLarge:413,UriTooLong:414,UnsupportedMediaType:415,RangeNotSatisfiable:416,ExpectationFailed:417,ImATeapot:418,MisdirectedRequest:421,UnprocessableEntity:422,Locked:423,FailedDependency:424,TooEarly:425,UpgradeRequired:426,PreconditionRequired:428,TooManyRequests:429,RequestHeaderFieldsTooLarge:431,UnavailableForLegalReasons:451,InternalServerError:500,NotImplemented:501,BadGateway:502,ServiceUnavailable:503,GatewayTimeout:504,HttpVersionNotSupported:505,VariantAlsoNegotiates:506,InsufficientStorage:507,LoopDetected:508,NotExtended:510,NetworkAuthenticationRequired:511,WebServerIsDown:521,ConnectionTimedOut:522,OriginIsUnreachable:523,TimeoutOccurred:524,SslHandshakeFailed:525,InvalidSslCertificate:526};Object.entries(_t).forEach(([n,t])=>{_t[t]=n});const Vt=_t,It=function n(t){const a=new jt(t),i=c(jt.prototype.request,a);return en.extend(i,jt.prototype,a,{allOwnKeys:!0}),en.extend(i,a,null,{allOwnKeys:!0}),i.create=function(a){return n(et(t,a))},i}(Mn);It.Axios=jt,It.CanceledError=Wn,It.CancelToken=Nt,It.isCancel=Hn,It.VERSION=ft,It.toFormData=On,It.AxiosError=un,It.Cancel=It.CanceledError,It.all=function(n){return Promise.all(n)},It.spread=function(n){return function(t){return n.apply(null,t)}},It.isAxiosError=function(n){return en.isObject(n)&&!0===n.isAxiosError},It.mergeConfig=et,It.AxiosHeaders=vn,It.formToJSON=n=>Fn(en.isHTMLForm(n)?new FormData(n):n),It.getAdapter=zt,It.HttpStatusCode=Vt,It.default=It;const Ct=It;var Gt=r(609),Pt=r.n(Gt);const Ft=window.wp.components,Bt="fa-icon-chooser",Ut={allRenderFn:!0,appendChildSlotFix:!1,asyncLoading:!0,asyncQueue:!1,attachStyles:!0,cloneNodeFix:!1,constructableCSS:!0,cssAnnotations:!0,devTools:!1,element:!1,event:!0,experimentalScopedSlotChanges:!1,experimentalSlotFixes:!1,formAssociated:!1,hasRenderFn:!0,hostListener:!1,hostListenerTarget:!1,hostListenerTargetBody:!1,hostListenerTargetDocument:!1,hostListenerTargetParent:!1,hostListenerTargetWindow:!1,hotModuleReplacement:!1,hydrateClientSide:!1,hydrateServerSide:!1,hydratedAttribute:!1,hydratedClass:!0,hydratedSelectorName:"hydrated",invisiblePrehydration:!0,isDebug:!1,isDev:!0,isTesting:!0,lazyLoad:!1,lifecycle:!0,lifecycleDOMEvents:!0,member:!0,method:!1,mode:!1,modernPropertyDecls:!0,observeAttribute:!0,profile:!1,prop:!0,propBoolean:!0,propMutable:!1,propNumber:!1,propString:!0,reflect:!1,scoped:!1,scopedSlotTextContentFix:!1,scriptDataOpts:!1,shadowDelegatesFocus:!1,shadowDom:!0,slot:!0,slotChildNodesFix:!1,slotRelocation:!1,state:!0,style:!0,svg:!0,taskQueue:!0,updatable:!0,vdomAttribute:!0,vdomClass:!0,vdomFunctional:!0,vdomKey:!0,vdomListener:!0,vdomPropOrAttr:!0,vdomRef:!0,vdomRender:!0,vdomStyle:!0,vdomText:!0,vdomXlink:!0,watchCallback:!1};var Mt=Object.defineProperty,qt=(n=>(n.Undefined="undefined",n.Null="null",n.String="string",n.Number="number",n.SpecialNumber="number",n.Boolean="boolean",n.BigInt="bigint",n))(qt||{}),Ht=(n=>(n.Array="array",n.Date="date",n.Map="map",n.Object="object",n.RegularExpression="regexp",n.Set="set",n.Channel="channel",n.Symbol="symbol",n))(Ht||{}),Wt="type",Kt="value",Xt="serialized:",Qt=(n,t)=>{var a;const i=t.$cmpMeta$;Object.entries(null!=(a=i.$members$)?a:{}).map(([a,[i]])=>{if((Ut.state||Ut.prop)&&(31&i||32&i)){const i=n[a],r=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(n),a);Object.defineProperty(n,a,{get(){return r.get.call(this)},set(n){r.set.call(this,n)},configurable:!0,enumerable:!0}),n[a]=t.$instanceValues$.has(a)?t.$instanceValues$.get(a):i}})},Jt=n=>{if(n.__stencil__getHostRef)return n.__stencil__getHostRef()},Yt=(n,t)=>t in n,Zt=(n,t)=>(0,console.error)(n,t),na=Ut.isTesting?["STENCIL:"]:["%cstencil","color: white;background:#4c47ff;font-weight: bold; font-size:10px; padding:2px 6px; border-radius: 5px"],ta=(...n)=>console.error(...na,...n),aa=(...n)=>console.warn(...na,...n),ia=new Map,ra=new Map,ea=[],oa="s-id",la="sty-id",pa="c-id",ca="http://www.w3.org/1999/xlink",sa=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],ma="undefined"!=typeof window?window:{},da=ma.HTMLElement||class{},ga={$flags$:0,$resourcesUrl$:"",jmp:n=>n(),raf:n=>requestAnimationFrame(n),ael:(n,t,a,i)=>n.addEventListener(t,a,i),rel:(n,t,a,i)=>n.removeEventListener(t,a,i),ce:(n,t)=>new CustomEvent(n,t)},fa=Ut.shadowDom,ha=(()=>{var n;let t=!1;try{null==(n=ma.document)||n.addEventListener("e",null,Object.defineProperty({},"passive",{get(){t=!0}}))}catch(n){}return t})(),va=!!Ut.constructableCSS&&(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(n){}return!1})(),ba=!!va&&(()=>!!ma.document&&Object.getOwnPropertyDescriptor(ma.document.adoptedStyleSheets,"length").writable)(),ua=0,xa=!1,ya=[],ka=[],wa=[],Oa=(n,t)=>a=>{n.push(a),xa||(xa=!0,t&&4&ga.$flags$?Da(Ea):ga.raf(Ea))},za=n=>{for(let t=0;t{let a=0,i=0;for(;a{if(Ut.asyncQueue&&ua++,za(ya),Ut.asyncQueue){const n=2==(6&ga.$flags$)?performance.now()+14*Math.ceil(.1*ua):1/0;$a(ka,n),$a(wa,n),ka.length>0&&(wa.push(...ka),ka.length=0),(xa=ya.length+ka.length+wa.length>0)?ga.raf(Ea):ua=0}else za(ka),(xa=ya.length>0)&&ga.raf(Ea)},Da=n=>Promise.resolve(undefined).then(n),Ta=Oa(ka,!0),Sa=n=>"object"==(n=typeof n)||"function"===n;var Ra=n=>n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),La=class n{static fromLocalValue(t){const a=t[Wt],i=Kt in t?t[Kt]:void 0;switch(a){case"string":case"boolean":return i;case"bigint":return BigInt(i);case"undefined":return;case"null":return null;case"number":return"NaN"===i?NaN:"-0"===i?-0:"Infinity"===i?1/0:"-Infinity"===i?-1/0:i;case"array":return i.map(t=>n.fromLocalValue(t));case"date":return new Date(i);case"map":const t=new Map;for(const[a,r]of i){const i="object"==typeof a&&null!==a?n.fromLocalValue(a):a,e=n.fromLocalValue(r);t.set(i,e)}return t;case"object":const r={};for(const[t,a]of i)r[t]=n.fromLocalValue(a);return r;case"regexp":const{pattern:e,flags:o}=i;return new RegExp(e,o);case"set":const l=new Set;for(const t of i)l.add(n.fromLocalValue(t));return l;case"symbol":return Symbol(i);default:throw new Error(`Unsupported type: ${a}`)}}static fromLocalValueArray(t){return t.map(t=>n.fromLocalValue(t))}static isLocalValueObject(n){if("object"!=typeof n||null===n)return!1;if(!n.hasOwnProperty(Wt))return!1;const t=n[Wt];return!!Object.values({...qt,...Ht}).includes(t)&&("null"===t||"undefined"===t||n.hasOwnProperty(Kt))}};((n,t)=>{for(var a in t)Mt(n,a,{get:t[a],enumerable:!0})})({},{err:()=>Aa,map:()=>Na,ok:()=>ja,unwrap:()=>Va,unwrapErr:()=>Ia});var ja=n=>({isOk:!0,isErr:!1,value:n}),Aa=n=>({isOk:!1,isErr:!0,value:n});function Na(n,t){if(n.isOk){const a=t(n.value);return a instanceof Promise?a.then(n=>ja(n)):ja(a)}if(n.isErr){const t=n.value;return Aa(t)}throw"should never get here"}var _a,Va=n=>{if(n.isOk)return n.value;throw n.value},Ia=n=>{if(n.isErr)return n.value;throw n.value};function Ca(n){const t=Ut.shadowDelegatesFocus?this.attachShadow({mode:"open",delegatesFocus:!!(16&n.$flags$)}):this.attachShadow({mode:"open"});void 0===_a&&(_a=null!=void 0?undefined:null),_a&&(ba?t.adoptedStyleSheets.push(_a):t.adoptedStyleSheets=[...t.adoptedStyleSheets,_a])}var Ga=n=>t=>n(t.toLowerCase()),Pa=Ga(n=>n.endsWith(".d.ts")||n.endsWith(".d.mts")||n.endsWith(".d.cts")),Fa=(Ga(n=>!Pa(n)&&(n.endsWith(".ts")||n.endsWith(".mts")||n.endsWith(".cts"))),Ga(n=>n.endsWith(".tsx")||n.endsWith(".mtsx")||n.endsWith(".ctsx")),Ga(n=>n.endsWith(".jsx")||n.endsWith(".mjsx")||n.endsWith(".cjsx")),Ga(n=>n.endsWith(".js")||n.endsWith(".mjs")||n.endsWith(".cjs")),n=>{const t=bi(n,"childNodes");n.tagName&&n.tagName.includes("-")&&n["s-cr"]&&"SLOT-FB"!==n.tagName&&Ua(t,n.tagName).forEach(n=>{1===n.nodeType&&"SLOT-FB"===n.tagName&&(Ma(n,Wa(n),!1).length?n.hidden=!0:n.hidden=!1)});let a=0;for(a=0;a{const t=[];for(let a=0;a{const i=[];(a&&n["s-sr"]||!n["s-sr"])&&i.push(n);let r=n;for(;r=r.nextSibling;)Wa(r)!==t||!a&&r["s-sr"]||i.push(r);return i},qa=(n,t)=>1===n.nodeType?null===n.getAttribute("slot")&&""===t||n.getAttribute("slot")===t:n["s-sn"]===t||""===t,Ha=(n,t,a,i)=>{if(n["s-ol"]&&n["s-ol"].isConnected)return;const r=document.createTextNode("");if(r["s-nr"]=n,!t["s-cr"]||!t["s-cr"].parentNode)return;const e=t["s-cr"].parentNode,o=bi(e,a?"prepend":"appendChild");if(Ut.hydrateClientSide&&void 0!==i){r["s-oo"]=i;const n=bi(e,"childNodes"),t=[r];n.forEach(n=>{n["s-nr"]&&t.push(n)}),t.sort((n,t)=>!n["s-oo"]||n["s-oo"]<(t["s-oo"]||0)?-1:!t["s-oo"]||t["s-oo"]o.call(e,n))}else o.call(e,r);n["s-ol"]=r,n["s-sh"]=t["s-hn"]},Wa=n=>"string"==typeof n["s-sn"]?n["s-sn"]:1===n.nodeType&&n.getAttribute("slot")||void 0;function Ka(n){if(n.assignedElements||n.assignedNodes||!n["s-sr"])return;const t=t=>function(n){const a=[],i=this["s-sn"];(null==n?void 0:n.flatten)&&console.error("\n Flattening is not supported for Stencil non-shadow slots.\n You can use `.childNodes` to nested slot fallback content.\n If you have a particular use case, please open an issue on the Stencil repo.\n ");const r=this["s-cr"].parentElement;return(r.__childNodes?r.childNodes:Ba(r.childNodes)).forEach(n=>{i===Wa(n)&&a.push(n)}),t?a.filter(n=>1===n.nodeType):a}.bind(n);n.assignedElements=t(!0),n.assignedNodes=t(!1)}function Xa(n){n.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1}))}function Qa(n,t){var a;if(!(t=t||(null==(a=n["s-ol"])?void 0:a.parentElement)))return{slotNode:null,slotName:""};const i=n["s-sn"]=Wa(n)||"";return{slotNode:Ua(bi(t,"childNodes"),t.tagName,i)[0],slotName:i}}var Ja=n=>{const t=n.cloneNode;n.cloneNode=function(n){const a=!!Ut.shadowDom&&this.shadowRoot&&fa,i=t.call(this,!!a&&n);if(Ut.slot&&!a&&n){let n,t,a=0;const r=["s-id","s-cr","s-lr","s-rc","s-sc","s-p","s-cn","s-sr","s-sn","s-hn","s-ol","s-nr","s-si","s-rf","s-scs"],e=this.__childNodes||this.childNodes;for(;a!e[a][n]),n&&(Ut.appendChildSlotFix&&i.__appendChild?i.__appendChild(n.cloneNode(!0)):i.appendChild(n.cloneNode(!0))),t&&i.appendChild(e[a].cloneNode(!0))}return i}},Ya=n=>{n.__appendChild=n.appendChild,n.appendChild=function(n){const{slotName:t,slotNode:a}=Qa(n,this);if(a){Ha(n,a);const i=Ma(a,t),r=i[i.length-1],e=bi(r,"parentNode"),o=bi(e,"insertBefore")(n,r.nextSibling);return Xa(a),Fa(this),o}return this.__appendChild(n)}},Za=n=>{n.__removeChild=n.removeChild,n.removeChild=function(n){return n&&void 0!==n["s-sn"]&&Ua(this.__childNodes||this.childNodes,this.tagName,n["s-sn"])&&n.isConnected?(n.remove(),void Fa(this)):this.__removeChild(n)}},ni=n=>{n.__prepend=n.prepend,n.prepend=function(...t){t.forEach(t=>{"string"==typeof t&&(t=this.ownerDocument.createTextNode(t));const a=(t["s-sn"]=Wa(t))||"",i=Ua(bi(this,"childNodes"),this.tagName,a)[0];if(i){Ha(t,i,!0);const n=Ma(i,a)[0],r=bi(n,"parentNode"),e=bi(r,"insertBefore")(t,bi(n,"nextSibling"));return Xa(i),e}return 1===t.nodeType&&t.getAttribute("slot")&&(t.hidden=!0),n.__prepend(t)})}},ti=n=>{n.__append=n.append,n.append=function(...n){n.forEach(n=>{"string"==typeof n&&(n=this.ownerDocument.createTextNode(n)),this.appendChild(n)})}},ai=n=>{const t=n.insertAdjacentHTML;n.insertAdjacentHTML=function(n,a){if("afterbegin"!==n&&"beforeend"!==n)return t.call(this,n,a);const i=this.ownerDocument.createElement("_");let r;if(i.innerHTML=a,"afterbegin"===n)for(;r=i.firstChild;)this.prepend(r);else if("beforeend"===n)for(;r=i.firstChild;)this.append(r)}},ii=n=>{n.insertAdjacentText=function(n,t){this.insertAdjacentHTML(n,t)}},ri=n=>{const t=n;t.__insertBefore||(t.__insertBefore=n.insertBefore,n.insertBefore=function(n,t){const{slotName:a,slotNode:i}=Qa(n,this),r=this.__childNodes?this.childNodes:Ba(this.childNodes);if(i){let e=!1;if(r.forEach(r=>{if(r!==t&&null!==t);else{if(e=!0,null===t||a!==t["s-sn"])return void this.appendChild(n);if(a===t["s-sn"]){Ha(n,i);const a=bi(t,"parentNode");bi(a,"insertBefore")(n,t),Xa(i)}}}),e)return n}const e=null==t?void 0:t.__parentNode;return e&&!this.isSameNode(e)?this.appendChild(n):this.__insertBefore(n,t)})},ei=n=>{const t=n.insertAdjacentElement;n.insertAdjacentElement=function(n,a){return"afterbegin"!==n&&"beforeend"!==n?t.call(this,n,a):"afterbegin"===n?(this.prepend(a),a):"beforeend"===n?(this.append(a),a):a}},oi=n=>{vi("textContent",n),Object.defineProperty(n,"textContent",{get:function(){let n="";return(this.__childNodes?this.childNodes:Ba(this.childNodes)).forEach(t=>n+=t.textContent||""),n},set:function(n){(this.__childNodes?this.childNodes:Ba(this.childNodes)).forEach(n=>{n["s-ol"]&&n["s-ol"].remove(),n.remove()}),this.insertAdjacentHTML("beforeend",n)}})},li=n=>{class t extends Array{item(n){return this[n]}}vi("children",n),Object.defineProperty(n,"children",{get(){return this.childNodes.filter(n=>1===n.nodeType)}}),Object.defineProperty(n,"childElementCount",{get(){return this.children.length}}),vi("firstChild",n),Object.defineProperty(n,"firstChild",{get(){return this.childNodes[0]}}),vi("lastChild",n),Object.defineProperty(n,"lastChild",{get(){return this.childNodes[this.childNodes.length-1]}}),vi("childNodes",n),Object.defineProperty(n,"childNodes",{get(){const n=new t;return n.push(...Ba(this.__childNodes)),n}})},pi=n=>{n&&void 0===n.__nextSibling&&globalThis.Node&&(ci(n),mi(n),gi(n),n.nodeType===Node.ELEMENT_NODE&&(si(n),di(n)))},ci=n=>{n&&!n.__nextSibling&&(vi("nextSibling",n),Object.defineProperty(n,"nextSibling",{get:function(){var n;const t=null==(n=this["s-ol"])?void 0:n.parentNode.childNodes,a=null==t?void 0:t.indexOf(this);return t&&a>-1?t[a+1]:this.__nextSibling}}))},si=n=>{n&&!n.__nextElementSibling&&(vi("nextElementSibling",n),Object.defineProperty(n,"nextElementSibling",{get:function(){var n;const t=null==(n=this["s-ol"])?void 0:n.parentNode.children,a=null==t?void 0:t.indexOf(this);return t&&a>-1?t[a+1]:this.__nextElementSibling}}))},mi=n=>{n&&!n.__previousSibling&&(vi("previousSibling",n),Object.defineProperty(n,"previousSibling",{get:function(){var n;const t=null==(n=this["s-ol"])?void 0:n.parentNode.childNodes,a=null==t?void 0:t.indexOf(this);return t&&a>-1?t[a-1]:this.__previousSibling}}))},di=n=>{n&&!n.__previousElementSibling&&(vi("previousElementSibling",n),Object.defineProperty(n,"previousElementSibling",{get:function(){var n;const t=null==(n=this["s-ol"])?void 0:n.parentNode.children,a=null==t?void 0:t.indexOf(this);return t&&a>-1?t[a-1]:this.__previousElementSibling}}))},gi=n=>{n&&!n.__parentNode&&(vi("parentNode",n),Object.defineProperty(n,"parentNode",{get:function(){var n;return(null==(n=this["s-ol"])?void 0:n.parentNode)||this.__parentNode},set:function(n){this.__parentNode=n}}))},fi=["children","nextElementSibling","previousElementSibling"],hi=["childNodes","firstChild","lastChild","nextSibling","previousSibling","textContent","parentNode"];function vi(n,t){if(!globalThis.Node||!globalThis.Element)return;let a;fi.includes(n)?a=Object.getOwnPropertyDescriptor(Element.prototype,n):hi.includes(n)&&(a=Object.getOwnPropertyDescriptor(Node.prototype,n)),a||(a=Object.getOwnPropertyDescriptor(t,n)),a&&Object.defineProperty(t,"__"+n,a)}function bi(n,t){if("__"+t in n){const a=n["__"+t];return"function"!=typeof a?a:a.bind(n)}return"function"!=typeof n[t]?n[t]:n[t].bind(n)}var ui=0,xi=(n,t="")=>{if(Ut.profile&&performance.mark){const a=`st:${n}:${t}:${ui++}`;return performance.mark(a),()=>performance.measure(`[Stencil] ${n}() <${t}>`,a)}return()=>{}},yi=new WeakMap,ki=(n,t,a)=>{let i=ra.get(n);va&&a?(i=i||new CSSStyleSheet,"string"==typeof i?i=t:i.replaceSync(t)):i=t,ra.set(n,i)},wi=(n,t,a)=>{var i;const r=Oi(t,a),e=ra.get(r);if(!Ut.attachStyles||!ma.document)return r;if(n=11===n.nodeType?n:ma.document,e)if("string"==typeof e){n=n.head||n;let a,o=yi.get(n);if(o||yi.set(n,o=new Set),!o.has(r)){if(Ut.hydrateClientSide&&n.host&&(a=n.querySelector(`[${la}="${r}"]`)))a.innerHTML=e;else{a=ma.document.createElement("style"),a.innerHTML=e;const o=null!=(i=ga.$nonce$)?i:function(n){var t,a,i;return null!=(i=null==(a=null==(t=n.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:a.getAttribute("content"))?i:void 0}(ma.document);if(null!=o&&a.setAttribute("nonce",o),(Ut.hydrateServerSide||Ut.hotModuleReplacement)&&(2&t.$flags$||128&t.$flags$)&&a.setAttribute(la,r),!(1&t.$flags$))if("HEAD"===n.nodeName){const t=n.querySelectorAll("link[rel=preconnect]"),i=t.length>0?t[t.length-1].nextSibling:n.querySelector("style");n.insertBefore(a,(null==i?void 0:i.parentNode)===n?i:null)}else if("host"in n)if(va){const t=new CSSStyleSheet;t.replaceSync(e),ba?n.adoptedStyleSheets.unshift(t):n.adoptedStyleSheets=[t,...n.adoptedStyleSheets]}else{const t=n.querySelector("style");t?t.innerHTML=e+t.innerHTML:n.prepend(a)}else n.append(a);1&t.$flags$&&n.insertBefore(a,null)}4&t.$flags$&&(a.innerHTML+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),o&&o.add(r)}}else Ut.constructableCSS&&!n.adoptedStyleSheets.includes(e)&&(ba?n.adoptedStyleSheets.push(e):n.adoptedStyleSheets=[...n.adoptedStyleSheets,e]);return r},Oi=(n,t)=>"sc-"+(Ut.mode&&t&&32&n.$flags$?n.$tagName$+"-"+t:n.$tagName$),zi=n=>n.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),$i=(n,t,...a)=>{let i=null,r=null,e=null,o=!1,l=!1;const p=[],c=t=>{for(let a=0;an[t]).join(" "))}if(Ut.isDev&&p.some(Ti)&&ta("The must be the single root component. Make sure:\n- You are NOT using hostData() and in the same component.\n- is used once, and it's the single root component of the render() function."),Ut.vdomFunctional&&"function"==typeof n)return n(null===t?{}:t,p,Si);const s=Ei(n,null);return s.$attrs$=t,p.length>0&&(s.$children$=p),Ut.vdomKey&&(s.$key$=r),Ut.slotRelocation&&(s.$name$=e),s},Ei=(n,t)=>{const a={$flags$:0,$tag$:n,$text$:t,$elm$:null,$children$:null};return Ut.vdomAttribute&&(a.$attrs$=null),Ut.vdomKey&&(a.$key$=null),Ut.slotRelocation&&(a.$name$=null),a},Di={},Ti=n=>n&&n.$tag$===Di,Si={forEach:(n,t)=>n.map(Ri).forEach(t),map:(n,t)=>n.map(Ri).map(t).map(Li)},Ri=n=>({vattrs:n.$attrs$,vchildren:n.$children$,vkey:n.$key$,vname:n.$name$,vtag:n.$tag$,vtext:n.$text$}),Li=n=>{if("function"==typeof n.vtag){const t={...n.vattrs};return n.vkey&&(t.key=n.vkey),n.vname&&(t.name=n.vname),$i(n.vtag,t,...n.vchildren||[])}const t=Ei(n.vtag,n.vtext);return t.$attrs$=n.vattrs,t.$children$=n.vchildren,t.$key$=n.vkey,t.$name$=n.vname,t},ji=n=>{const t=Object.keys(n),a=t.indexOf("value");if(-1===a)return;const i=t.indexOf("type"),r=t.indexOf("min"),e=t.indexOf("max"),o=t.indexOf("step");(a should be set after "min", "max", "type" and "step"')},Ai=(n,t,a,i,r,e,o,l=[])=>{let p,c,s,m;const d=r["s-sc"];if(1===e.nodeType){if(p=e.getAttribute(pa),p&&(c=p.split("."),c[0]===o||"0"===c[0])){s=_i({$flags$:0,$hostId$:c[0],$nodeId$:c[1],$depth$:c[2],$index$:c[3],$tag$:e.tagName.toLowerCase(),$elm$:e,$attrs$:{class:e.className||""}}),t.push(s),e.removeAttribute(pa),n.$children$||(n.$children$=[]),Ut.scoped&&d&&c[0]===o&&(e["s-si"]=d,s.$attrs$.class+=" "+d);const r=s.$elm$.getAttribute("s-sn");"string"==typeof r&&("slot-fb"===s.$tag$&&(Vi(r,c[2],s,e,n,t,a,i,l),Ut.scoped&&d&&e.classList.add(d)),s.$elm$["s-sn"]=r,s.$elm$.removeAttribute("s-sn")),void 0!==s.$index$&&(n.$children$[s.$index$]=s),n=s,i&&"0"===s.$depth$&&(i[s.$index$]=s.$elm$)}if(e.shadowRoot)for(m=e.shadowRoot.childNodes.length-1;m>=0;m--)Ai(n,t,a,i,r,e.shadowRoot.childNodes[m],o,l);const g=e.__childNodes||e.childNodes;for(m=g.length-1;m>=0;m--)Ai(n,t,a,i,r,g[m],o,l)}else if(8===e.nodeType)c=e.nodeValue.split("."),(c[1]===o||"0"===c[1])&&(p=c[0],s=_i({$hostId$:c[1],$nodeId$:c[2],$depth$:c[3],$index$:c[4]||"0",$elm$:e,$attrs$:null,$children$:null,$key$:null,$name$:null,$tag$:null,$text$:null}),"t"===p?(s.$elm$=Fi(e,3),s.$elm$&&3===s.$elm$.nodeType&&(s.$text$=s.$elm$.textContent,t.push(s),e.remove(),o===s.$hostId$&&(n.$children$||(n.$children$=[]),n.$children$[s.$index$]=s),i&&"0"===s.$depth$&&(i[s.$index$]=s.$elm$))):"c"===p?(s.$elm$=Fi(e,8),s.$elm$&&8===s.$elm$.nodeType&&(t.push(s),e.remove())):s.$hostId$===o&&("s"===p?Vi(e["s-sn"]=c[5]||"",c[2],s,e,n,t,a,i,l):"r"===p&&(Ut.shadowDom&&i?e.remove():Ut.slotRelocation&&(r["s-cr"]=e,e["s-cn"]=!0))));else if(n&&"style"===n.$tag$){const t=Ei(null,e.textContent);t.$elm$=e,t.$index$="0",n.$children$=[t]}else 3!==e.nodeType||e.wholeText.trim()||e["s-nr"]||e.remove();return n},Ni=(n,t)=>{if(1===n.nodeType){const a=n[oa]||n.getAttribute(oa);a&&t.set(a,n);let i=0;if(n.shadowRoot)for(;i({$flags$:0,$hostId$:null,$nodeId$:null,$depth$:null,$index$:"0",$elm$:null,$attrs$:null,$children$:null,$key$:null,$name$:null,$tag$:null,$text$:null,...n});function Vi(n,t,a,i,r,e,o,l,p){i["s-sr"]=!0,a.$name$=n||null,a.$tag$="slot";const c=(null==r?void 0:r.$elm$)?r.$elm$["s-id"]||r.$elm$.getAttribute("s-id"):"";if(Ut.shadowDom&&l&&ma.document){const e=a.$elm$=ma.document.createElement(a.$tag$);a.$name$&&a.$elm$.setAttribute("name",n),r.$elm$.shadowRoot&&c&&c!==a.$hostId$?bi(r.$elm$,"insertBefore")(e,bi(r.$elm$,"children")[0]):bi(bi(i,"parentNode"),"insertBefore")(e,i),Pi(p,t,n,i,a.$hostId$),i.remove(),"0"===a.$depth$&&(l[a.$index$]=a.$elm$)}else{const e=a.$elm$,o=c&&c!==a.$hostId$&&r.$elm$.shadowRoot;Pi(p,t,n,i,o?c:a.$hostId$),Ka(i),o&&r.$elm$.insertBefore(e,r.$elm$.children[0])}e.push(a),o.push(a),r.$children$||(r.$children$=[]),r.$children$[a.$index$]=a}var Ii,Ci,Gi,Pi=(n,t,a,i,r)=>{var e,o;let l=i.nextSibling;if(n[t]=n[t]||[],l&&!(null==(e=l.nodeValue)?void 0:e.startsWith("s.")))do{!l||(l.getAttribute&&l.getAttribute("slot")||l["s-sn"])!==a&&(""!==a||l["s-sn"]||l.getAttribute&&l.getAttribute("slot")||8!==l.nodeType&&3!==l.nodeType)||(l["s-sn"]=a,n[t].push({slot:i,node:l,hostId:r})),l=null==l?void 0:l.nextSibling}while(l&&!(null==(o=l.nodeValue)?void 0:o.startsWith("s.")))},Fi=(n,t)=>{let a=n;do{a=a.nextSibling}while(a&&(a.nodeType!==t||!a.nodeValue));return a},Bi="-shadowcsshost",Ui="-shadowcssslotted",Mi="-shadowcsscontext",qi=")(?:\\(((?:\\([^)(]*\\)|[^)(]*)+?)\\))?([^,{]*)",Hi=new RegExp("("+Bi+qi,"gim"),Wi=new RegExp("("+Mi+qi,"gim"),Ki=new RegExp("("+Ui+qi,"gim"),Xi=Bi+"-no-combinator",Qi=/-shadowcsshost-no-combinator([^\s]*)/,Ji=[/::shadow/g,/::content/g],Yi=/__part-(\d+)__/g,Zi=/-shadowcsshost/gim,nr=n=>{const t=Ra(n);return new RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${t}))(${t}\\b)`,"g")},tr=nr("::slotted"),ar=nr(":host"),ir=nr(":host-context"),rr=/\/\*\s*[\s\S]*?\*\//g,er=/\/\*\s*#\s*source(Mapping)?URL=[\s\S]+?\*\//g,or=/(\s*)([^;\{\}]+?)(\s*)((?:{%BLOCK%}?\s*;?)|(?:\s*;))/g,lr=/([{}])/g,pr=/(^.*?[^\\])??((:+)(.*)|$)/,cr="%BLOCK%",sr=(n,t)=>{const a=mr(n);let i=0;return a.escapedString.replace(or,(...n)=>{const r=n[2];let e="",o=n[4],l="";o&&o.startsWith("{"+cr)&&(e=a.blocks[i++],o=o.substring(8),l="{");const p=t({selector:r,content:e});return`${n[1]}${p.selector}${n[3]}${l}${p.content}${o}`})},mr=n=>{const t=n.split(lr),a=[],i=[];let r=0,e=[];for(let n=0;n0?e.push(o):(e.length>0&&(i.push(e.join("")),a.push(cr),e=[]),a.push(o)),"{"===o&&r++}return e.length>0&&(i.push(e.join("")),a.push(cr)),{escapedString:a.join(""),blocks:i}},dr=(n,t,a)=>n.replace(t,(...n)=>{if(n[2]){const t=n[2].split(","),i=[];for(let r=0;rn+t.replace(Bi,"")+a,fr=(n,t,a)=>t.indexOf(Bi)>-1?gr(n,t,a):n+t+a+", "+t+" "+n+a,hr=(n,t)=>n.replace(pr,(n,a="",i,r="",e="")=>a+t+r+e),vr=(n,t,a,i,r)=>sr(n,n=>{let e=n.selector,o=n.content;return"@"!==n.selector[0]?e=((n,t,a,i)=>n.split(",").map(n=>i&&n.indexOf("."+i)>-1?n.trim():((n,t)=>!(n=>(n=n.replace(/\[/g,"\\[").replace(/\]/g,"\\]"),new RegExp("^("+n+")([>\\s~+[.,{:][\\s\\S]*)?$","m")))(t).test(n))(n,t)?((n,t,a)=>{const i="."+(t=t.replace(/\[is=([^\]]*)\]/g,(n,...t)=>t[0])),r=n=>{let r=n.trim();if(!r)return"";if(n.indexOf(Xi)>-1)r=((n,t,a)=>{if(Zi.lastIndex=0,Zi.test(n)){const t=`.${a}`;return n.replace(Qi,(n,a)=>hr(a,t)).replace(Zi,t+" ")}return t+" "+n})(n,t,a);else{const t=n.replace(Zi,"");t.length>0&&(r=hr(t,i))}return r},e=(n=>{const t=[];let a=0;return{content:(n=(n=n.replace(/(\[\s*part~=\s*("[^"]*"|'[^']*')\s*\])/g,(n,i)=>{const r=`__part-${a}__`;return t.push(i),a++,r})).replace(/(\[[^\]]*\])/g,(n,i)=>{const r=`__ph-${a}__`;return t.push(i),a++,r})).replace(/(:nth-[-\w]+)(\([^)]+\))/g,(n,i,r)=>{const e=`__ph-${a}__`;return t.push(r),a++,i+e}),placeholders:t}})(n);let o,l="",p=0;const c=/( |>|\+|~(?!=))(?=(?:[^()]*\([^()]*\))*[^()]*$)\s*/g;let s=!((n=e.content).indexOf(Xi)>-1);for(;null!==(o=c.exec(n));){const t=o[1],a=n.slice(p,o.index).trim();s=s||a.indexOf(Xi)>-1,l+=`${s?r(a):a} ${t} `,p=c.lastIndex}const m=n.substring(p);return s=!m.match(Yi)&&(s||m.indexOf(Xi)>-1),l+=s?r(m):m,d=e.placeholders,l.replace(/__part-(\d+)__/g,(n,t)=>d[+t]).replace(/__ph-(\d+)__/g,(n,t)=>d[+t]);var d})(n,t,a).trim():n.trim()).join(", "))(n.selector,t,a,i):(n.selector.startsWith("@media")||n.selector.startsWith("@supports")||n.selector.startsWith("@page")||n.selector.startsWith("@document"))&&(o=vr(n.content,t,a,i,r)),{selector:e.replace(/\s{2,}/g," ").trim(),content:o}}),br=(n,t)=>n.replace(/-shadowcsshost-no-combinator/g,`.${t}`),ur=(n,t,a)=>{const i=t+"-h",r=t+"-s",e=n.match(er)||[];n=n.replace(rr,"");const o=[];if(a){const t=n=>{const t=`/*!@___${o.length}___*/`,a=`/*!@${n.selector}*/`;return o.push({placeholder:t,comment:a}),n.selector=t+n.selector,n};n=sr(n,n=>"@"!==n.selector[0]?t(n):n.selector.startsWith("@media")||n.selector.startsWith("@supports")||n.selector.startsWith("@page")||n.selector.startsWith("@document")?(n.content=sr(n.content,t),n):n)}const l=((n,t,a,i,r)=>{const e=((n,t)=>{const a="."+t+" > ",i=[];return n=n.replace(Ki,(...n)=>{if(n[2]){const t=n[2].trim(),r=n[3],e=a+t+r;let o="";for(let t=n[4]-1;t>=0;t--){const a=n[5][t];if("}"===a||","===a)break;o=a+o}const l=(o+e).trim(),p=`${o.trimEnd()}${e.trim()}`.trim();if(l!==p){const n=`${p}, ${l}`;i.push({orgSelector:l,updatedSelector:n})}return e}return Xi+n[3]}),{selectors:i,cssText:n}})(n=(n=>dr(n,Wi,fr))(n=(n=>dr(n,Hi,gr))(n=(n=>{const t=[];return n=(n=n.replace(/@supports\s+selector\s*\(\s*([^)]*)\s*\)/g,(n,a)=>{const i=`__supports_${t.length}__`;return t.push(a),`@supports selector(${i})`})).replace(ir,`$1${Mi}`).replace(ar,`$1${Bi}`).replace(tr,`$1${Ui}`),t.forEach((t,a)=>{n=n.replace(`__supports_${a}__`,t)}),n})(n))),i);return n=(n=>Ji.reduce((n,t)=>n.replace(t," "),n))(n=e.cssText),t&&(n=vr(n,t,a,i,r)),{cssText:(n=(n=br(n,a)).replace(/>\s*\*\s+([^{, ]+)/gm," $1 ")).trim(),slottedSelectors:e.selectors.map(n=>({orgSelector:br(n.orgSelector,a),updatedSelector:br(n.updatedSelector,a)}))}})(n,t,i,r,a);return n=[l.cssText,...e].join("\n"),a&&o.forEach(({placeholder:t,comment:a})=>{n=n.replace(t,a)}),l.slottedSelectors.forEach(t=>{const a=new RegExp(Ra(t.orgSelector),"g");n=n.replace(a,t.updatedSelector)}),n=(n=>{const t=/([^\s,{][^,{]*?)::part\(\s*([^)]+?)\s*\)((?:[:.][^,{]*)*)/g;return sr(n,n=>{if("@"===n.selector[0])return n;const a=n.selector.split(",").map(a=>{const i=[a.trim()];let r;for(;null!==(r=t.exec(a));){const t=r[1].trimEnd(),e=r[2].trim().split(/\s+/),o=r[3]||"",l=e.flatMap(t=>n.selector.includes(`[part~="${t}"]`)?[]:[`[part~="${t}"]`]).join(""),p=`${t} ${l}${o}`;l&&p!==a.trim()&&i.push(p)}return i.join(", ")});return n.selector=a.join(", "),n})})(n)},xr=(n,t,a)=>{if((Ut.hydrateClientSide||Ut.hydrateServerSide)&&"string"==typeof n&&(n.startsWith("{")&&n.endsWith("}")||n.startsWith("[")&&n.endsWith("]")))try{return JSON.parse(n)}catch(n){}return(Ut.hydrateClientSide||Ut.hydrateServerSide)&&"string"==typeof n&&n.startsWith(Xt)?n="string"==typeof(i=n)&&i.startsWith(Xt)?La.fromLocalValue(JSON.parse(atob(i.slice(11)))):i:null==n||Sa(n)?n:Ut.propBoolean&&4&t?(Ut.formAssociated&&a&&"string"==typeof n||"false"!==n)&&(""===n||!!n):Ut.propNumber&&2&t?"string"==typeof n?parseFloat(n):"number"==typeof n?n:NaN:Ut.propString&&1&t?String(n):n;var i},yr=(n,t,a)=>{const i=ga.ce(t,a);return n.dispatchEvent(i),i},kr=(n,t,a,i,r,e,o)=>{if(a===i)return;let l=Yt(n,t),p=t.toLowerCase();if(Ut.vdomClass&&"class"===t){const t=n.classList,r=Or(a);let e=Or(i);if(Ut.hydrateClientSide&&(n["s-si"]||n["s-sc"])&&o){const a=n["s-sc"]||n["s-si"];e.push(a),r.forEach(n=>{n.startsWith(a)&&e.push(n)}),e=[...new Set(e)].filter(n=>n),t.add(...e)}else t.remove(...r.filter(n=>n&&!e.includes(n))),t.add(...e.filter(n=>n&&!r.includes(n)))}else if(Ut.vdomStyle&&"style"===t){if(Ut.updatable)for(const t in a)i&&null!=i[t]||(!Ut.hydrateServerSide&&t.includes("-")?n.style.removeProperty(t):n.style[t]="");for(const t in i)a&&i[t]===a[t]||(!Ut.hydrateServerSide&&t.includes("-")?n.style.setProperty(t,i[t]):n.style[t]=i[t])}else if(Ut.vdomKey&&"key"===t);else if(Ut.vdomRef&&"ref"===t)i&&i(n);else if(!Ut.vdomListener||(Ut.lazyLoad?l:n.__lookupSetter__(t))||"o"!==t[0]||"n"!==t[1]){if(Ut.vdomPropOrAttr){const o=Sa(i);if((l||o&&null!==i)&&!r)try{if(n.tagName.includes("-"))n[t]!==i&&(n[t]=i);else{const r=null==i?"":i;"list"===t?l=!1:null!=a&&n[t]==r||("function"==typeof n.__lookupSetter__(t)?n[t]=r:n.setAttribute(t,r))}}catch(n){}let c=!1;Ut.vdomXlink&&p!==(p=p.replace(/^xlink\:?/,""))&&(t=p,c=!0),null==i||!1===i?!1===i&&""!==n.getAttribute(t)||(Ut.vdomXlink&&c?n.removeAttributeNS(ca,t):n.removeAttribute(t)):(!l||4&e||r)&&!o&&1===n.nodeType&&(i=!0===i?"":i,Ut.vdomXlink&&c?n.setAttributeNS(ca,t,i):n.setAttribute(t,i))}}else if(t="-"===t[2]?t.slice(3):Yt(ma,p)?p.slice(2):p[2]+t.slice(3),a||i){const r=t.endsWith(zr);t=t.replace($r,""),a&&ga.rel(n,t,a,r),i&&ga.ael(n,t,i,r)}},wr=/\s/,Or=n=>("object"==typeof n&&n&&"baseVal"in n&&(n=n.baseVal),n&&"string"==typeof n?n.split(wr):[]),zr="Capture",$r=new RegExp(zr+"$"),Er=(n,t,a,i)=>{const r=11===t.$elm$.nodeType&&t.$elm$.host?t.$elm$.host:t.$elm$,e=n&&n.$attrs$||{},o=t.$attrs$||{};if(Ut.updatable)for(const n of Dr(Object.keys(e)))n in o||kr(r,n,e[n],void 0,a,t.$flags$,i);for(const n of Dr(Object.keys(o)))kr(r,n,e[n],o[n],a,t.$flags$,i)};function Dr(n){return n.includes("ref")?[...n.filter(n=>"ref"!==n),"ref"]:n}var Tr=!1,Sr=!1,Rr=!1,Lr=!1,jr=(n,t,a)=>{var i;const r=t.$children$[a];let e,o,l,p=0;if(Ut.slotRelocation&&!Tr&&(Rr=!0,"slot"===r.$tag$&&(r.$flags$|=r.$children$?2:1)),Ut.isDev&&r.$elm$&&ta(`The JSX ${null!==r.$text$?`"${r.$text$}" text`:`"${r.$tag$}" element`} node should not be shared within the same renderer. The renderer caches element lookups in order to improve performance. However, a side effect from this is that the exact same JSX node should not be reused. For more information please see https://stenciljs.com/docs/templating-jsx#avoid-shared-jsx-nodes`),Ut.vdomText&&null!==r.$text$)e=r.$elm$=ma.document.createTextNode(r.$text$);else if(Ut.slotRelocation&&1&r.$flags$)e=r.$elm$=Ut.isDebug||Ut.hydrateServerSide?Hr(r):ma.document.createTextNode(""),Ut.vdomAttribute&&Er(null,r,Lr);else{if(Ut.svg&&!Lr&&(Lr="svg"===r.$tag$),!ma.document)throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");if(e=r.$elm$=Ut.svg?ma.document.createElementNS(Lr?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!Tr&&Ut.slotRelocation&&2&r.$flags$?"slot-fb":r.$tag$):ma.document.createElement(!Tr&&Ut.slotRelocation&&2&r.$flags$?"slot-fb":r.$tag$),Ut.svg&&Lr&&"foreignObject"===r.$tag$&&(Lr=!1),Ut.vdomAttribute&&Er(null,r,Lr),(Ut.scoped||Ut.hydrateServerSide)&&null!=(c=Ii)&&void 0!==c&&e["s-si"]!==Ii&&e.classList.add(e["s-si"]=Ii),r.$children$)for(p=0;p{ga.$flags$|=1;const t=n.closest(Gi.toLowerCase());if(null!=t){const a=Array.from(t.__childNodes||t.childNodes).find(n=>n["s-cr"]),i=Array.from(n.__childNodes||n.childNodes);for(const n of a?i.reverse():i)null!=n["s-sh"]&&(Ur(t,n,null!=a?a:null),n["s-sh"]=void 0,Rr=!0)}ga.$flags$&=-2},Nr=(n,t)=>{ga.$flags$|=1;const a=Array.from(n.__childNodes||n.childNodes);if(n["s-sr"]&&Ut.experimentalSlotFixes){let t=n;for(;t=t.nextSibling;)t&&t["s-sn"]===n["s-sn"]&&t["s-sh"]===Gi&&a.push(t)}for(let n=a.length-1;n>=0;n--){const i=a[n];i["s-hn"]!==Gi&&i["s-ol"]&&(Ur(Cr(i).parentNode,i,Cr(i)),i["s-ol"].remove(),i["s-ol"]=void 0,i["s-sh"]=void 0,Rr=!0),t&&Nr(i,t)}ga.$flags$&=-2},_r=(n,t,a,i,r,e)=>{let o,l=Ut.slotRelocation&&n["s-cr"]&&n["s-cr"].parentNode||n;for(Ut.shadowDom&&l.shadowRoot&&l.tagName===Gi&&(l=l.shadowRoot);r<=e;++r)i[r]&&(o=jr(null,a,r),o&&(i[r].$elm$=o,Ur(l,o,Ut.slotRelocation?Cr(t):t)))},Vr=(n,t,a)=>{for(let i=t;i<=a;++i){const t=n[i];if(t){const n=t.$elm$;Br(t),n&&(Ut.slotRelocation&&(Sr=!0,n["s-ol"]?n["s-ol"].remove():Nr(n,!0)),n.remove())}}},Ir=(n,t,a=!1)=>n.$tag$===t.$tag$&&(Ut.slotRelocation&&"slot"===n.$tag$?n.$name$===t.$name$:Ut.vdomKey&&!a?n.$key$===t.$key$:(a&&!n.$key$&&t.$key$&&(n.$key$=t.$key$),!0)),Cr=n=>n&&n["s-ol"]||n,Gr=(n,t,a=!1)=>{const i=t.$elm$=n.$elm$,r=n.$children$,e=t.$children$,o=t.$tag$,l=t.$text$;let p;Ut.vdomText&&null!==l?Ut.vdomText&&Ut.slotRelocation&&(p=i["s-cr"])?p.parentNode.textContent=l:Ut.vdomText&&n.$text$!==l&&(i.data=l):(Ut.svg&&(Lr="svg"===o||"foreignObject"!==o&&Lr),(Ut.vdomAttribute||Ut.reflect)&&(Ut.slot&&"slot"===o&&!Tr&&Ut.experimentalSlotFixes&&n.$name$!==t.$name$&&(t.$elm$["s-sn"]=t.$name$||"",Ar(t.$elm$.parentElement)),Er(n,t,Lr,a)),Ut.updatable&&null!==r&&null!==e?((n,t,a,i,r=!1)=>{let e,o,l=0,p=0,c=0,s=0,m=t.length-1,d=t[0],g=t[m],f=i.length-1,h=i[0],v=i[f];for(;l<=m&&p<=f;)if(null==d)d=t[++l];else if(null==g)g=t[--m];else if(null==h)h=i[++p];else if(null==v)v=i[--f];else if(Ir(d,h,r))Gr(d,h,r),d=t[++l],h=i[++p];else if(Ir(g,v,r))Gr(g,v,r),g=t[--m],v=i[--f];else if(Ir(d,v,r))!Ut.slotRelocation||"slot"!==d.$tag$&&"slot"!==v.$tag$||Nr(d.$elm$.parentNode,!1),Gr(d,v,r),Ur(n,d.$elm$,g.$elm$.nextSibling),d=t[++l],v=i[--f];else if(Ir(g,h,r))!Ut.slotRelocation||"slot"!==d.$tag$&&"slot"!==v.$tag$||Nr(g.$elm$.parentNode,!1),Gr(g,h,r),Ur(n,g.$elm$,d.$elm$),g=t[--m],h=i[++p];else{if(c=-1,Ut.vdomKey)for(s=l;s<=m;++s)if(t[s]&&null!==t[s].$key$&&t[s].$key$===h.$key$){c=s;break}Ut.vdomKey&&c>=0?(o=t[c],o.$tag$!==h.$tag$?e=jr(t&&t[p],a,c):(Gr(o,h,r),t[c]=void 0,e=o.$elm$),h=i[++p]):(e=jr(t&&t[p],a,p),h=i[++p]),e&&(Ut.slotRelocation?Ur(Cr(d.$elm$).parentNode,e,Cr(d.$elm$)):Ur(d.$elm$.parentNode,e,d.$elm$))}l>m?_r(n,null==i[f+1]?null:i[f+1].$elm$,a,i,p,f):Ut.updatable&&p>f&&Vr(t,l,m)})(i,r,t,e,a):null!==e?(Ut.updatable&&Ut.vdomText&&null!==n.$text$&&(i.textContent=""),_r(i,null,t,e,0,e.length-1)):!a&&Ut.updatable&&null!==r?Vr(r,0,r.length-1):Ut.hydrateClientSide&&a&&Ut.updatable&&null!==r&&null===e&&(t.$children$=r),Ut.svg&&Lr&&"svg"===o&&(Lr=!1))},Pr=[],Fr=n=>{let t,a,i;const r=n.__childNodes||n.childNodes;for(const n of r){if(n["s-sr"]&&(t=n["s-cr"])&&t.parentNode){a=t.parentNode.__childNodes||t.parentNode.childNodes;const r=n["s-sn"];for(i=a.length-1;i>=0;i--)if(t=a[i],!(t["s-cn"]||t["s-nr"]||t["s-hn"]===n["s-hn"]||Ut.experimentalSlotFixes&&t["s-sh"]&&t["s-sh"]===n["s-hn"]))if(qa(t,r)){let a=Pr.find(n=>n.$nodeToRelocate$===t);Sr=!0,t["s-sn"]=t["s-sn"]||r,a?(a.$nodeToRelocate$["s-sh"]=n["s-hn"],a.$slotRefNode$=n):(t["s-sh"]=n["s-hn"],Pr.push({$slotRefNode$:n,$nodeToRelocate$:t})),t["s-sr"]&&Pr.map(n=>{qa(n.$nodeToRelocate$,t["s-sn"])&&(a=Pr.find(n=>n.$nodeToRelocate$===t),a&&!n.$slotRefNode$&&(n.$slotRefNode$=a.$slotRefNode$))})}else Pr.some(n=>n.$nodeToRelocate$===t)||Pr.push({$nodeToRelocate$:t})}1===n.nodeType&&Fr(n)}},Br=n=>{Ut.vdomRef&&(n.$attrs$&&n.$attrs$.ref&&n.$attrs$.ref(null),n.$children$&&n.$children$.map(Br))},Ur=(n,t,a)=>{if(Ut.scoped&&"string"==typeof t["s-sn"]&&t["s-sr"]&&t["s-cr"])Mr(t["s-cr"],t,n,t.parentElement);else if(Ut.experimentalSlotFixes&&"string"==typeof t["s-sn"]){11!==n.getRootNode().nodeType&&gi(t),n.insertBefore(t,a);const{slotNode:i}=Qa(t);return i&&Xa(i),t}return Ut.experimentalSlotFixes&&n.__insertBefore?n.__insertBefore(t,a):null==n?void 0:n.insertBefore(t,a)};function Mr(n,t,a,i){var r,e;let o;if(n&&"string"==typeof t["s-sn"]&&t["s-sr"]&&n.parentNode&&n.parentNode["s-sc"]&&(o=t["s-si"]||n.parentNode["s-sc"])){const n=t["s-sn"],l=t["s-hn"];if(null==(r=a.classList)||r.add(o+"-s"),i&&(null==(e=i.classList)?void 0:e.contains(o+"-s"))){let t=(i.__childNodes||i.childNodes)[0],a=!1;for(;t;){if(t["s-sn"]!==n&&t["s-hn"]===l&&t["s-sr"]){a=!0;break}t=t.nextSibling}a||i.classList.remove(o+"-s")}}}var qr=(n,t,a=!1)=>{var i,r,e,o,l;const p=n.$hostElement$,c=n.$cmpMeta$,s=n.$vnode$||Ei(null,null),m=Ti(t)?t:$i(null,null,t);if(Gi=p.tagName,Ut.isDev&&Array.isArray(t)&&t.some(Ti))throw new Error(`The must be the single root component.\nLooks like the render() function of "${Gi.toLowerCase()}" is returning an array that contains the .\n\nThe render() function should look like this instead:\n\nrender() {\n // Do not return an array\n return (\n {content}\n );\n}\n `);if(Ut.reflect&&c.$attrsToReflect$&&(m.$attrs$=m.$attrs$||{},c.$attrsToReflect$.map(([n,t])=>m.$attrs$[t]=p[n])),a&&m.$attrs$)for(const n of Object.keys(m.$attrs$))p.hasAttribute(n)&&!["key","ref","style","class"].includes(n)&&(m.$attrs$[n]=p[n]);if(m.$tag$=null,m.$flags$|=4,n.$vnode$=m,m.$elm$=s.$elm$=Ut.shadowDom&&p.shadowRoot||p,(Ut.scoped||Ut.shadowDom)&&(Ii=p["s-sc"]),Tr=fa&&!!(1&c.$flags$)&&!(128&c.$flags$),Ut.slotRelocation&&(Ci=p["s-cr"],Sr=!1),Gr(s,m,a),Ut.slotRelocation){if(ga.$flags$|=1,Rr){Fr(m.$elm$);for(const n of Pr){const t=n.$nodeToRelocate$;if(!t["s-ol"]&&ma.document){const n=Ut.isDebug||Ut.hydrateServerSide?Wr(t):ma.document.createTextNode("");n["s-nr"]=t,Ur(t.parentNode,t["s-ol"]=n,t)}}for(const n of Pr){const t=n.$nodeToRelocate$,l=n.$slotRefNode$;if(l){const n=l.parentNode;let a=l.nextSibling;if(!Ut.hydrateServerSide&&(!Ut.experimentalSlotFixes||a&&1===a.nodeType)){let e=null==(i=t["s-ol"])?void 0:i.previousSibling;for(;e;){let i=null!=(r=e["s-nr"])?r:null;if(i&&i["s-sn"]===t["s-sn"]&&n===(i.__parentNode||i.parentNode)){for(i=i.nextSibling;i===t||(null==i?void 0:i["s-sr"]);)i=null==i?void 0:i.nextSibling;if(!i||!i["s-nr"]){a=i;break}}e=e.previousSibling}}const o=t.__parentNode||t.parentNode,p=t.__nextSibling||t.nextSibling;(!a&&n!==o||p!==a)&&t!==a&&(Ut.experimentalSlotFixes||t["s-hn"]||!t["s-ol"]||(t["s-hn"]=t["s-ol"].parentNode.nodeName),Ur(n,t,a),1===t.nodeType&&"SLOT-FB"!==t.tagName&&(t.hidden=null!=(e=t["s-ih"])&&e)),t&&"function"==typeof l["s-rf"]&&l["s-rf"](l)}else 1===t.nodeType&&(a&&(t["s-ih"]=null!=(o=t.hidden)&&o),t.hidden=!0)}}Sr&&Fa(m.$elm$),ga.$flags$&=-2,Pr.length=0}if(Ut.experimentalScopedSlotChanges&&2&c.$flags$){const n=m.$elm$.__childNodes||m.$elm$.childNodes;for(const t of n)t["s-hn"]===Gi||t["s-sh"]||(a&&null==t["s-ih"]&&(t["s-ih"]=null!=(l=t.hidden)&&l),t.hidden=!0)}Ci=void 0},Hr=n=>{var t;return null==(t=ma.document)?void 0:t.createComment(` (host=${Gi.toLowerCase()})`)},Wr=n=>{var t;return null==(t=ma.document)?void 0:t.createComment("org-location for "+(n.localName?`<${n.localName}> (host=${n["s-hn"]})`:`[${n.textContent}]`))},Kr=(n,t)=>{if(Ut.asyncLoading&&t&&!n.$onRenderResolve$&&t["s-p"]){const a=t["s-p"].push(new Promise(i=>n.$onRenderResolve$=()=>{t["s-p"].splice(a-1,1),i()}))}},Xr=(n,t)=>{if(Ut.taskQueue&&Ut.updatable&&(n.$flags$|=16),Ut.asyncLoading&&4&n.$flags$)return void(n.$flags$|=512);Kr(n,n.$ancestorComponent$);const a=()=>Qr(n,t);if(!t)return Ut.taskQueue?Ta(a):a();queueMicrotask(()=>{a()})},Qr=(n,t)=>{const a=n.$hostElement$,i=xi("scheduleUpdate",n.$cmpMeta$.$tagName$),r=Ut.lazyLoad?n.$lazyInstance$:a;if(!r)throw new Error(`Can't render component <${a.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let e;return t?(Ut.lazyLoad&&Ut.hostListener&&(n.$flags$|=256,n.$queuedListeners$&&(n.$queuedListeners$.map(([n,t])=>ie(r,n,t,a)),n.$queuedListeners$=void 0)),re(a,"componentWillLoad"),e=ie(r,"componentWillLoad",void 0,a)):(re(a,"componentWillUpdate"),e=ie(r,"componentWillUpdate",void 0,a)),re(a,"componentWillRender"),e=Jr(e,()=>ie(r,"componentWillRender",void 0,a)),i(),Jr(e,()=>Zr(n,r,t))},Jr=(n,t)=>Yr(n)?n.then(t).catch(n=>{console.error(n),t()}):t(),Yr=n=>n instanceof Promise||n&&n.then&&"function"==typeof n.then,Zr=async(n,t,a)=>{var i;const r=n.$hostElement$,e=xi("update",n.$cmpMeta$.$tagName$),o=r["s-rc"];Ut.style&&a&&(n=>{const t=n.$cmpMeta$,a=n.$hostElement$,i=t.$flags$,r=xi("attachStyles",t.$tagName$),e=wi(Ut.shadowDom&&fa&&a.shadowRoot?a.shadowRoot:a.getRootNode(),t,n.$modeName$);(Ut.shadowDom||Ut.scoped)&&Ut.cssAnnotations&&10&i&&(a["s-sc"]=e,a.classList.add(e+"-h")),r()})(n);const l=xi("render",n.$cmpMeta$.$tagName$);if(Ut.isDev&&(n.$flags$|=1024),Ut.hydrateServerSide?await ne(n,t,r,a):ne(n,t,r,a),Ut.isDev&&(n.$renderCount$=void 0===n.$renderCount$?1:n.$renderCount$+1,n.$flags$&=-1025),Ut.hydrateServerSide)try{oe(r),a&&(1&n.$cmpMeta$.$flags$?r["s-en"]="":2&n.$cmpMeta$.$flags$&&(r["s-en"]="c"))}catch(n){Zt(n,r)}if(Ut.asyncLoading&&o&&(o.map(n=>n()),r["s-rc"]=void 0),l(),e(),Ut.asyncLoading){const t=null!=(i=r["s-p"])?i:[],a=()=>te(n);0===t.length?a():(Promise.all(t).then(a),n.$flags$|=4,t.length=0)}else te(n)},ne=(n,t,a,i)=>{const r=!!Ut.allRenderFn,e=!!Ut.lazyLoad,o=!!Ut.taskQueue,l=!!Ut.updatable;try{if(t=(r||t.render)&&t.render(),l&&o&&(n.$flags$&=-17),(l||e)&&(n.$flags$|=2),Ut.hasRenderFn||Ut.reflect)if(Ut.vdomRender||Ut.reflect){if(Ut.hydrateServerSide)return Promise.resolve(t).then(t=>qr(n,t,i));qr(n,t,i)}else{const i=a.shadowRoot;1&n.$cmpMeta$.$flags$?i.textContent=t:a.textContent=t}}catch(t){Zt(t,n.$hostElement$)}return null},te=n=>{const t=n.$cmpMeta$.$tagName$,a=n.$hostElement$,i=xi("postUpdate",t),r=Ut.lazyLoad?n.$lazyInstance$:a,e=n.$ancestorComponent$;Ut.isDev&&(n.$flags$|=1024),ie(r,"componentDidRender",void 0,a),Ut.isDev&&(n.$flags$&=-1025),re(a,"componentDidRender"),64&n.$flags$?(Ut.isDev&&(n.$flags$|=1024),ie(r,"componentDidUpdate",void 0,a),Ut.isDev&&(n.$flags$&=-1025),re(a,"componentDidUpdate"),i()):(n.$flags$|=64,Ut.asyncLoading&&Ut.cssAnnotations&&ee(a),Ut.isDev&&(n.$flags$|=2048),ie(r,"componentDidLoad",void 0,a),Ut.isDev&&(n.$flags$&=-2049),re(a,"componentDidLoad"),i(),Ut.asyncLoading&&(n.$onReadyResolve$(a),e||ae(t))),Ut.method&&Ut.lazyLoad&&n.$onInstanceResolve$(a),Ut.asyncLoading&&(n.$onRenderResolve$&&(n.$onRenderResolve$(),n.$onRenderResolve$=void 0),512&n.$flags$&&Da(()=>Xr(n,!1)),n.$flags$&=-517)},ae=n=>{var t;Ut.asyncQueue&&(ga.$flags$|=2),Da(()=>yr(ma,"appload",{detail:{namespace:Bt}})),Ut.hydrateClientSide&&(null==(t=ga.$orgLocNodes$)?void 0:t.size)&&ga.$orgLocNodes$.clear(),Ut.profile&&performance.measure&&performance.measure(`[Stencil] ${Bt} initial load (by ${n})`,"st:app:start")},ie=(n,t,a,i)=>{if(n&&n[t])try{return n[t](a)}catch(n){Zt(n,i)}},re=(n,t)=>{Ut.lifecycleDOMEvents&&yr(n,"stencil_"+t,{bubbles:!0,composed:!0,detail:{namespace:Bt}})},ee=n=>{var t,a;return Ut.hydratedClass?n.classList.add(null!=(t=Ut.hydratedSelectorName)?t:"hydrated"):Ut.hydratedAttribute?n.setAttribute(null!=(a=Ut.hydratedSelectorName)?a:"hydrated",""):void 0},oe=n=>{const t=n.children;if(null!=t)for(let n=0,a=t.length;nJt(n).$instanceValues$.get(t),pe=(n,t,a,i)=>{const r=Jt(n);if(!r)return;if(Ut.lazyLoad&&!r)throw new Error(`Couldn't find host element for "${i.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const e=Ut.lazyLoad?r.$hostElement$:n,o=r.$instanceValues$.get(t),l=r.$flags$,p=Ut.lazyLoad?r.$lazyInstance$:e;a=xr(a,i.$members$[t][0],Ut.formAssociated&&!!(64&i.$flags$));const c=Number.isNaN(o)&&Number.isNaN(a);if((!Ut.lazyLoad||!(8&l)||void 0===o)&&a!==o&&!c&&(r.$instanceValues$.set(t,a),Ut.isDev&&(1024&r.$flags$?aa(`The state/prop "${t}" changed during rendering. This can potentially lead to infinite-loops and other bugs.`,"\nElement",e,"\nNew value",a,"\nOld value",o):2048&r.$flags$&&aa(`The state/prop "${t}" changed during "componentDidLoad()", this triggers extra re-renders, try to setup on "componentWillLoad()"`,"\nElement",e,"\nNew value",a,"\nOld value",o)),!Ut.lazyLoad||p)){if(Ut.watchCallback&&i.$watchers$&&128&l){const n=i.$watchers$[t];n&&n.map(n=>{try{p[n](a,o,t)}catch(n){Zt(n,e)}})}if(Ut.updatable&&2==(18&l)){if(p.componentShouldUpdate&&!1===p.componentShouldUpdate(a,o,t))return;Xr(r,!1)}}},ce=(n,t,a)=>{var i,r;const e=n.prototype;if(Ut.isTesting){if(e.__stencilAugmented)return;e.__stencilAugmented=!0}if(Ut.formAssociated&&64&t.$flags$&&1&a&&sa.forEach(n=>{const t=e[n];Object.defineProperty(e,n,{value(...a){var i;const r=Jt(this),e=Ut.lazyLoad?null==r?void 0:r.$lazyInstance$:this;if(e){const i=Ut.lazyLoad?e[n]:t;"function"==typeof i&&i.call(e,...a)}else null==(i=null==r?void 0:r.$onReadyPromise$)||i.then(t=>{const i=t[n];"function"==typeof i&&i.call(t,...a)})}})}),Ut.member&&t.$members$||Ut.watchCallback&&(t.$watchers$||n.watchers)){Ut.watchCallback&&n.watchers&&!t.$watchers$&&(t.$watchers$=n.watchers);const o=Object.entries(null!=(i=t.$members$)?i:{});if(o.map(([n,[i]])=>{if((Ut.prop||Ut.state)&&(31&i||(!Ut.lazyLoad||2&a)&&32&i)){const{get:r,set:o}=Object.getOwnPropertyDescriptor(e,n)||{};r&&(t.$members$[n][0]|=2048),o&&(t.$members$[n][0]|=4096),(1&a||!r)&&Object.defineProperty(e,n,{get(){if(Ut.lazyLoad){if(!(2048&t.$members$[n][0]))return le(this,n);const a=Jt(this),i=a?a.$lazyInstance$:e;if(!i)return;return i[n]}if(!Ut.lazyLoad)return r?r.apply(this):le(this,n)},configurable:!0,enumerable:!0}),Object.defineProperty(e,n,{set(r){const e=Jt(this);if(e){if(Ut.isDev&&(1&a||4096&t.$members$[n][0]||0!==(e&&8&e.$flags$)||!(31&i)||1024&i||aa(`@Prop() "${n}" on <${t.$tagName$}> is immutable but was modified from within the component.\nMore information: https://stenciljs.com/docs/properties#prop-mutability`)),o){const a=32&i?this[n]:e.$hostElement$[n];return void 0===a&&e.$instanceValues$.get(n)?r=e.$instanceValues$.get(n):!e.$instanceValues$.get(n)&&a&&e.$instanceValues$.set(n,a),o.apply(this,[xr(r,i,Ut.formAssociated&&!!(64&t.$flags$))]),r=32&i?this[n]:e.$hostElement$[n],void pe(this,n,r,t)}if(Ut.lazyLoad){if(Ut.lazyLoad){if(!(1&a&&4096&t.$members$[n][0]))return pe(this,n,r,t),void(1&a&&!e.$lazyInstance$&&e.$onReadyPromise$.then(()=>{4096&t.$members$[n][0]&&e.$lazyInstance$[n]!==e.$instanceValues$.get(n)&&(e.$lazyInstance$[n]=r)}));const o=()=>{const a=e.$lazyInstance$[n];!e.$instanceValues$.get(n)&&a&&e.$instanceValues$.set(n,a),e.$lazyInstance$[n]=xr(r,i,Ut.formAssociated&&!!(64&t.$flags$)),pe(this,n,e.$lazyInstance$[n],t)};e.$lazyInstance$?o():e.$onReadyPromise$.then(()=>o())}}else pe(this,n,r,t)}}})}else Ut.lazyLoad&&Ut.method&&1&a&&64&i&&Object.defineProperty(e,n,{value(...t){var a;const i=Jt(this);return null==(a=null==i?void 0:i.$onInstancePromise$)?void 0:a.then(()=>{var a;return null==(a=i.$lazyInstance$)?void 0:a[n](...t)})}})}),Ut.observeAttribute&&(!Ut.lazyLoad||1&a)){const a=new Map;e.attributeChangedCallback=function(n,i,r){ga.jmp(()=>{var o;const l=a.get(n);if(this.hasOwnProperty(l)&&Ut.lazyLoad)r=this[l],delete this[l];else{if(e.hasOwnProperty(l)&&"number"==typeof this[l]&&this[l]==r)return;if(null==l){const a=Jt(this),e=null==a?void 0:a.$flags$;if(a&&e&&!(8&e)&&128&e&&r!==i){const e=Ut.lazyLoad?a.$hostElement$:this,l=Ut.lazyLoad?a.$lazyInstance$:e,p=null==(o=t.$watchers$)?void 0:o[n];null==p||p.forEach(t=>{null!=l[t]&&l[t].call(l,r,i,n)})}return}}const p=Object.getOwnPropertyDescriptor(e,l);(r=(null!==r||"boolean"!=typeof this[l])&&r)===this[l]||p.get&&!p.set||(this[l]=r)})},n.observedAttributes=Array.from(new Set([...Object.keys(null!=(r=t.$watchers$)?r:{}),...o.filter(([n,t])=>15&t[0]).map(([n,i])=>{var r;const e=i[1]||n;return a.set(e,n),Ut.reflect&&512&i[0]&&(null==(r=t.$attrsToReflect$)||r.push([n,e])),e})]))}}return n},se=async(n,t,a,i)=>{let e;if(!(32&t.$flags$)){t.$flags$|=32;const p=a.$lazyBundleId$;if(Ut.lazyLoad&&p){const p=((n,t,a)=>{const i=n.$tagName$.replace(/-/g,"_"),e=n.$lazyBundleId$;if(Ut.isDev&&"string"!=typeof e)return void ta(`Trying to lazily load component <${n.$tagName$}> with style mode "${t.$modeName$}", but it does not exist.`);if(!e)return;const o=!Ut.hotModuleReplacement&&ia.get(e);return o?o[i]:r(629)(`./${e}.entry.js${Ut.hotModuleReplacement&&a?"?s-hmr="+a:""}`).then(n=>(Ut.hotModuleReplacement||ia.set(e,n),n[i]),n=>{Zt(n,t.$hostElement$)})})(a,t,i);if(p&&"then"in p){const n=(o=`st:load:${a.$tagName$}:${t.$modeName$}`,l=`[Stencil] Load module for <${a.$tagName$}>`,Ut.profile&&performance.mark?(0===performance.getEntriesByName(o,"mark").length&&performance.mark(o),()=>{0===performance.getEntriesByName(l,"measure").length&&performance.measure(l,o)}):()=>{});e=await p,n()}else e=p;if(!e)throw new Error(`Constructor for "${a.$tagName$}#${t.$modeName$}" was not found`);Ut.member&&!e.isProxied&&(Ut.watchCallback&&(a.$watchers$=e.watchers),ce(e,a,2),e.isProxied=!0);const c=xi("createInstance",a.$tagName$);Ut.member&&(t.$flags$|=8);try{new e(t)}catch(t){Zt(t,n)}Ut.member&&(t.$flags$&=-9),Ut.watchCallback&&(t.$flags$|=128),c(),me(t.$lazyInstance$,n)}else{e=n.constructor;const a=n.localName;customElements.whenDefined(a).then(()=>t.$flags$|=128)}if(Ut.style&&e&&e.style){let i;"string"==typeof e.style?i=e.style:Ut.mode&&"string"!=typeof e.style&&(t.$modeName$=(n=>ea.map(t=>t(n)).find(n=>!!n))(n),t.$modeName$&&(i=e.style[t.$modeName$]),Ut.hydrateServerSide&&t.$modeName$&&n.setAttribute("s-mode",t.$modeName$));const r=Oi(a,t.$modeName$);if(!ra.has(r)){const n=xi("registerStyles",a.$tagName$);Ut.hydrateServerSide&&Ut.shadowDom&&128&a.$flags$&&(i=ur(i,r,!0)),ki(r,i,!!(1&a.$flags$)),n()}}}var o,l;const p=t.$ancestorComponent$,c=()=>Xr(t,!0);Ut.asyncLoading&&p&&p["s-rc"]?p["s-rc"].push(c):c()},me=(n,t)=>{Ut.lazyLoad&&ie(n,"connectedCallback",void 0,t)},de=n=>{if(!ma.document)return;const t=n["s-cr"]=ma.document.createComment(Ut.isDebug?`content-ref (host=${n.localName})`:"");t["s-cn"]=!0,Ur(n,t,n.firstChild)},ge=(n,t)=>{Ut.lazyLoad&&ie(n,"disconnectedCallback",void 0,t||n)},fe=(n,t)=>{const a={$flags$:t[0],$tagName$:t[1]};var i;Ut.member&&(a.$members$=t[2]),Ut.hostListener&&(a.$listeners$=t[3]),Ut.watchCallback&&(a.$watchers$=n.$watchers$),Ut.reflect&&(a.$attrsToReflect$=[]),Ut.shadowDom&&!fa&&1&a.$flags$&&(a.$flags$|=8),!(1&a.$flags$)&&256&a.$flags$&&(Ut.experimentalSlotFixes?(i=n.prototype,Ja(i),Ya(i),ti(i),ni(i),ei(i),ai(i),ii(i),ri(i),oi(i),li(i),Za(i)):(Ut.slotChildNodesFix&&li(n.prototype),Ut.cloneNodeFix&&Ja(n.prototype),Ut.appendChildSlotFix&&Ya(n.prototype),Ut.scopedSlotTextContentFix&&2&a.$flags$&&oi(n.prototype))),Ut.hydrateClientSide&&Ut.shadowDom&&(()=>{if(!ma.document)return;const n=ma.document.querySelectorAll(`[${la}]`);let t=0;for(;t{const a={$flags$:0,$hostElement$:n,$cmpMeta$:t,$instanceValues$:new Map};Ut.isDev&&(a.$renderCount$=0),Ut.method&&Ut.lazyLoad&&(a.$onInstancePromise$=new Promise(n=>a.$onInstanceResolve$=n)),Ut.asyncLoading&&(a.$onReadyPromise$=new Promise(n=>a.$onReadyResolve$=n),n["s-p"]=[],n["s-rc"]=[]);const i=a;n.__stencil__getHostRef=()=>i,!Ut.lazyLoad&&Ut.modernPropertyDecls&&(Ut.state||Ut.prop)&&Qt(n,a)})(this,a)},connectedCallback(){if(!this.__hasHostListenerAttached){const n=Jt(this);if(!n)return;he(this,n,a.$listeners$,!1),this.__hasHostListenerAttached=!0}(n=>{if(!(1&ga.$flags$)){const t=Jt(n);if(!t)return;const a=t.$cmpMeta$,i=xi("connectedCallback",a.$tagName$);if(Ut.hostListenerTargetParent&&he(n,t,a.$listeners$,!0),1&t.$flags$)he(n,t,a.$listeners$,!1),(null==t?void 0:t.$lazyInstance$)?me(t.$lazyInstance$,n):(null==t?void 0:t.$onReadyPromise$)&&t.$onReadyPromise$.then(()=>me(t.$lazyInstance$,n));else{let i;if(t.$flags$|=1,Ut.hydrateClientSide&&(i=n.getAttribute(oa),i)){if(Ut.shadowDom&&fa&&1&a.$flags$){const t=Ut.mode?wi(n.shadowRoot,a,n.getAttribute("s-mode")):wi(n.shadowRoot,a);n.classList.remove(t+"-h",t+"-s")}else if(Ut.scoped&&2&a.$flags$){const t=Oi(a,Ut.mode?n.getAttribute("s-mode"):void 0);n["s-sc"]=t}((n,t,a,i)=>{var r,e,o;const l=xi("hydrateClient",t),p=n.shadowRoot,c=[],s=[],m=[],d=Ut.shadowDom&&p?[]:null,g=Ei(t,null);let f;if(g.$elm$=n,Object.entries((null==(r=i.$cmpMeta$)?void 0:r.$members$)||{}).forEach(([t,[a,r]])=>{var e,o;if(!(31&a))return;const l=r||t,p=n.getAttribute(l);if(null!==p){const n=xr(p,a,Ut.formAssociated&&!!(64&(null==(e=i.$cmpMeta$)?void 0:e.$flags$)));null==(o=null==i?void 0:i.$instanceValues$)||o.set(t,n)}}),Ut.scoped){const t=i.$cmpMeta$;t&&10&t.$flags$&&n["s-sc"]?(f=n["s-sc"],n.classList.add(f+"-h")):n["s-sc"]&&delete n["s-sc"]}!ma.document||ga.$orgLocNodes$&&ga.$orgLocNodes$.size||Ni(ma.document.body,ga.$orgLocNodes$=new Map),n[oa]=a,n.removeAttribute(oa),i.$vnode$=Ai(g,c,s,d,n,n,a,m);let h=0;const v=c.length;let b;for(;h{b.$elm$.appendChild(n.$elm$)})):b.$flags$|=1),i&&i.isConnected&&(i.parentElement.shadowRoot&&""===i["s-en"]&&i.parentNode.insertBefore(r,i.nextSibling),i.parentNode.removeChild(i),p||(r["s-oo"]=parseInt(b.$nodeId$))),i&&!i["s-id"]&&ga.$orgLocNodes$.delete(a)}const u=[],x=m.length;let y,k,w,O,z=0;for(;z{n.$elm$.parentElement.classList.add(f+"-s")}),Ut.shadowDom&&p){let t=0;const a=d.length;if(a){for(;t{"string"!=typeof n["s-en"]&&"string"!=typeof n["s-sn"]&&(1===n.nodeType&&n.slot&&n.hidden?n.removeAttribute("hidden"):(8===n.nodeType&&!n.nodeValue||3===n.nodeType&&!n.wholeText.trim())&&n.parentNode.removeChild(n))})}}i.$hostElement$=n,l()})(n,a.$tagName$,i,t)}if(Ut.slotRelocation&&!i&&(Ut.hydrateServerSide||(Ut.slot||Ut.shadowDom)&&12&a.$flags$)&&de(n),Ut.asyncLoading){let a=n;for(;a=a.parentNode||a.host;)if(Ut.hydrateClientSide&&1===a.nodeType&&a.hasAttribute("s-id")&&a["s-p"]||a["s-p"]){Kr(t,t.$ancestorComponent$=a);break}}Ut.prop&&!Ut.hydrateServerSide&&a.$members$&&Object.entries(a.$members$).map(([t,[a]])=>{if(31&a&&n.hasOwnProperty(t)){const a=n[t];delete n[t],n[t]=a}}),Ut.initializeNextTick?Da(()=>se(n,t,a)):se(n,t,a)}i()}})(this),r&&r.call(this)},disconnectedCallback(){(async n=>{if(!(1&ga.$flags$)){const t=Jt(n);Ut.hostListener&&(null==t?void 0:t.$rmListeners$)&&(t.$rmListeners$.map(n=>n()),t.$rmListeners$=void 0),Ut.lazyLoad?(null==t?void 0:t.$lazyInstance$)?ge(t.$lazyInstance$,n):(null==t?void 0:t.$onReadyPromise$)&&t.$onReadyPromise$.then(()=>ge(t.$lazyInstance$,n)):ge(n)}yi.has(n)&&yi.delete(n),n.shadowRoot&&yi.has(n.shadowRoot)&&yi.delete(n.shadowRoot)})(this),e&&e.call(this)},__attachShadow(){if(fa)if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw new Error(`Unable to re-use existing shadow root for ${a.$tagName$}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else Ca.call(this,a);else this.shadowRoot=this}}),n.is=a.$tagName$,ce(n,a,3)},he=(n,t,a,i)=>{Ut.hostListener&&a&&ma.document&&(Ut.hostListenerTargetParent&&(a=i?a.filter(([n])=>32&n):a.filter(([n])=>!(32&n))),a.map(([a,i,r])=>{const e=Ut.hostListenerTarget?be(ma.document,n,a):n,o=ve(t,r),l=ue(a);ga.ael(e,i,o,l),(t.$rmListeners$=t.$rmListeners$||[]).push(()=>ga.rel(e,i,o,l))}))},ve=(n,t)=>a=>{var i;try{Ut.lazyLoad?256&n.$flags$?null==(i=n.$lazyInstance$)||i[t](a):(n.$queuedListeners$=n.$queuedListeners$||[]).push([t,a]):n.$hostElement$[t](a)}catch(t){Zt(t,n.$hostElement$)}},be=(n,t,a)=>Ut.hostListenerTargetDocument&&4&a?n:Ut.hostListenerTargetWindow&&8&a?ma:Ut.hostListenerTargetBody&&16&a?n.body:Ut.hostListenerTargetParent&&32&a&&t.parentElement?t.parentElement:t,ue=n=>ha?{passive:!!(1&n),capture:!!(2&n)}:!!(2&n),xe={data:{search:[{id:"user",label:"User",familyStylesByLicense:{free:[{family:"classic",style:"solid"},{family:"classic",style:"regular"}],pro:"ALL"}},{id:"facebook",label:"Facebook",familyStylesByLicense:{free:[{family:"classic",style:"brands"}],pro:[{family:"classic",style:"brands"}]}},{id:"check",label:"Check",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:"ALL"}},{id:"phone",label:"Phone",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:"ALL"}},{id:"plus",label:"plus",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:"ALL"}},{id:"twitter",label:"Twitter",familyStylesByLicense:{free:[{family:"classic",style:"brands"}],pro:[{family:"classic",style:"brands"}]}},{id:"user-secret",label:"User Secret",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:[{family:"classic",style:"solid"},{family:"classic",style:"regular"},{family:"classic",style:"light"},{family:"classic",style:"thin"},{family:"duotone",style:"solid"},{family:"duotone",style:"regular"},{family:"duotone",style:"light"},{family:"duotone",style:"thin"},{family:"sharp",style:"solid"},{family:"sharp",style:"regular"},{family:"sharp",style:"light"},{family:"sharp",style:"thin"},{family:"sharp-duotone",style:"solid"},{family:"sharp-duotone",style:"regular"},{family:"sharp-duotone",style:"light"},{family:"sharp-duotone",style:"thin"}]}},{id:"info",label:"Info",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:[{family:"classic",style:"solid"},{family:"classic",style:"regular"},{family:"classic",style:"light"},{family:"classic",style:"thin"},{family:"duotone",style:"solid"},{family:"duotone",style:"regular"},{family:"duotone",style:"light"},{family:"duotone",style:"thin"},{family:"sharp",style:"solid"},{family:"sharp",style:"regular"},{family:"sharp",style:"light"},{family:"sharp",style:"thin"},{family:"sharp-duotone",style:"solid"},{family:"sharp-duotone",style:"regular"},{family:"sharp-duotone",style:"light"},{family:"sharp-duotone",style:"thin"}]}},{id:"list",label:"List",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:[{family:"classic",style:"solid"},{family:"classic",style:"regular"},{family:"classic",style:"light"},{family:"classic",style:"thin"},{family:"duotone",style:"solid"},{family:"duotone",style:"regular"},{family:"duotone",style:"light"},{family:"duotone",style:"thin"},{family:"sharp",style:"solid"},{family:"sharp",style:"regular"},{family:"sharp",style:"light"},{family:"sharp",style:"thin"},{family:"sharp-duotone",style:"solid"},{family:"sharp-duotone",style:"regular"},{family:"sharp-duotone",style:"light"},{family:"sharp-duotone",style:"thin"},{family:"chisel",style:"regular"},{family:"etch",style:"solid"},{family:"jelly-duo",style:"regular"},{family:"jelly-fill",style:"regular"},{family:"jelly",style:"regular"},{family:"notdog-duo",style:"solid"},{family:"notdog",style:"solid"},{family:"slab-press",style:"regular"},{family:"slab",style:"regular"},{family:"thumbprint",style:"light"}]}},{id:"star",label:"Star",familyStylesByLicense:{free:[{family:"classic",style:"solid"},{family:"classic",style:"regular"}],pro:"ALL"}},{id:"cart-plus",label:"Add to Shopping Cart",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:[{family:"classic",style:"solid"},{family:"classic",style:"regular"},{family:"classic",style:"light"},{family:"classic",style:"thin"},{family:"duotone",style:"solid"},{family:"duotone",style:"regular"},{family:"duotone",style:"light"},{family:"duotone",style:"thin"},{family:"sharp",style:"solid"},{family:"sharp",style:"regular"},{family:"sharp",style:"light"},{family:"sharp",style:"thin"},{family:"sharp-duotone",style:"solid"},{family:"sharp-duotone",style:"regular"},{family:"sharp-duotone",style:"light"},{family:"sharp-duotone",style:"thin"}]}},{id:"book",label:"book",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:"ALL"}},{id:"heart",label:"Heart",familyStylesByLicense:{free:[{family:"classic",style:"solid"},{family:"classic",style:"regular"}],pro:"ALL"}},{id:"kickstarter",label:"Kickstarter",familyStylesByLicense:{free:[{family:"classic",style:"brands"}],pro:[{family:"classic",style:"brands"}]}},{id:"calendar",label:"Calendar",familyStylesByLicense:{free:[{family:"classic",style:"solid"},{family:"classic",style:"regular"}],pro:"ALL"}},{id:"trash",label:"Trash",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:"ALL"}},{id:"download",label:"Download",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:[{family:"classic",style:"solid"},{family:"classic",style:"regular"},{family:"classic",style:"light"},{family:"classic",style:"thin"},{family:"duotone",style:"solid"},{family:"duotone",style:"regular"},{family:"duotone",style:"light"},{family:"duotone",style:"thin"},{family:"sharp",style:"solid"},{family:"sharp",style:"regular"},{family:"sharp",style:"light"},{family:"sharp",style:"thin"},{family:"sharp-duotone",style:"solid"},{family:"sharp-duotone",style:"regular"},{family:"sharp-duotone",style:"light"},{family:"sharp-duotone",style:"thin"}]}},{id:"youtube",label:"YouTube",familyStylesByLicense:{free:[{family:"classic",style:"brands"}],pro:[{family:"classic",style:"brands"}]}},{id:"cross",label:"Cross",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:[{family:"classic",style:"solid"},{family:"classic",style:"regular"},{family:"classic",style:"light"},{family:"classic",style:"thin"},{family:"duotone",style:"solid"},{family:"duotone",style:"regular"},{family:"duotone",style:"light"},{family:"duotone",style:"thin"},{family:"sharp",style:"solid"},{family:"sharp",style:"regular"},{family:"sharp",style:"light"},{family:"sharp",style:"thin"},{family:"sharp-duotone",style:"solid"},{family:"sharp-duotone",style:"regular"},{family:"sharp-duotone",style:"light"},{family:"sharp-duotone",style:"thin"}]}},{id:"meteor",label:"Meteor",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:[{family:"classic",style:"solid"},{family:"classic",style:"regular"},{family:"classic",style:"light"},{family:"classic",style:"thin"},{family:"duotone",style:"solid"},{family:"duotone",style:"regular"},{family:"duotone",style:"light"},{family:"duotone",style:"thin"},{family:"sharp",style:"solid"},{family:"sharp",style:"regular"},{family:"sharp",style:"light"},{family:"sharp",style:"thin"},{family:"sharp-duotone",style:"solid"},{family:"sharp-duotone",style:"regular"},{family:"sharp-duotone",style:"light"},{family:"sharp-duotone",style:"thin"}]}},{id:"linkedin",label:"LinkedIn",familyStylesByLicense:{free:[{family:"classic",style:"brands"}],pro:[{family:"classic",style:"brands"}]}},{id:"play",label:"play",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:"ALL"}},{id:"lock",label:"lock",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:"ALL"}},{id:"docker",label:"Docker",familyStylesByLicense:{free:[{family:"classic",style:"brands"}],pro:[{family:"classic",style:"brands"}]}},{id:"car-building",label:"Car and Building",familyStylesByLicense:{free:[],pro:[{family:"classic",style:"solid"},{family:"classic",style:"regular"},{family:"classic",style:"light"},{family:"classic",style:"thin"},{family:"duotone",style:"solid"},{family:"duotone",style:"regular"},{family:"duotone",style:"light"},{family:"duotone",style:"thin"},{family:"sharp",style:"solid"},{family:"sharp",style:"regular"},{family:"sharp",style:"light"},{family:"sharp",style:"thin"},{family:"sharp-duotone",style:"solid"},{family:"sharp-duotone",style:"regular"},{family:"sharp-duotone",style:"light"},{family:"sharp-duotone",style:"thin"}]}},{id:"question",label:"Question",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:"ALL"}},{id:"google",label:"Google Logo",familyStylesByLicense:{free:[{family:"classic",style:"brands"}],pro:[{family:"classic",style:"brands"}]}},{id:"video",label:"Video",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:"ALL"}},{id:"paper-plane",label:"Paper Plane",familyStylesByLicense:{free:[{family:"classic",style:"solid"},{family:"classic",style:"regular"}],pro:"ALL"}},{id:"street-view",label:"Street View",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:[{family:"classic",style:"solid"},{family:"classic",style:"regular"},{family:"classic",style:"light"},{family:"classic",style:"thin"},{family:"duotone",style:"solid"},{family:"duotone",style:"regular"},{family:"duotone",style:"light"},{family:"duotone",style:"thin"},{family:"sharp",style:"solid"},{family:"sharp",style:"regular"},{family:"sharp",style:"light"},{family:"sharp",style:"thin"},{family:"sharp-duotone",style:"solid"},{family:"sharp-duotone",style:"regular"},{family:"sharp-duotone",style:"light"},{family:"sharp-duotone",style:"thin"}]}},{id:"share",label:"Share",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:[{family:"classic",style:"solid"},{family:"classic",style:"regular"},{family:"classic",style:"light"},{family:"classic",style:"thin"},{family:"duotone",style:"solid"},{family:"duotone",style:"regular"},{family:"duotone",style:"light"},{family:"duotone",style:"thin"},{family:"sharp",style:"solid"},{family:"sharp",style:"regular"},{family:"sharp",style:"light"},{family:"sharp",style:"thin"},{family:"sharp-duotone",style:"solid"},{family:"sharp-duotone",style:"regular"},{family:"sharp-duotone",style:"light"},{family:"sharp-duotone",style:"thin"},{family:"chisel",style:"regular"}]}},{id:"code",label:"Code",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:"ALL"}},{id:"house",label:"House",familyStylesByLicense:{free:[],pro:"ALL"}},{id:"bell",label:"bell",familyStylesByLicense:{free:[{family:"classic",style:"solid"},{family:"classic",style:"regular"}],pro:"ALL"}},{id:"coffee",label:"Coffee",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:[{family:"classic",style:"solid"},{family:"classic",style:"regular"},{family:"classic",style:"light"},{family:"classic",style:"thin"},{family:"duotone",style:"solid"},{family:"duotone",style:"regular"},{family:"duotone",style:"light"},{family:"duotone",style:"thin"},{family:"sharp",style:"solid"},{family:"sharp",style:"regular"},{family:"sharp",style:"light"},{family:"sharp",style:"thin"},{family:"sharp-duotone",style:"solid"},{family:"sharp-duotone",style:"regular"},{family:"sharp-duotone",style:"light"},{family:"sharp-duotone",style:"thin"},{family:"whiteboard",style:"semibold"}]}},{id:"computer-speaker",label:"Computer Speaker",familyStylesByLicense:{free:[],pro:[{family:"classic",style:"solid"},{family:"classic",style:"regular"},{family:"classic",style:"light"},{family:"classic",style:"thin"},{family:"duotone",style:"solid"},{family:"duotone",style:"regular"},{family:"duotone",style:"light"},{family:"duotone",style:"thin"},{family:"sharp",style:"solid"},{family:"sharp",style:"regular"},{family:"sharp",style:"light"},{family:"sharp",style:"thin"},{family:"sharp-duotone",style:"solid"},{family:"sharp-duotone",style:"regular"},{family:"sharp-duotone",style:"light"},{family:"sharp-duotone",style:"thin"}]}},{id:"bars",label:"Bars",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:"ALL"}},{id:"github",label:"GitHub",familyStylesByLicense:{free:[{family:"classic",style:"brands"}],pro:[{family:"classic",style:"brands"}]}},{id:"comment",label:"comment",familyStylesByLicense:{free:[{family:"classic",style:"solid"},{family:"classic",style:"regular"}],pro:"ALL"}},{id:"image",label:"Image",familyStylesByLicense:{free:[{family:"classic",style:"solid"},{family:"classic",style:"regular"}],pro:"ALL"}},{id:"folder",label:"Folder",familyStylesByLicense:{free:[{family:"classic",style:"solid"},{family:"classic",style:"regular"}],pro:"ALL"}},{id:"key",label:"key",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:"ALL"}},{id:"bomb",label:"Bomb",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:"ALL"}},{id:"camera",label:"camera",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:"ALL"}},{id:"text",label:"Text",familyStylesByLicense:{free:[],pro:[{family:"classic",style:"solid"},{family:"classic",style:"regular"},{family:"classic",style:"light"},{family:"classic",style:"thin"},{family:"duotone",style:"solid"},{family:"duotone",style:"regular"},{family:"duotone",style:"light"},{family:"duotone",style:"thin"},{family:"sharp",style:"solid"},{family:"sharp",style:"regular"},{family:"sharp",style:"light"},{family:"sharp",style:"thin"},{family:"sharp-duotone",style:"solid"},{family:"sharp-duotone",style:"regular"},{family:"sharp-duotone",style:"light"},{family:"sharp-duotone",style:"thin"},{family:"whiteboard",style:"semibold"}]}},{id:"umbrella-beach",label:"Umbrella Beach",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:[{family:"classic",style:"solid"},{family:"classic",style:"regular"},{family:"classic",style:"light"},{family:"classic",style:"thin"},{family:"duotone",style:"solid"},{family:"duotone",style:"regular"},{family:"duotone",style:"light"},{family:"duotone",style:"thin"},{family:"sharp",style:"solid"},{family:"sharp",style:"regular"},{family:"sharp",style:"light"},{family:"sharp",style:"thin"},{family:"sharp-duotone",style:"solid"},{family:"sharp-duotone",style:"regular"},{family:"sharp-duotone",style:"light"},{family:"sharp-duotone",style:"thin"}]}},{id:"building",label:"Building",familyStylesByLicense:{free:[{family:"classic",style:"solid"},{family:"classic",style:"regular"}],pro:"ALL"}},{id:"print",label:"print",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:"ALL"}},{id:"sort",label:"Sort",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:"ALL"}},{id:"flag",label:"flag",familyStylesByLicense:{free:[{family:"classic",style:"solid"},{family:"classic",style:"regular"}],pro:"ALL"}},{id:"network-wired",label:"Wired Network",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:[{family:"classic",style:"solid"},{family:"classic",style:"regular"},{family:"classic",style:"light"},{family:"classic",style:"thin"},{family:"duotone",style:"solid"},{family:"duotone",style:"regular"},{family:"duotone",style:"light"},{family:"duotone",style:"thin"},{family:"sharp",style:"solid"},{family:"sharp",style:"regular"},{family:"sharp",style:"light"},{family:"sharp",style:"thin"},{family:"sharp-duotone",style:"solid"},{family:"sharp-duotone",style:"regular"},{family:"sharp-duotone",style:"light"},{family:"sharp-duotone",style:"thin"}]}},{id:"pencil",label:"pencil",familyStylesByLicense:{free:[],pro:"ALL"}},{id:"quote-right",label:"quote-right",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:[{family:"classic",style:"solid"},{family:"classic",style:"regular"},{family:"classic",style:"light"},{family:"classic",style:"thin"},{family:"duotone",style:"solid"},{family:"duotone",style:"regular"},{family:"duotone",style:"light"},{family:"duotone",style:"thin"},{family:"sharp",style:"solid"},{family:"sharp",style:"regular"},{family:"sharp",style:"light"},{family:"sharp",style:"thin"},{family:"sharp-duotone",style:"solid"},{family:"sharp-duotone",style:"regular"},{family:"sharp-duotone",style:"light"},{family:"sharp-duotone",style:"thin"}]}},{id:"truck",label:"truck",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:"ALL"}},{id:"pepper-hot",label:"Pepper Hot",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:[{family:"classic",style:"solid"},{family:"classic",style:"regular"},{family:"classic",style:"light"},{family:"classic",style:"thin"},{family:"duotone",style:"solid"},{family:"duotone",style:"regular"},{family:"duotone",style:"light"},{family:"duotone",style:"thin"},{family:"sharp",style:"solid"},{family:"sharp",style:"regular"},{family:"sharp",style:"light"},{family:"sharp",style:"thin"},{family:"sharp-duotone",style:"solid"},{family:"sharp-duotone",style:"regular"},{family:"sharp-duotone",style:"light"},{family:"sharp-duotone",style:"thin"}]}},{id:"file-export",label:"File Export",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:[{family:"classic",style:"solid"},{family:"classic",style:"regular"},{family:"classic",style:"light"},{family:"classic",style:"thin"},{family:"duotone",style:"solid"},{family:"duotone",style:"regular"},{family:"duotone",style:"light"},{family:"duotone",style:"thin"},{family:"sharp",style:"solid"},{family:"sharp",style:"regular"},{family:"sharp",style:"light"},{family:"sharp",style:"thin"},{family:"sharp-duotone",style:"solid"},{family:"sharp-duotone",style:"regular"},{family:"sharp-duotone",style:"light"},{family:"sharp-duotone",style:"thin"}]}},{id:"table",label:"table",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:[{family:"classic",style:"solid"},{family:"classic",style:"regular"},{family:"classic",style:"light"},{family:"classic",style:"thin"},{family:"duotone",style:"solid"},{family:"duotone",style:"regular"},{family:"duotone",style:"light"},{family:"duotone",style:"thin"},{family:"sharp",style:"solid"},{family:"sharp",style:"regular"},{family:"sharp",style:"light"},{family:"sharp",style:"thin"},{family:"sharp-duotone",style:"solid"},{family:"sharp-duotone",style:"regular"},{family:"sharp-duotone",style:"light"},{family:"sharp-duotone",style:"thin"}]}},{id:"file-invoice",label:"File Invoice",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:[{family:"classic",style:"solid"},{family:"classic",style:"regular"},{family:"classic",style:"light"},{family:"classic",style:"thin"},{family:"duotone",style:"solid"},{family:"duotone",style:"regular"},{family:"duotone",style:"light"},{family:"duotone",style:"thin"},{family:"sharp",style:"solid"},{family:"sharp",style:"regular"},{family:"sharp",style:"light"},{family:"sharp",style:"thin"},{family:"sharp-duotone",style:"solid"},{family:"sharp-duotone",style:"regular"},{family:"sharp-duotone",style:"light"},{family:"sharp-duotone",style:"thin"}]}},{id:"moon-stars",label:"Moon with Stars",familyStylesByLicense:{free:[],pro:[{family:"classic",style:"solid"},{family:"classic",style:"regular"},{family:"classic",style:"light"},{family:"classic",style:"thin"},{family:"duotone",style:"solid"},{family:"duotone",style:"regular"},{family:"duotone",style:"light"},{family:"duotone",style:"thin"},{family:"sharp",style:"solid"},{family:"sharp",style:"regular"},{family:"sharp",style:"light"},{family:"sharp",style:"thin"},{family:"sharp-duotone",style:"solid"},{family:"sharp-duotone",style:"regular"},{family:"sharp-duotone",style:"light"},{family:"sharp-duotone",style:"thin"}]}},{id:"tty",label:"TTY",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:[{family:"classic",style:"solid"},{family:"classic",style:"regular"},{family:"classic",style:"light"},{family:"classic",style:"thin"},{family:"duotone",style:"solid"},{family:"duotone",style:"regular"},{family:"duotone",style:"light"},{family:"duotone",style:"thin"},{family:"sharp",style:"solid"},{family:"sharp",style:"regular"},{family:"sharp",style:"light"},{family:"sharp",style:"thin"},{family:"sharp-duotone",style:"solid"},{family:"sharp-duotone",style:"regular"},{family:"sharp-duotone",style:"light"},{family:"sharp-duotone",style:"thin"}]}},{id:"registered",label:"Registered Trademark",familyStylesByLicense:{free:[{family:"classic",style:"solid"},{family:"classic",style:"regular"}],pro:[{family:"classic",style:"solid"},{family:"classic",style:"regular"},{family:"classic",style:"light"},{family:"classic",style:"thin"},{family:"duotone",style:"solid"},{family:"duotone",style:"regular"},{family:"duotone",style:"light"},{family:"duotone",style:"thin"},{family:"sharp",style:"solid"},{family:"sharp",style:"regular"},{family:"sharp",style:"light"},{family:"sharp",style:"thin"},{family:"sharp-duotone",style:"solid"},{family:"sharp-duotone",style:"regular"},{family:"sharp-duotone",style:"light"},{family:"sharp-duotone",style:"thin"}]}},{id:"phone-office",label:"Office Phone",familyStylesByLicense:{free:[],pro:[{family:"classic",style:"solid"},{family:"classic",style:"regular"},{family:"classic",style:"light"},{family:"classic",style:"thin"},{family:"duotone",style:"solid"},{family:"duotone",style:"regular"},{family:"duotone",style:"light"},{family:"duotone",style:"thin"},{family:"sharp",style:"solid"},{family:"sharp",style:"regular"},{family:"sharp",style:"light"},{family:"sharp",style:"thin"},{family:"sharp-duotone",style:"solid"},{family:"sharp-duotone",style:"regular"},{family:"sharp-duotone",style:"light"},{family:"sharp-duotone",style:"thin"}]}},{id:"video-slash",label:"Video Slash",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:"ALL"}},{id:"person-dolly-empty",label:"Person and Empty Dolly",familyStylesByLicense:{free:[],pro:[{family:"classic",style:"solid"},{family:"classic",style:"regular"},{family:"classic",style:"light"},{family:"classic",style:"thin"},{family:"duotone",style:"solid"},{family:"duotone",style:"regular"},{family:"duotone",style:"light"},{family:"duotone",style:"thin"},{family:"sharp",style:"solid"},{family:"sharp",style:"regular"},{family:"sharp",style:"light"},{family:"sharp",style:"thin"},{family:"sharp-duotone",style:"solid"},{family:"sharp-duotone",style:"regular"},{family:"sharp-duotone",style:"light"},{family:"sharp-duotone",style:"thin"}]}},{id:"signature",label:"Signature",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:[{family:"classic",style:"solid"},{family:"classic",style:"regular"},{family:"classic",style:"light"},{family:"classic",style:"thin"},{family:"duotone",style:"solid"},{family:"duotone",style:"regular"},{family:"duotone",style:"light"},{family:"duotone",style:"thin"},{family:"sharp",style:"solid"},{family:"sharp",style:"regular"},{family:"sharp",style:"light"},{family:"sharp",style:"thin"},{family:"sharp-duotone",style:"solid"},{family:"sharp-duotone",style:"regular"},{family:"sharp-duotone",style:"light"},{family:"sharp-duotone",style:"thin"}]}},{id:"store",label:"Store",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:[{family:"classic",style:"solid"},{family:"classic",style:"regular"},{family:"classic",style:"light"},{family:"classic",style:"thin"},{family:"duotone",style:"solid"},{family:"duotone",style:"regular"},{family:"duotone",style:"light"},{family:"duotone",style:"thin"},{family:"sharp",style:"solid"},{family:"sharp",style:"regular"},{family:"sharp",style:"light"},{family:"sharp",style:"thin"},{family:"sharp-duotone",style:"solid"},{family:"sharp-duotone",style:"regular"},{family:"sharp-duotone",style:"light"},{family:"sharp-duotone",style:"thin"},{family:"whiteboard",style:"semibold"}]}},{id:"projector",label:"Projector",familyStylesByLicense:{free:[],pro:[{family:"classic",style:"solid"},{family:"classic",style:"regular"},{family:"classic",style:"light"},{family:"classic",style:"thin"},{family:"duotone",style:"solid"},{family:"duotone",style:"regular"},{family:"duotone",style:"light"},{family:"duotone",style:"thin"},{family:"sharp",style:"solid"},{family:"sharp",style:"regular"},{family:"sharp",style:"light"},{family:"sharp",style:"thin"},{family:"sharp-duotone",style:"solid"},{family:"sharp-duotone",style:"regular"},{family:"sharp-duotone",style:"light"},{family:"sharp-duotone",style:"thin"}]}},{id:"loveseat",label:"Loveseat",familyStylesByLicense:{free:[],pro:[{family:"classic",style:"solid"},{family:"classic",style:"regular"},{family:"classic",style:"light"},{family:"classic",style:"thin"},{family:"duotone",style:"solid"},{family:"duotone",style:"regular"},{family:"duotone",style:"light"},{family:"duotone",style:"thin"},{family:"sharp",style:"solid"},{family:"sharp",style:"regular"},{family:"sharp",style:"light"},{family:"sharp",style:"thin"},{family:"sharp-duotone",style:"solid"},{family:"sharp-duotone",style:"regular"},{family:"sharp-duotone",style:"light"},{family:"sharp-duotone",style:"thin"}]}},{id:"arrow-right",label:"arrow-right",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:"ALL"}},{id:"music",label:"Music",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:"ALL"}},{id:"icons",label:"Icons",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:[{family:"classic",style:"solid"},{family:"classic",style:"regular"},{family:"classic",style:"light"},{family:"classic",style:"thin"},{family:"duotone",style:"solid"},{family:"duotone",style:"regular"},{family:"duotone",style:"light"},{family:"duotone",style:"thin"},{family:"sharp",style:"solid"},{family:"sharp",style:"regular"},{family:"sharp",style:"light"},{family:"sharp",style:"thin"},{family:"sharp-duotone",style:"solid"},{family:"sharp-duotone",style:"regular"},{family:"sharp-duotone",style:"light"},{family:"sharp-duotone",style:"thin"}]}},{id:"power-off",label:"Power Off",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:[{family:"classic",style:"solid"},{family:"classic",style:"regular"},{family:"classic",style:"light"},{family:"classic",style:"thin"},{family:"duotone",style:"solid"},{family:"duotone",style:"regular"},{family:"duotone",style:"light"},{family:"duotone",style:"thin"},{family:"sharp",style:"solid"},{family:"sharp",style:"regular"},{family:"sharp",style:"light"},{family:"sharp",style:"thin"},{family:"sharp-duotone",style:"solid"},{family:"sharp-duotone",style:"regular"},{family:"sharp-duotone",style:"light"},{family:"sharp-duotone",style:"thin"}]}},{id:"wifi",label:"WiFi",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:"ALL"}},{id:"vials",label:"Vials",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:[{family:"classic",style:"solid"},{family:"classic",style:"regular"},{family:"classic",style:"light"},{family:"classic",style:"thin"},{family:"duotone",style:"solid"},{family:"duotone",style:"regular"},{family:"duotone",style:"light"},{family:"duotone",style:"thin"},{family:"sharp",style:"solid"},{family:"sharp",style:"regular"},{family:"sharp",style:"light"},{family:"sharp",style:"thin"},{family:"sharp-duotone",style:"solid"},{family:"sharp-duotone",style:"regular"},{family:"sharp-duotone",style:"light"},{family:"sharp-duotone",style:"thin"}]}},{id:"door-open",label:"Door Open",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:[{family:"classic",style:"solid"},{family:"classic",style:"regular"},{family:"classic",style:"light"},{family:"classic",style:"thin"},{family:"duotone",style:"solid"},{family:"duotone",style:"regular"},{family:"duotone",style:"light"},{family:"duotone",style:"thin"},{family:"sharp",style:"solid"},{family:"sharp",style:"regular"},{family:"sharp",style:"light"},{family:"sharp",style:"thin"},{family:"sharp-duotone",style:"solid"},{family:"sharp-duotone",style:"regular"},{family:"sharp-duotone",style:"light"},{family:"sharp-duotone",style:"thin"}]}},{id:"shield-check",label:"shield",familyStylesByLicense:{free:[],pro:[{family:"classic",style:"solid"},{family:"classic",style:"regular"},{family:"classic",style:"light"},{family:"classic",style:"thin"},{family:"duotone",style:"solid"},{family:"duotone",style:"regular"},{family:"duotone",style:"light"},{family:"duotone",style:"thin"},{family:"sharp",style:"solid"},{family:"sharp",style:"regular"},{family:"sharp",style:"light"},{family:"sharp",style:"thin"},{family:"sharp-duotone",style:"solid"},{family:"sharp-duotone",style:"regular"},{family:"sharp-duotone",style:"light"},{family:"sharp-duotone",style:"thin"},{family:"whiteboard",style:"semibold"}]}},{id:"line-height",label:"Line Height",familyStylesByLicense:{free:[],pro:[{family:"classic",style:"solid"},{family:"classic",style:"regular"},{family:"classic",style:"light"},{family:"classic",style:"thin"},{family:"duotone",style:"solid"},{family:"duotone",style:"regular"},{family:"duotone",style:"light"},{family:"duotone",style:"thin"},{family:"sharp",style:"solid"},{family:"sharp",style:"regular"},{family:"sharp",style:"light"},{family:"sharp",style:"thin"},{family:"sharp-duotone",style:"solid"},{family:"sharp-duotone",style:"regular"},{family:"sharp-duotone",style:"light"},{family:"sharp-duotone",style:"thin"}]}},{id:"expand",label:"Expand",familyStylesByLicense:{free:[{family:"classic",style:"solid"}],pro:"ALL"}},{id:"walkie-talkie",label:"Walkie Talkie",familyStylesByLicense:{free:[],pro:[{family:"classic",style:"solid"},{family:"classic",style:"regular"},{family:"classic",style:"light"},{family:"classic",style:"thin"},{family:"duotone",style:"solid"},{family:"duotone",style:"regular"},{family:"duotone",style:"light"},{family:"duotone",style:"thin"},{family:"sharp",style:"solid"},{family:"sharp",style:"regular"},{family:"sharp",style:"light"},{family:"sharp",style:"thin"},{family:"sharp-duotone",style:"solid"},{family:"sharp-duotone",style:"regular"},{family:"sharp-duotone",style:"light"},{family:"sharp-duotone",style:"thin"}]}},{id:"mailbox",label:"Mailbox",familyStylesByLicense:{free:[],pro:[{family:"classic",style:"solid"},{family:"classic",style:"regular"},{family:"classic",style:"light"},{family:"classic",style:"thin"},{family:"duotone",style:"solid"},{family:"duotone",style:"regular"},{family:"duotone",style:"light"},{family:"duotone",style:"thin"},{family:"sharp",style:"solid"},{family:"sharp",style:"regular"},{family:"sharp",style:"light"},{family:"sharp",style:"thin"},{family:"sharp-duotone",style:"solid"},{family:"sharp-duotone",style:"regular"},{family:"sharp-duotone",style:"light"},{family:"sharp-duotone",style:"thin"}]}},{id:"font-awesome",label:"Font Awesome",familyStylesByLicense:{free:[{family:"classic",style:"brands"}],pro:[{family:"classic",style:"brands"}]}},{id:"user-circle",label:"User Circle",familyStylesByLicense:{free:[],pro:"ALL"}},{id:"file",label:"File",familyStylesByLicense:{free:[],pro:"ALL"}},{id:"discord",label:"Discord",familyStylesByLicense:{free:[{family:"classic",style:"brands"}],pro:[{family:"classic",style:"brands"}]}},{id:"cloud",label:"Cloud",familyStylesByLicense:{free:[],pro:"ALL"}},{id:"slack",label:"Slack",familyStylesByLicense:{free:[{family:"classic",style:"brands"}],pro:[{family:"classic",style:"brands"}]}},{id:"alarm-clock",label:"Alarm Clock",familyStylesByLicense:{free:[],pro:"ALL"}},{id:"algolia",label:"Algolia",familyStylesByLicense:{free:[{family:"classic",style:"brands"}],pro:[{family:"classic",style:"brands"}]}},{id:"thumbs-up",label:"Thumbs Up",familyStylesByLicense:{free:[],pro:"ALL"}},{id:"figma",label:"Figma",familyStylesByLicense:{free:[{family:"classic",style:"brands"}],pro:[{family:"classic",style:"brands"}]}},{id:"smile",label:"Smile",familyStylesByLicense:{free:[],pro:"ALL"}},{id:"apple",label:"Apple",familyStylesByLicense:{free:[{family:"classic",style:"brands"}],pro:[{family:"classic",style:"brands"}]}},{id:"headphones",label:"Headphones",familyStylesByLicense:{free:[],pro:"ALL"}},{id:"envelope",label:"Envelope",familyStylesByLicense:{free:[],pro:"ALL"}},{id:"pied-piper-hat",label:"Pied Piper Hat",familyStylesByLicense:{free:[{family:"classic",style:"brands"}],pro:[{family:"classic",style:"brands"}]}}]}},ye="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==r.g?r.g:"undefined"!=typeof self?self:{};function ke(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var we,Oe,ze,$e,Ee,De,Te,Se,Re,Le,je,Ae,Ne,_e,Ve,Ie,Ce,Ge,Pe,Fe,Be,Ue,Me,qe,He,We,Ke,Xe,Qe,Je,Ye,Ze,no,to,ao,io,ro,eo,oo,lo,po,co,so,mo,go,fo,ho,vo,bo,uo,xo,yo,ko,wo,Oo,zo,$o,Eo,Do,To,So,Ro,Lo,jo,Ao,No,_o,Vo,Io,Co,Go,Po,Fo,Bo,Uo,Mo,qo,Ho,Wo,Ko,Xo,Qo,Jo,Yo,Zo,nl,tl,al,il,rl,el,ol,ll,pl,cl,sl,ml,dl,gl,fl,hl,vl,bl,ul,xl,yl,kl,wl,Ol,zl={exports:{}},$l=(we||(we=1,function(n,t){var a;t=n.exports=b,a="object"==typeof process&&process.env&&process.env.NODE_DEBUG&&/\bsemver\b/i.test(process.env.NODE_DEBUG)?function(){var n=Array.prototype.slice.call(arguments,0);n.unshift("SEMVER"),console.log.apply(console,n)}:function(){},t.SEMVER_SPEC_VERSION="2.0.0";var i=256,r=Number.MAX_SAFE_INTEGER||9007199254740991,e=i-6,o=t.re=[],l=t.safeRe=[],p=t.src=[],c=t.tokens={},s=0;function m(n){c[n]=s++}var d="[a-zA-Z0-9-]",g=[["\\s",1],["\\d",i],[d,e]];function f(n){for(var t=0;t)?=?)",m("XRANGEIDENTIFIERLOOSE"),p[c.XRANGEIDENTIFIERLOOSE]=p[c.NUMERICIDENTIFIERLOOSE]+"|x|X|\\*",m("XRANGEIDENTIFIER"),p[c.XRANGEIDENTIFIER]=p[c.NUMERICIDENTIFIER]+"|x|X|\\*",m("XRANGEPLAIN"),p[c.XRANGEPLAIN]="[v=\\s]*("+p[c.XRANGEIDENTIFIER]+")(?:\\.("+p[c.XRANGEIDENTIFIER]+")(?:\\.("+p[c.XRANGEIDENTIFIER]+")(?:"+p[c.PRERELEASE]+")?"+p[c.BUILD]+"?)?)?",m("XRANGEPLAINLOOSE"),p[c.XRANGEPLAINLOOSE]="[v=\\s]*("+p[c.XRANGEIDENTIFIERLOOSE]+")(?:\\.("+p[c.XRANGEIDENTIFIERLOOSE]+")(?:\\.("+p[c.XRANGEIDENTIFIERLOOSE]+")(?:"+p[c.PRERELEASELOOSE]+")?"+p[c.BUILD]+"?)?)?",m("XRANGE"),p[c.XRANGE]="^"+p[c.GTLT]+"\\s*"+p[c.XRANGEPLAIN]+"$",m("XRANGELOOSE"),p[c.XRANGELOOSE]="^"+p[c.GTLT]+"\\s*"+p[c.XRANGEPLAINLOOSE]+"$",m("COERCE"),p[c.COERCE]="(^|[^\\d])(\\d{1,16})(?:\\.(\\d{1,16}))?(?:\\.(\\d{1,16}))?(?:$|[^\\d])",m("COERCERTL"),o[c.COERCERTL]=new RegExp(p[c.COERCE],"g"),l[c.COERCERTL]=new RegExp(f(p[c.COERCE]),"g"),m("LONETILDE"),p[c.LONETILDE]="(?:~>?)",m("TILDETRIM"),p[c.TILDETRIM]="(\\s*)"+p[c.LONETILDE]+"\\s+",o[c.TILDETRIM]=new RegExp(p[c.TILDETRIM],"g"),l[c.TILDETRIM]=new RegExp(f(p[c.TILDETRIM]),"g"),m("TILDE"),p[c.TILDE]="^"+p[c.LONETILDE]+p[c.XRANGEPLAIN]+"$",m("TILDELOOSE"),p[c.TILDELOOSE]="^"+p[c.LONETILDE]+p[c.XRANGEPLAINLOOSE]+"$",m("LONECARET"),p[c.LONECARET]="(?:\\^)",m("CARETTRIM"),p[c.CARETTRIM]="(\\s*)"+p[c.LONECARET]+"\\s+",o[c.CARETTRIM]=new RegExp(p[c.CARETTRIM],"g"),l[c.CARETTRIM]=new RegExp(f(p[c.CARETTRIM]),"g"),m("CARET"),p[c.CARET]="^"+p[c.LONECARET]+p[c.XRANGEPLAIN]+"$",m("CARETLOOSE"),p[c.CARETLOOSE]="^"+p[c.LONECARET]+p[c.XRANGEPLAINLOOSE]+"$",m("COMPARATORLOOSE"),p[c.COMPARATORLOOSE]="^"+p[c.GTLT]+"\\s*("+p[c.LOOSEPLAIN]+")$|^$",m("COMPARATOR"),p[c.COMPARATOR]="^"+p[c.GTLT]+"\\s*("+p[c.FULLPLAIN]+")$|^$",m("COMPARATORTRIM"),p[c.COMPARATORTRIM]="(\\s*)"+p[c.GTLT]+"\\s*("+p[c.LOOSEPLAIN]+"|"+p[c.XRANGEPLAIN]+")",o[c.COMPARATORTRIM]=new RegExp(p[c.COMPARATORTRIM],"g"),l[c.COMPARATORTRIM]=new RegExp(f(p[c.COMPARATORTRIM]),"g"),m("HYPHENRANGE"),p[c.HYPHENRANGE]="^\\s*("+p[c.XRANGEPLAIN]+")\\s+-\\s+("+p[c.XRANGEPLAIN]+")\\s*$",m("HYPHENRANGELOOSE"),p[c.HYPHENRANGELOOSE]="^\\s*("+p[c.XRANGEPLAINLOOSE]+")\\s+-\\s+("+p[c.XRANGEPLAINLOOSE]+")\\s*$",m("STAR"),p[c.STAR]="(<|>)?=?\\s*\\*";for(var h=0;hi)return null;if(!(t.loose?l[c.LOOSE]:l[c.FULL]).test(n))return null;try{return new b(n,t)}catch(n){return null}}function b(n,t){if(t&&"object"==typeof t||(t={loose:!!t,includePrerelease:!1}),n instanceof b){if(n.loose===t.loose)return n;n=n.version}else if("string"!=typeof n)throw new TypeError("Invalid Version: "+n);if(n.length>i)throw new TypeError("version is longer than "+i+" characters");if(!(this instanceof b))return new b(n,t);a("SemVer",n,t),this.options=t,this.loose=!!t.loose;var e=n.trim().match(t.loose?l[c.LOOSE]:l[c.FULL]);if(!e)throw new TypeError("Invalid Version: "+n);if(this.raw=n,this.major=+e[1],this.minor=+e[2],this.patch=+e[3],this.major>r||this.major<0)throw new TypeError("Invalid major version");if(this.minor>r||this.minor<0)throw new TypeError("Invalid minor version");if(this.patch>r||this.patch<0)throw new TypeError("Invalid patch version");e[4]?this.prerelease=e[4].split(".").map(function(n){if(/^[0-9]+$/.test(n)){var t=+n;if(t>=0&&t=0;)"number"==typeof this.prerelease[a]&&(this.prerelease[a]++,a=-2);-1===a&&this.prerelease.push(0)}t&&(this.prerelease[0]===t?isNaN(this.prerelease[1])&&(this.prerelease=[t,0]):this.prerelease=[t,0]);break;default:throw new Error("invalid increment argument: "+n)}return this.format(),this.raw=this.version,this},t.inc=function(n,t,a,i){"string"==typeof a&&(i=a,a=void 0);try{return new b(n,a).inc(t,i).version}catch(n){return null}},t.diff=function(n,t){if(O(n,t))return null;var a=v(n),i=v(t),r="";if(a.prerelease.length||i.prerelease.length){r="pre";var e="prerelease"}for(var o in a)if(("major"===o||"minor"===o||"patch"===o)&&a[o]!==i[o])return r+o;return e},t.compareIdentifiers=x;var u=/^[0-9]+$/;function x(n,t){var a=u.test(n),i=u.test(t);return a&&i&&(n=+n,t=+t),n===t?0:a&&!i?-1:i&&!a?1:n0}function w(n,t,a){return y(n,t,a)<0}function O(n,t,a){return 0===y(n,t,a)}function z(n,t,a){return 0!==y(n,t,a)}function $(n,t,a){return y(n,t,a)>=0}function E(n,t,a){return y(n,t,a)<=0}function D(n,t,a,i){switch(t){case"===":return"object"==typeof n&&(n=n.version),"object"==typeof a&&(a=a.version),n===a;case"!==":return"object"==typeof n&&(n=n.version),"object"==typeof a&&(a=a.version),n!==a;case"":case"=":case"==":return O(n,a,i);case"!=":return z(n,a,i);case">":return k(n,a,i);case">=":return $(n,a,i);case"<":return w(n,a,i);case"<=":return E(n,a,i);default:throw new TypeError("Invalid operator: "+t)}}function T(n,t){if(t&&"object"==typeof t||(t={loose:!!t,includePrerelease:!1}),n instanceof T){if(n.loose===!!t.loose)return n;n=n.value}if(!(this instanceof T))return new T(n,t);n=n.trim().split(/\s+/).join(" "),a("comparator",n,t),this.options=t,this.loose=!!t.loose,this.parse(n),this.semver===S?this.value="":this.value=this.operator+this.semver.version,a("comp",this)}t.rcompareIdentifiers=function(n,t){return x(t,n)},t.major=function(n,t){return new b(n,t).major},t.minor=function(n,t){return new b(n,t).minor},t.patch=function(n,t){return new b(n,t).patch},t.compare=y,t.compareLoose=function(n,t){return y(n,t,!0)},t.compareBuild=function(n,t,a){var i=new b(n,a),r=new b(t,a);return i.compare(r)||i.compareBuild(r)},t.rcompare=function(n,t,a){return y(t,n,a)},t.sort=function(n,a){return n.sort(function(n,i){return t.compareBuild(n,i,a)})},t.rsort=function(n,a){return n.sort(function(n,i){return t.compareBuild(i,n,a)})},t.gt=k,t.lt=w,t.eq=O,t.neq=z,t.gte=$,t.lte=E,t.cmp=D,t.Comparator=T;var S={};function R(n,t){if(t&&"object"==typeof t||(t={loose:!!t,includePrerelease:!1}),n instanceof R)return n.loose===!!t.loose&&n.includePrerelease===!!t.includePrerelease?n:new R(n.raw,t);if(n instanceof T)return new R(n.value,t);if(!(this instanceof R))return new R(n,t);if(this.options=t,this.loose=!!t.loose,this.includePrerelease=!!t.includePrerelease,this.raw=n.trim().split(/\s+/).join(" "),this.set=this.raw.split("||").map(function(n){return this.parseRange(n.trim())},this).filter(function(n){return n.length}),!this.set.length)throw new TypeError("Invalid SemVer Range: "+this.raw);this.format()}function L(n,t){for(var a=!0,i=n.slice(),r=i.pop();a&&i.length;)a=i.every(function(n){return r.intersects(n,t)}),r=i.pop();return a}function j(n){return!n||"x"===n.toLowerCase()||"*"===n}function A(n,t,a,i,r,e,o,l,p,c,s,m,d){return((t=j(a)?"":j(i)?">="+a+".0.0":j(r)?">="+a+"."+i+".0":">="+t)+" "+(l=j(p)?"":j(c)?"<"+(+p+1)+".0.0":j(s)?"<"+p+"."+(+c+1)+".0":m?"<="+p+"."+c+"."+s+"-"+m:"<="+l)).trim()}function N(n,t,i){for(var r=0;r0){var e=n[r].semver;if(e.major===t.major&&e.minor===t.minor&&e.patch===t.patch)return!0}return!1}return!0}function _(n,t,a){try{t=new R(t,a)}catch(n){return!1}return t.test(n)}function V(n,t,a,i){var r,e,o,l,p;switch(n=new b(n,i),t=new R(t,i),a){case">":r=k,e=E,o=w,l=">",p=">=";break;case"<":r=w,e=$,o=k,l="<",p="<=";break;default:throw new TypeError('Must provide a hilo val of "<" or ">"')}if(_(n,t,i))return!1;for(var c=0;c=0.0.0")),m=m||n,d=d||n,r(n.semver,m.semver,i)?m=n:o(n.semver,d.semver,i)&&(d=n)}),m.operator===l||m.operator===p)return!1;if((!d.operator||d.operator===l)&&e(n,d.semver))return!1;if(d.operator===p&&o(n,d.semver))return!1}return!0}T.prototype.parse=function(n){var t=this.options.loose?l[c.COMPARATORLOOSE]:l[c.COMPARATOR],a=n.match(t);if(!a)throw new TypeError("Invalid comparator: "+n);this.operator=void 0!==a[1]?a[1]:"","="===this.operator&&(this.operator=""),a[2]?this.semver=new b(a[2],this.options.loose):this.semver=S},T.prototype.toString=function(){return this.value},T.prototype.test=function(n){if(a("Comparator.test",n,this.options.loose),this.semver===S||n===S)return!0;if("string"==typeof n)try{n=new b(n,this.options)}catch(n){return!1}return D(n,this.operator,this.semver,this.options)},T.prototype.intersects=function(n,t){if(!(n instanceof T))throw new TypeError("a Comparator is required");var a;if(t&&"object"==typeof t||(t={loose:!!t,includePrerelease:!1}),""===this.operator)return""===this.value||(a=new R(n.value,t),_(this.value,a,t));if(""===n.operator)return""===n.value||(a=new R(this.value,t),_(n.semver,a,t));var i=!(">="!==this.operator&&">"!==this.operator||">="!==n.operator&&">"!==n.operator),r=!("<="!==this.operator&&"<"!==this.operator||"<="!==n.operator&&"<"!==n.operator),e=this.semver.version===n.semver.version,o=!(">="!==this.operator&&"<="!==this.operator||">="!==n.operator&&"<="!==n.operator),l=D(this.semver,"<",n.semver,t)&&(">="===this.operator||">"===this.operator)&&("<="===n.operator||"<"===n.operator),p=D(this.semver,">",n.semver,t)&&("<="===this.operator||"<"===this.operator)&&(">="===n.operator||">"===n.operator);return i||r||e&&o||l||p},t.Range=R,R.prototype.format=function(){return this.range=this.set.map(function(n){return n.join(" ").trim()}).join("||").trim(),this.range},R.prototype.toString=function(){return this.range},R.prototype.parseRange=function(n){var t=this.options.loose,i=t?l[c.HYPHENRANGELOOSE]:l[c.HYPHENRANGE];n=n.replace(i,A),a("hyphen replace",n),n=n.replace(l[c.COMPARATORTRIM],"$1$2$3"),a("comparator trim",n,l[c.COMPARATORTRIM]),n=(n=(n=n.replace(l[c.TILDETRIM],"$1~")).replace(l[c.CARETTRIM],"$1^")).split(/\s+/).join(" ");var r=t?l[c.COMPARATORLOOSE]:l[c.COMPARATOR],e=n.split(" ").map(function(n){return function(n,t){return a("comp",n,t),n=function(n,t){return n.trim().split(/\s+/).map(function(n){return function(n,t){a("caret",n,t);var i=t.loose?l[c.CARETLOOSE]:l[c.CARET];return n.replace(i,function(t,i,r,e,o){var l;return a("caret",n,t,i,r,e,o),j(i)?l="":j(r)?l=">="+i+".0.0 <"+(+i+1)+".0.0":j(e)?l="0"===i?">="+i+"."+r+".0 <"+i+"."+(+r+1)+".0":">="+i+"."+r+".0 <"+(+i+1)+".0.0":o?(a("replaceCaret pr",o),l="0"===i?"0"===r?">="+i+"."+r+"."+e+"-"+o+" <"+i+"."+r+"."+(+e+1):">="+i+"."+r+"."+e+"-"+o+" <"+i+"."+(+r+1)+".0":">="+i+"."+r+"."+e+"-"+o+" <"+(+i+1)+".0.0"):(a("no pr"),l="0"===i?"0"===r?">="+i+"."+r+"."+e+" <"+i+"."+r+"."+(+e+1):">="+i+"."+r+"."+e+" <"+i+"."+(+r+1)+".0":">="+i+"."+r+"."+e+" <"+(+i+1)+".0.0"),a("caret return",l),l})}(n,t)}).join(" ")}(n,t),a("caret",n),n=function(n,t){return n.trim().split(/\s+/).map(function(n){return function(n,t){var i=t.loose?l[c.TILDELOOSE]:l[c.TILDE];return n.replace(i,function(t,i,r,e,o){var l;return a("tilde",n,t,i,r,e,o),j(i)?l="":j(r)?l=">="+i+".0.0 <"+(+i+1)+".0.0":j(e)?l=">="+i+"."+r+".0 <"+i+"."+(+r+1)+".0":o?(a("replaceTilde pr",o),l=">="+i+"."+r+"."+e+"-"+o+" <"+i+"."+(+r+1)+".0"):l=">="+i+"."+r+"."+e+" <"+i+"."+(+r+1)+".0",a("tilde return",l),l})}(n,t)}).join(" ")}(n,t),a("tildes",n),n=function(n,t){return a("replaceXRanges",n,t),n.split(/\s+/).map(function(n){return function(n,t){n=n.trim();var i=t.loose?l[c.XRANGELOOSE]:l[c.XRANGE];return n.replace(i,function(i,r,e,o,l,p){a("xRange",n,i,r,e,o,l,p);var c=j(e),s=c||j(o),m=s||j(l),d=m;return"="===r&&d&&(r=""),p=t.includePrerelease?"-0":"",c?i=">"===r||"<"===r?"<0.0.0-0":"*":r&&d?(s&&(o=0),l=0,">"===r?(r=">=",s?(e=+e+1,o=0,l=0):(o=+o+1,l=0)):"<="===r&&(r="<",s?e=+e+1:o=+o+1),i=r+e+"."+o+"."+l+p):s?i=">="+e+".0.0"+p+" <"+(+e+1)+".0.0"+p:m&&(i=">="+e+"."+o+".0"+p+" <"+e+"."+(+o+1)+".0"+p),a("xRange return",i),i})}(n,t)}).join(" ")}(n,t),a("xrange",n),n=function(n,t){return a("replaceStars",n,t),n.trim().replace(l[c.STAR],"")}(n,t),a("stars",n),n}(n,this.options)},this).join(" ").split(/\s+/);return this.options.loose&&(e=e.filter(function(n){return!!n.match(r)})),e.map(function(n){return new T(n,this.options)},this)},R.prototype.intersects=function(n,t){if(!(n instanceof R))throw new TypeError("a Range is required");return this.set.some(function(a){return L(a,t)&&n.set.some(function(n){return L(n,t)&&a.every(function(a){return n.every(function(n){return a.intersects(n,t)})})})})},t.toComparators=function(n,t){return new R(n,t).set.map(function(n){return n.map(function(n){return n.value}).join(" ").trim().split(" ")})},R.prototype.test=function(n){if(!n)return!1;if("string"==typeof n)try{n=new b(n,this.options)}catch(n){return!1}for(var t=0;t":0===t.prerelease.length?t.patch++:t.prerelease.push(0),t.raw=t.format();case"":case">=":a&&!k(a,t)||(a=t);break;case"<":case"<=":break;default:throw new Error("Unexpected operation: "+n.operator)}});return a&&n.test(a)?a:null},t.validRange=function(n,t){try{return new R(n,t).range||"*"}catch(n){return null}},t.ltr=function(n,t,a){return V(n,t,"<",a)},t.gtr=function(n,t,a){return V(n,t,">",a)},t.outside=V,t.prerelease=function(n,t){var a=v(n,t);return a&&a.prerelease.length?a.prerelease:null},t.intersects=function(n,t,a){return n=new R(n,a),t=new R(t,a),n.intersects(t)},t.coerce=function(n,t){if(n instanceof b)return n;if("number"==typeof n&&(n=String(n)),"string"!=typeof n)return null;var a=null;if((t=t||{}).rtl){for(var i;(i=l[c.COERCERTL].exec(n))&&(!a||a.index+a[0].length!==n.length);)a&&i.index+i[0].length===a.index+a[0].length||(a=i),l[c.COERCERTL].lastIndex=i.index+i[1].length+i[2].length;l[c.COERCERTL].lastIndex=-1}else a=n.match(l[c.COERCE]);return null===a?null:v(a[2]+"."+(a[3]||"0")+"."+(a[4]||"0"),t)}}(zl,zl.exports)),zl.exports);function El(){return Ee?$e:(Ee=1,$e=function(n,t){return n===t||n!=n&&t!=t})}function Dl(){if(Te)return De;Te=1;var n=El();return De=function(t,a){for(var i=t.length;i--;)if(n(t[i][0],a))return i;return-1}}function Tl(){if(Ce)return Ie;Ce=1;var n=ze?Oe:(ze=1,Oe=function(){this.__data__=[],this.size=0}),t=function(){if(Re)return Se;Re=1;var n=Dl(),t=Array.prototype.splice;return Se=function(a){var i=this.__data__,r=n(i,a);return!(r<0||(r==i.length-1?i.pop():t.call(i,r,1),--this.size,0))}}(),a=function(){if(je)return Le;je=1;var n=Dl();return Le=function(t){var a=this.__data__,i=n(a,t);return i<0?void 0:a[i][1]}}(),i=function(){if(Ne)return Ae;Ne=1;var n=Dl();return Ae=function(t){return n(this.__data__,t)>-1}}(),r=function(){if(Ve)return _e;Ve=1;var n=Dl();return _e=function(t,a){var i=this.__data__,r=n(i,t);return r<0?(++this.size,i.push([t,a])):i[r][1]=a,this}}();function e(n){var t=-1,a=null==n?0:n.length;for(this.clear();++t-1&&t%1==0&&t-1&&n%1==0&&n<=9007199254740991})}function cp(){return rp?ip:(rp=1,ip=function(n){return function(t){return n(t)}})}var sp,mp,dp,gp,fp,hp,vp,bp,up,xp,yp,kp,wp,Op,zp,$p,Ep,Dp,Tp,Sp,Rp,Lp,jp,Ap,Np,_p,Vp,Ip={exports:{}};function Cp(){return sp||(sp=1,n=Ip,t=Ip.exports,a=Sl(),i=t&&!t.nodeType&&t,r=i&&n&&!n.nodeType&&n,e=r&&r.exports===i&&a.process,o=function(){try{return r&&r.require&&r.require("util").types||e&&e.binding&&e.binding("util")}catch(n){}}(),n.exports=o),Ip.exports;var n,t,a,i,r,e,o}function Gp(){if(dp)return mp;dp=1;var n=function(){if(ap)return tp;ap=1;var n=jl(),t=pp(),a=ql(),i={};return i["[object Float32Array]"]=i["[object Float64Array]"]=i["[object Int8Array]"]=i["[object Int16Array]"]=i["[object Int32Array]"]=i["[object Uint8Array]"]=i["[object Uint8ClampedArray]"]=i["[object Uint16Array]"]=i["[object Uint32Array]"]=!0,i["[object Arguments]"]=i["[object Array]"]=i["[object ArrayBuffer]"]=i["[object Boolean]"]=i["[object DataView]"]=i["[object Date]"]=i["[object Error]"]=i["[object Function]"]=i["[object Map]"]=i["[object Number]"]=i["[object Object]"]=i["[object RegExp]"]=i["[object Set]"]=i["[object String]"]=i["[object WeakMap]"]=!1,tp=function(r){return a(r)&&t(r.length)&&!!i[n(r)]}}(),t=cp(),a=Cp(),i=a&&a.isTypedArray,r=i?t(i):n;return mp=r}function Pp(){if(fp)return gp;fp=1;var n=(hl||(hl=1,fl=function(n,t){for(var a=-1,i=Array(n);++a{const a=nm(t,"name");if(!a)return n;const i=nm(t,"variants");if(Array.isArray(i))for(const t of i){const i=nm(t,"familyStyle.prefix");i&&n.push({iconName:a,prefix:i})}else n.push({iconName:a,prefix:void 0});return n},[]):[]}function pm(n){return t=nm(n,"data.me.kit.showcaseIcons.iconVariants",[]),Array.isArray(t)?t.reduce((n,t)=>{const a=nm(t,"name"),i=nm(t,"familyStyle.prefix");return a&&i&&n.push({iconName:a,prefix:i}),n},[]):[];var t}function cm(n){return void 0===n?"undefined":null===n||"object"!=typeof n?JSON.stringify(n):Array.isArray(n)?`[${n.map(cm).join(",")}]`:`{${Object.keys(n).sort().map(t=>`${JSON.stringify(t)}:${cm(n[t])}`).join(",")}}`}function sm(...n){return function(n,t=0){let a=3735928559^t,i=1103547991^t;for(let t=0;t>>16,2246822507),a^=Math.imul(i^i>>>13,3266489909),i=Math.imul(i^i>>>16,2246822507),i^=Math.imul(a^a>>>13,3266489909),(4294967296*(2097151&i)+(a>>>0)).toString(16)}(n.map(cm).join("\0"))}const mm=(n,t)=>[...t],dm=fe(class extends da{constructor(){super(),this.__registerHost()}name;stylePrefix;familyStylePathSegment;svgApi;pro=!1;iconUpload;class;svgFetchBaseUrl;getUrlText;kitToken;icon;size;emitIconDefinition;loading=!1;iconDefinition;setIconDefinition(n){this.iconDefinition=n,"function"==typeof this.emitIconDefinition&&this.emitIconDefinition(n)}componentWillLoad(){if(this.iconUpload)return void this.setIconDefinition({prefix:this.stylePrefix,iconName:this.iconUpload.name,icon:[parseInt(`${this.iconUpload.width}`),parseInt(`${this.iconUpload.height}`),[],this.iconUpload.unicode.toString(16),this.iconUpload.pathData]});if(this.icon)return void this.setIconDefinition(this.icon);if(!this.svgApi)return void console.error(`${om}: fa-icon: svgApi prop is needed but is missing`,this);if(!this.stylePrefix||!this.name)return void console.error(`${om}: fa-icon: the 'stylePrefix' and 'name' props are needed to render this icon but not provided.`,this);if(!this.familyStylePathSegment)return void console.error(`${om}: fa-icon: the 'familyStylePathSegment' prop is required to render this icon but not provided.`,this);const{findIconDefinition:n}=this.svgApi,t=n&&n({prefix:this.stylePrefix,iconName:this.name});if(t)return void this.setIconDefinition(t);if(!this.pro)return void console.error(`${om}: fa-icon: 'pro' prop is false but no free icon is available`,this);if(!this.svgFetchBaseUrl)return void console.error(`${om}: fa-icon: 'svgFetchBaseUrl' prop is absent but is necessary for fetching icon`,this);if(!this.kitToken)return void console.error(`${om}: fa-icon: 'kitToken' prop is absent but is necessary for accessing icon`,this);const a=`${this.svgFetchBaseUrl}/${this.familyStylePathSegment}/${this.name}${this.svgFetchBaseUrl.includes("svg-objects")?".json":".svg"}?token=${this.kitToken}`;this.getUrlText?(this.loading=!0,this.getUrlText(a).then(n=>{if(!n)throw new Error("Empty response received from fetch");let t;try{const a=this.svgFetchBaseUrl.includes("svg-objects")?JSON.parse(n):function(n){let t=null,a=null;const i=n.match(im),r=n.match(rm),e=n.match(em[0])||n.match(em[1])||n.match(em[2]);if(e){const{cls1:n,d1:t,cls2:i,d2:r}=e.groups;t&&r&&!n&&!i?a=[t,r]:t&&n&&!r?a=n.indexOf("primary")>-1?["",t]:[t,""]:t&&r&&n&&i&&(a=n.indexOf("primary")>-1?[r,t]:[t,r])}else r&&2===r.length&&(a=r[1]);return i&&a&&(t=[parseInt(i[1],10),parseInt(i[2],10),[],null,a]),t}(n);if(!a)throw new Error("Failed to parse response");const i=Array.isArray(a)?a:a.icon;if(!i||!Array.isArray(i)||i.length<5)throw new Error(`Invalid icon data: ${JSON.stringify(i)}`);t={prefix:this.stylePrefix,iconName:this.name,icon:i},this.svgApi.library.add(t),this.setIconDefinition(t)}catch(n){throw console.error(`${om}: Error processing icon:`,n),n}}).catch(n=>{throw console.error(`${om}: Failed to fetch icon ${a}:`,n),n}).finally(()=>{this.loading=!1})):console.error(`${om}: getUrlText callback is missing`)}buildSvg(n,t){if(!n)return void console.log(`${om}: No icon definition provided to buildSvg`);const a=nm(n,"icon",[]),[i,r,,,e]=a;if(!i||!r||!e)return void console.log(`${om}: Missing required SVG properties`,{width:i,height:r,svgPathData:e});const o=["svg-inline--fa"];this.class&&o.push(this.class),t&&o.push(t),this.size&&o.push(`fa-${this.size}`);const l=o.join(" ");return Array.isArray(e)?$i("svg",{class:l,xmlns:"http://www.w3.org/2000/svg",viewBox:`0 0 ${i} ${r}`},$i("path",{fill:"currentColor",class:"fa-primary",d:e[1]}),$i("path",{fill:"currentColor",class:"fa-secondary",d:e[0]})):$i("svg",{class:l,xmlns:"http://www.w3.org/2000/svg",viewBox:`0 0 ${i} ${r}`},$i("path",{fill:"currentColor",d:e}))}render(){return this.iconDefinition?this.buildSvg(this.iconDefinition):$i(Di,null)}static get style(){return""}},[256,"fa-icon",{name:[1],stylePrefix:[1,"style-prefix"],familyStylePathSegment:[1,"family-style-path-segment"],svgApi:[8,"svg-api"],pro:[4],iconUpload:[16,"icon-upload"],class:[1],svgFetchBaseUrl:[1,"svg-fetch-base-url"],getUrlText:[16,"get-url-text"],kitToken:[1,"kit-token"],icon:[16],size:[1],emitIconDefinition:[16,"emit-icon-definition"],loading:[32],iconDefinition:[32]}]);function gm(){"undefined"!=typeof customElements&&["fa-icon"].forEach(n=>{"fa-icon"===n&&(customElements.get(n)||customElements.define(n,dm))})}var fm,hm,vm,bm,um,xm,ym,km,wm,Om,zm,$m,Em,Dm,Tm,Sm,Rm,Lm;function jm(){if(xm)return um;xm=1;var n=RegExp("[\\u200d\\ud800-\\udfff\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff\\ufe0e\\ufe0f]");return um=function(t){return n.test(t)}}function Am(){if(Sm)return Tm;Sm=1;var n=function(){if(Dm)return Em;Dm=1;var n=function(){if(bm)return vm;bm=1;var n=hm?fm:(hm=1,fm=function(n,t,a){var i=-1,r=n.length;t<0&&(t=-t>r?0:r+t),(a=a>r?r:a)<0&&(a+=r),r=t>a?0:a-t>>>0,t>>>=0;for(var e=Array(r);++i=r?t:n(t,a,i)}}(),t=jm(),a=function(){if($m)return zm;$m=1;var n=km?ym:(km=1,ym=function(n){return n.split("")}),t=jm(),a=function(){if(Om)return wm;Om=1;var n="\\ud800-\\udfff",t="["+n+"]",a="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",i="\\ud83c[\\udffb-\\udfff]",r="[^"+n+"]",e="(?:\\ud83c[\\udde6-\\uddff]){2}",o="[\\ud800-\\udbff][\\udc00-\\udfff]",l="(?:"+a+"|"+i+")?",p="[\\ufe0e\\ufe0f]?",c=p+l+"(?:\\u200d(?:"+[r,e,o].join("|")+")"+p+l+")*",s="(?:"+[r+a+"?",a,e,o,t].join("|")+")",m=RegExp(i+"(?="+i+")|"+s+c,"g");return wm=function(n){return n.match(m)||[]}}();return zm=function(i){return t(i)?a(i):n(i)}}(),i=qs();return Em=function(r){return function(e){e=i(e);var o=t(e)?a(e):void 0,l=o?o[0]:e.charAt(0),p=o?n(o,1).join(""):e.slice(1);return l[r]()+p}}}()("toUpperCase");return Tm=n}gm();var Nm,_m,Vm,Im,Cm,Gm,Pm,Fm,Bm,Um,Mm=ke(function(){if(Lm)return Rm;Lm=1;var n=qs(),t=Am();return Rm=function(a){return t(n(a).toLowerCase())}}());function qm(){if(Fm)return Pm;Fm=1;var n=function(){if(Gm)return Cm;Gm=1;var n=function(){if(Im)return Vm;Im=1;var n=/\s/;return Vm=function(t){for(var a=t.length;a--&&n.test(t.charAt(a)););return a}}(),t=/^\s+/;return Cm=function(a){return a?a.slice(0,n(a)+1).replace(t,""):a}}(),t=Al(),a=Us(),i=/^[-+]0x[0-9a-f]+$/i,r=/^0b[01]+$/i,e=/^0o[0-7]+$/i,o=parseInt;return Pm=function(l){if("number"==typeof l)return l;if(a(l))return NaN;if(t(l)){var p="function"==typeof l.valueOf?l.valueOf():l;l=t(p)?p+"":p}if("string"!=typeof l)return 0===l?l:+l;l=n(l);var c=r.test(l);return c||e.test(l)?o(l.slice(2),c?2:8):i.test(l)?NaN:+l}}var Hm,Wm,Km,Xm,Qm,Jm,Ym,Zm,nd,td,ad,id,rd,ed,od,ld,pd,cd,sd,md,dd,gd,fd,hd,vd,bd,ud,xd,yd,kd,wd,Od,zd,$d,Ed,Dd,Td,Sd,Rd,Ld,jd,Ad,Nd,_d,Vd,Id,Cd,Gd,Pd,Fd,Bd,Ud,Md,qd,Hd,Wd,Kd,Xd,Qd,Jd,Yd,Zd,ng,tg,ag=function(){if(Um)return Bm;Um=1;var n=Al(),t=function(){if(_m)return Nm;_m=1;var n=Rl();return Nm=function(){return n.Date.now()}}(),a=qm(),i=Math.max,r=Math.min;return Bm=function(e,o,l){var p,c,s,m,d,g,f=0,h=!1,v=!1,b=!0;if("function"!=typeof e)throw new TypeError("Expected a function");function u(n){var t=p,a=c;return p=c=void 0,f=n,m=e.apply(a,t)}function x(n){var t=n-g;return void 0===g||t>=o||t<0||v&&n-f>=s}function y(){var n=t();if(x(n))return k(n);d=setTimeout(y,function(n){var t=o-(n-g);return v?r(t,s-(n-f)):t}(n))}function k(n){return d=void 0,b&&p?u(n):(p=c=void 0,m)}function w(){var n=t(),a=x(n);if(p=arguments,c=this,g=n,a){if(void 0===d)return function(n){return f=n,d=setTimeout(y,o),h?u(n):m}(g);if(v)return clearTimeout(d),d=setTimeout(y,o),u(g)}return void 0===d&&(d=setTimeout(y,o)),m}return o=a(o)||0,n(l)&&(h=!!l.leading,s=(v="maxWait"in l)?i(a(l.maxWait)||0,o):s,b="trailing"in l?!!l.trailing:b),w.cancel=function(){void 0!==d&&clearTimeout(d),f=0,p=g=c=d=void 0},w.flush=function(){return void 0===d?m:k(t())},w},Bm}(),ig=ke(ag);function rg(){if(id)return ad;id=1;var n=function(){if(Jm)return Qm;Jm=1;var n=Pl(),t=Wm?Hm:(Wm=1,Hm=function(n){return this.__data__.set(n,"__lodash_hash_undefined__"),this}),a=Xm?Km:(Xm=1,Km=function(n){return this.__data__.has(n)});function i(t){var a=-1,i=null==t?0:t.length;for(this.__data__=new n;++as))return!1;var d=p.get(i),g=p.get(r);if(d&&g)return d==r&&g==i;var f=-1,h=!0,v=2&e?new n:void 0;for(p.set(i,r),p.set(r,i);++f-1?l[p?r[c]:c]:void 0}}}()(mg());return ng=n}(),Og=ke(wg);var zg=function(){if(kg)return yg;kg=1;var n=Up(),t=fs(),a=Mp(),i=function(){if(gg)return dg;gg=1;var n=jl(),t=Wl(),a=ql();return dg=function(i){return"string"==typeof i||!t(i)&&a(i)&&"[object String]"==n(i)}}(),r=function(){if(xg)return ug;xg=1;var n=function(){if(hg)return fg;hg=1;var n=cg()("length");return fg=n}(),t=jm(),a=function(){if(bg)return vg;bg=1;var n="\\ud800-\\udfff",t="["+n+"]",a="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",i="\\ud83c[\\udffb-\\udfff]",r="[^"+n+"]",e="(?:\\ud83c[\\udde6-\\uddff]){2}",o="[\\ud800-\\udbff][\\udc00-\\udfff]",l="(?:"+a+"|"+i+")?",p="[\\ufe0e\\ufe0f]?",c=p+l+"(?:\\u200d(?:"+[r,e,o].join("|")+")"+p+l+")*",s="(?:"+[r+a+"?",a,e,o,t].join("|")+")",m=RegExp(i+"(?="+i+")|"+s+c,"g");return vg=function(n){for(var t=m.lastIndex=0;m.test(n);)++t;return t}}();return ug=function(i){return t(i)?a(i):n(i)}}();return yg=function(e){if(null==e)return 0;if(a(e))return i(e)?r(e):e.length;var o=t(e);return"[object Map]"==o||"[object Set]"==o?e.size:n(e).length}}(),$g=ke(zg);const Eg={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"]},Dg={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"]},Tg="Find icons by name, category, or keyword",Sg=[{family:"classic",style:"solid",prefix:"fas"},{family:"classic",style:"regular",prefix:"far"},{family:"classic",style:"brands",prefix:"fab"}],Rg="\nquery SearchKit($token: String!, $query: String!, $searchMode: KitSearchMode!, $page: Int!, $pageSize: Int!) {\n me {\n kit(token: $token) {\n searchKit(query: $query, searchMode: $searchMode, page: $page, pageSize: $pageSize) {\n page\n pageSize\n totalIconCount\n totalPageCount\n icons {\n __typename\n ... on IconWithVariants {\n name\n label\n unicodeHex\n variants {\n name\n unicodeHex\n familyStyle {\n family\n style\n prefix\n }\n }\n }\n ... on IconUpload {\n name\n unicodeHex\n width\n height\n pathData\n }\n }\n }\n }\n }\n}",Lg="\nquery ShowcaseIcons($token: String!, $selector: FamilyStyleSelector!) {\n me {\n kit(token: $token) {\n showcaseIcons(selector: $selector, page: 1, pageSize: 80, limitPerFamilyStyle: 80) {\n page\n pageSize\n totalIconVariantCount\n totalPageCount\n iconVariants {\n name\n unicodeHex\n familyStyle {\n family\n style\n prefix\n }\n }\n }\n }\n }\n}",jg="\n query KitMetadata($token: String!) {\n me {\n kit(token: $token) {\n kitRevision\n showcaseCacheKey\n familyStylesPaginated(page: 1, pageSize: 50) {\n familyStyles {\n familyStyle {\n family\n style\n prefix\n }\n }\n }\n version\n technologySelected\n licenseSelected\n name\n permits {\n embedProSvg {\n prefix\n family\n }\n }\n release {\n version\n }\n iconUploads {\n name\n unicode\n version\n width\n height\n pathData\n }\n }\n }\n }\n ",Ag=fe(class extends da{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.finish=((n,t,a)=>{const i=(n=>{var t;return Ut.lazyLoad?null==(t=Jt(n))?void 0:t.$hostElement$:n})(n);return{emit:n=>(Ut.isDev&&!i.isConnected&&aa(`The "${t}" event was emitted, but the dispatcher node is no longer connected to the dom.`),yr(i,t,{bubbles:!!(4&a),composed:!!(2&a),cancelable:!!(1&a),detail:n}))}})(this,"finish",7)}get host(){return this}kitToken;version;searchInputPlaceholder;handleQuery;getUrlText;includeFamilyStyle=n=>!0;_assetsBaseUrl;finish;query="";isQuerying=!1;isInitialLoading=!1;isLoadingShowcase=!1;hasQueried=!1;icons=[];kitMetadata;fatalError=!1;familyStyles={};prefixToFamilyStyle={};selectedFamily="classic";selectedStyle="solid";svgApi;svgFetchBaseUrl;commonFaIconProps;defaultIcons;activeSlotDefaults={};embedSvgPrefixes=new Set([]);kitRevision;showcaseCacheKey;showcaseIconsByPrefix={};showcaseFetchesByPrefix={};searchRequestId=0;familyNameToLabel(n){return n}styleNameToLabel(n){return n}getFamilies(){return Object.keys(this.familyStyles).sort()}selectFamily(n){const t=n.target.value;if("string"==typeof t&&"object"==typeof this.familyStyles[t]){this.selectedFamily=t;const n=this.getStylesForSelectedFamily();this.selectedStyle=n[0],this.loadShowcaseForSelectionIfNeeded()}}selectStyle(n){const t=n.target.value;"string"==typeof t&&"string"==typeof this.selectedFamily&&"object"==typeof this.familyStyles[this.selectedFamily]&&(this.selectedStyle=t,this.loadShowcaseForSelectionIfNeeded())}loadShowcaseForSelectionIfNeeded(){this.kitToken&&(""===this.query?this.fetchShowcaseForSelectedFamilyStyle().catch(n=>console.error(n)):this.updateQueryResults(this.query).catch(n=>console.error(n)))}getPrefixForFamilyStyle(n,t){return nm(this.familyStyles,[n,t,"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]).sort():[]}buildFamilyStyleReverseLookup(){const n={};for(const t in this.familyStyles)for(const a in this.familyStyles[t]){const i=this.familyStyles[t][a].prefix;n[i]={family:t,style:a,prefix:i}}this.prefixToFamilyStyle=n}prefixToFamilyStylePathSegment(n){const t=nm(this.prefixToFamilyStyle,[n,"family"]),a=nm(this.prefixToFamilyStyle,[n,"style"]);if(t&&a)return"duotone"===t&&"solid"===a?"duotone":"classic"===t?a:`${t}-${a}`}async loadKitRevision(){const n=await this.handleQuery("\n query KitRevision($token: String!) {\n me {\n kit(token: $token) {\n kitRevision\n showcaseCacheKey\n }\n }\n }\n ",{token:this.kitToken},{cache:!1});if(nm(n,"errors"))throw console.error("Font Awesome Icon Chooser GraphQL query errors",n.errors),new Error;this.kitRevision=function(n){const t=nm(n,"data.me.kit.kitRevision");return"string"==typeof t||"number"==typeof t?t:void 0}(n),this.showcaseCacheKey=function(n){const t=nm(n,"data.me.kit.showcaseCacheKey");return"string"==typeof t?t:void 0}(n)}async loadKitMetadata(){await this.loadKitRevision();const n=await this.handleQuery(jg,{token:this.kitToken},{cache:!0,cacheKey:sm(jg,this.kitToken,this.kitRevision,this.showcaseCacheKey)});if(nm(n,"errors"))throw console.error("Font Awesome Icon Chooser GraphQL query errors",n.errors),new Error;const t=nm(n,"data.me.kit");this.kitMetadata=t;const a=function(n){const t=nm(n,"data.me.kit.familyStylesPaginated.familyStyles",[]);return Array.isArray(t)?t.map(n=>nm(n,"familyStyle")).filter(n=>!!n&&"string"==typeof n.family&&"string"==typeof n.style&&"string"==typeof n.prefix).map(n=>({family:n.family,style:n.style,prefix:n.prefix})):[]}(n);this.updateFamilyStyles(a);const i=nm(t,"permits.embedProSvg",[]);this.pro()?i.forEach(n=>this.embedSvgPrefixes.add(n.prefix)):a.forEach(n=>this.embedSvgPrefixes.add(n.prefix));const r=[],e=nm(n,"data.me.kit.iconUploads",[]);Og(e,n=>1===n.pathData.length)&&r.push({family:"kit",style:"custom",prefix:"fak"}),Og(e,n=>n.pathData.length>1)&&r.push({family:"kit-duotone",style:"custom",prefix:"fakd"}),r.length>0&&this.updateFamilyStyles(r)}updateFamilyStyles(n){for(const t of n){let n=!0;try{n=this.includeFamilyStyle(t)}catch{}n&&am(this.familyStyles,[t.family,t.style,"prefix"],t.prefix)}this.buildFamilyStyleReverseLookup(),this.ensureSelectedFamilyStyleIsValid()}ensureSelectedFamilyStyleIsValid(){if((this.familyStyles[this.selectedFamily]||{}).hasOwnProperty(this.selectedStyle))return;const n=Object.keys(this.familyStyles).sort();if(0===n.length)return;const t=n[0],a=Object.keys(this.familyStyles[t]||{}).sort();0!==a.length&&(this.selectedFamily=t,this.selectedStyle=a[0])}resolvedVersion(){return nm(this,"kitMetadata.release.version")||this.version}pro(){return"pro"===nm(this,"kitMetadata.licenseSelected")}async preload(){return this.kitToken?this.loadKitMetadata():(this.updateFamilyStyles(Sg),Promise.resolve())}setupSlots(n={}){const t=function(n={}){const{kitToken:t,name:a}=n,i=!!t,r=function(n,t=30){return n?n.length>t?`${n.slice(0,t)}…`:n:""}(a),e={"fatal-error-heading":"Well, this is awkward...","fatal-error-detail":"Something has gone horribly wrong. Check the console for additional error information."};e["start-view-heading"]=i?`Add Icons from Your Font Awesome ${r} Kit`:"Font Awesome is the web's most popular icon set, with tons of icons in a variety of styles.",e["start-view-detail"]=i?"Search your Kit's icons or browse them by style. Need to add or remove icons? Head to fontawesome.com/kits to update your Kit.":$i(mm,null,"Not sure where to start? Here are some favorites, or try a search for ",$i("strong",null,"spinners"),", ",$i("strong",null,"shopping"),", ",$i("strong",null,"food"),", or"," ",$i("strong",null,"whatever you're looking for"),"."),e["initial-loading-view-heading"]="Fetching icons",e["initial-loading-view-detail"]="When this thing gets up to 88 mph...",e["search-field-label-free"]="Search Font Awesome Free Icons in Version",e["search-field-label-pro"]="Search Font Awesome Pro Icons in Version",e["search-field-placeholder"]=Tg;const o=`You're searching the icons in your ${r} Kit (${t}) set to Font Awesome Version`;return e["searching-free"]=i?o:"You're searching Font Awesome Free icons in version",e["searching-pro"]=i?o:"You're searching Font Awesome Pro icons in version",e["kit-has-no-uploaded-icons"]="This kit contains no uploaded icons.",e["no-search-results-heading"]="Sorry, we couldn't find anything for that.",e["no-search-results-detail"]="You might try a different search...",e["suggest-icon-upload"]=$i(mm,null,"Or"," ",$i("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!"),e["get-fontawesome-pro"]=$i(mm,null,"Or"," ",$i("a",{href:"https://fontawesome.com/",target:"_blank"},"use Font Awesome Pro")," ","for more icons and styles!"),e}(n);for(const n in t)this.host.querySelector(`[slot="${n}"]`)||(this.activeSlotDefaults[n]=t[n])}slot(n){return this.activeSlotDefaults&&this.activeSlotDefaults[n]||$i("slot",{name:n})}componentWillLoad(){if(this.buildFamilyStyleReverseLookup(),!this.kitToken&&(n=this.version,!$l.valid(n)))return console.error(`${om}: either a kit-token or valid semantic version is required.`,this),void(this.fatalError=!0);var n;this.query="",this.isInitialLoading=!0,this.preload().then(()=>{this.setupSlots({kitToken:this.kitToken,name:nm(this,"kitMetadata.name")});const n=this.pro(),t=this._assetsBaseUrl||(this.kitToken?function(n){return n?"https://ka-p.fontawesome.com":"https://ka-f.fontawesome.com"}(n):"https://use.fontawesome.com"),a=this.resolvedVersion();if(n){const n=parseInt(a.split(".")[0]);this.svgFetchBaseUrl=`${t}/releases/v${a}/${n>=7?"svg-objects":"svgs"}`}else 0===this.embedSvgPrefixes.size&&Object.keys(this.prefixToFamilyStyle).forEach(n=>this.embedSvgPrefixes.add(n));const i=nm(window,"FontAwesome");return i?Promise.resolve(i):async function(n,t,a,i,r){const e=r?`${i}/releases/v${a}/js/${t?"pro":"free"}.min.js?token=${r}`:`${i}/releases/v${a}/js/all.js`;try{if("function"!=typeof n)throw new Error("Font Awesome Icon Chooser: expected getUrlText to be a function but it wasn't");const t=await n(e),a=document.createElement("SCRIPT"),i=document.createTextNode(t);return a.appendChild(i),a.setAttribute("data-auto-replace-svg","false"),a.setAttribute("data-auto-add-css","false"),a.setAttribute("type","text/javascript"),a}catch(n){throw console.error(n),new Error(n)}}(this.getUrlText,n,this.resolvedVersion(),t,this.kitToken).then(n=>(document.head.appendChild(n),nm(window,"FontAwesome")))}).then(async n=>{this.svgApi=n;const t=nm(window,"FontAwesome.dom"),a=document.createElement("STYLE");a.setAttribute("type","text/css");const i=document.createTextNode(t.css());a.appendChild(i),this.host.shadowRoot.appendChild(a),this.commonFaIconProps={svgApi:nm(window,"FontAwesome"),pro:this.pro(),svgFetchBaseUrl:this.svgFetchBaseUrl,kitToken:this.kitToken,getUrlText:this.getUrlText},this.kitToken?await this.fetchShowcaseForSelectedFamilyStyle().catch(n=>console.error(n)):(this.defaultIcons=function(n){const t=[];for(const a in n)for(const i in n[a])"brands"!==i&&"brands"!==a&&"custom"!==i&&t.push({family:a,style:i});const a=Bs(xe),i=nm(a,"data.search",[]);for(const n of i)"ALL"===nm(n,"familyStylesByLicense.pro")&&am(n,"familyStylesByLicense.pro",t);return a}(this.familyStyles),this.setIcons(this.defaultIcons,this.iconUploadsAsIconUploadLookups())),this.isInitialLoading=!1}).catch(n=>{this.setupSlots({kitToken:this.kitToken,name:nm(this,"kitMetadata.name")}),console.error(n),this.isInitialLoading=!1,this.fatalError=!0})}async updateQueryResults(n){if(0===$g(n))return;if(this.isQuerying=!0,this.kitToken)return await this.updateKitQueryResults(n),this.hasQueried=!0,void(this.isQuerying=!1);const t=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}),a=this.iconUploadsAsIconUploadLookups().filter(({iconName:t})=>t.indexOf(n)>-1);let i=t;Array.isArray(nm(i,"data.search"))||(console.warn(`${om}: search results may be inaccurate since 'handleQuery' returned an unexpected value:`,t),i={data:{search:[]}}),this.setIcons(i,a),this.hasQueried=!0,this.isQuerying=!1}async updateKitQueryResults(n){const t=++this.searchRequestId,a="fak"===(e=this.getSelectedPrefix())||"fakd"===e?"CUSTOM":"OFFICIAL",i=await this.handleQuery(Rg,{token:this.kitToken,query:n,searchMode:a,page:1,pageSize:50}),r=nm(i,"data.me.kit.searchKit.icons");var e;Array.isArray(r)||console.warn(`${om}: kit search results may be inaccurate since 'handleQuery' returned an unexpected value:`,i);const o=lm(i),l=nm(i,"data.me.kit.searchKit.totalIconCount",0),p=nm(i,"data.me.kit.searchKit.totalPageCount",0),c=Array.isArray(r)&&r.length>=50;if(p>1||l>50||c){const t=await this.handleQuery(Rg,{token:this.kitToken,query:n,searchMode:a,page:2,pageSize:50});Array.isArray(nm(t,"data.me.kit.searchKit.icons"))||console.warn(`${om}: kit search results may be inaccurate since 'handleQuery' returned an unexpected value:`,t),o.push(...lm(t))}if(t===this.searchRequestId)if("CUSTOM"===a){const n=new Set(o.map(({iconName:n})=>n));this.icons=this.iconUploadsAsIconUploadLookups().filter(({iconName:t})=>n.has(t))}else this.icons=o}iconUploadsAsIconUploadLookups(){return nm(this,"kitMetadata.iconUploads",[]).map(n=>{const[t,a]=n.pathData.length>1?["fakd",n.pathData]:["fak",n.pathData[0]];return{prefix:t,iconName:n.name,iconUpload:{...n,pathData:a}}})}setIcons(n,t){this.icons=(nm(n,"data.search")||[]).reduce((n,t)=>{const{id:a,familyStylesByLicense:i}=t;return(this.pro()?i.pro:i.free).map(t=>{const i=this.getPrefixForFamilyStyle(t.family,t.style);n.push({iconName:a,prefix:i})}),n},t)}setShowcaseIcons(){const n=[].concat(...Object.keys(this.showcaseIconsByPrefix).map(n=>this.showcaseIconsByPrefix[n]));this.icons=[...n,...this.iconUploadsAsIconUploadLookups()]}async fetchShowcaseForSelectedFamilyStyle(){const n=this.getSelectedPrefix();if(n){if("fak"!==n&&"fakd"!==n&&!this.showcaseIconsByPrefix.hasOwnProperty(n)){this.isLoadingShowcase=!0;try{await this.fetchShowcaseForPrefix(n)}finally{this.getSelectedPrefix()===n&&(this.isLoadingShowcase=!1)}}""===this.query&&this.setShowcaseIcons()}}fetchShowcaseForPrefix(n){if(this.showcaseIconsByPrefix.hasOwnProperty(n))return Promise.resolve();if(!this.showcaseFetchesByPrefix[n]){const t={token:this.kitToken,selector:{prefix:n}},a=sm(Lg,t,this.kitRevision,this.showcaseCacheKey);this.showcaseFetchesByPrefix[n]=this.handleQuery(Lg,t,{cache:!0,cacheKey:a}).then(t=>{this.showcaseIconsByPrefix={...this.showcaseIconsByPrefix,[n]:pm(t)}}).finally(()=>{delete this.showcaseFetchesByPrefix[n]})}return this.showcaseFetchesByPrefix[n]}updateQueryResultsWithDebounce=ig(n=>{this.updateQueryResults(n).catch(n=>{console.error(n),this.fatalError=!0})},500);filteredIcons(){const n=this.getSelectedPrefix();return n?this.icons.filter(({prefix:t})=>t===n):[]}isV6(){const n=this.resolvedVersion();return n&&"6"===n[0]}mayHaveIconUploads(){return this.pro()}hasIconUploads(){return $g(nm(this,"kitMetadata.iconUploads"))}onSearchInputChange(n){this.query=n.target.value,0===$g(this.query)?(this.updateQueryResultsWithDebounce.cancel(),this.kitToken?this.fetchShowcaseForSelectedFamilyStyle().catch(n=>console.error(n)):this.setIcons(this.defaultIcons,this.iconUploadsAsIconUploadLookups())):this.updateQueryResultsWithDebounce(this.query)}preventDefaultFormSubmit(n){n.preventDefault(),n.stopPropagation()}labelForFamilyOrStyle(n){return n.split("-").map(n=>Mm(n)).join(" ")}shouldEmitSvgData(){const n=nm(window,"__FA_SVG_EMBED__");let t=!1;return"function"==typeof n&&(t=!!n()),t||[...this.embedSvgPrefixes].length>0}emitIconChooserResult(n){const{prefix:t,iconName:a}=n;let i={prefix:t,iconName:a};this.shouldEmitSvgData()&&(i=n);const r=this.prefixToFamilyStyle[t];this.finish.emit(function(n,t){return{...n,family:t.family,style:t.style}}(i,r))}render(){return this.fatalError?$i("div",{class:"fa-icon-chooser"},$i("div",{class:"message-loading text-center margin-2xl"},$i("h3",null,this.slot("fatal-error-heading")),$i("p",null,this.slot("fatal-error-detail")))):this.isInitialLoading?$i("div",{class:"fa-icon-chooser"},$i("div",{class:"message-loading text-center margin-2xl"},this.kitToken?$i("h3",null,"Fetching your Kit..."):$i("h3",null,"Loading..."))):$i("div",{class:"fa-icon-chooser"},$i("form",{id:"search-form",onSubmit:this.preventDefaultFormSubmit},$i("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()),$i("div",{class:"margin-bottom-md"},$i("div",{class:"wrap-search margin-bottom-3xs with-icon-before"},$i("fa-icon",{...this.commonFaIconProps,stylePrefix:"fas",familyStylePathSegment:"solid",name:"search",class:"icons-search-decorative"}),$i("input",{type:"text",name:"search",id:"search",class:"rounded",value:this.query,onInput:this.onSearchInputChange.bind(this),placeholder:this.searchInputPlaceholder||Tg}))),$i("div",{class:"style-selectors row"},$i("div",{class:"column-6"},$i("select",{name:"family-select",onChange:this.selectFamily.bind(this)},this.getFamilies().map(n=>$i("option",{selected:n===this.selectedFamily,value:n},this.labelForFamilyOrStyle(n))))),$i("div",{class:"column-6"},$i("select",{name:"style-select",onChange:this.selectStyle.bind(this)},this.getStylesForSelectedFamily().map(n=>$i("option",{selected:n==this.selectedStyle,value:n},this.labelForFamilyOrStyle(n))))))),$i("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()),$i("div",{class:"wrap-icon-listing margin-y-lg"},!this.isQuerying&&!this.isLoadingShowcase&&this.mayHaveIconUploads()&&!this.hasIconUploads()&&["kit","kit-duotone"].includes(this.selectedFamily)&&$i("article",{class:"text-center margin-2xl"},$i("p",{class:"muted size-sm"},this.slot("kit-has-no-uploaded-icons"))),!this.isQuerying&&!this.isLoadingShowcase&&""===this.query&&this.getFamilies().length>0&&$i("article",{class:"text-center margin-y-2xl line-length-lg margin-auto"},$i("h3",{class:"margin-bottom-md"},this.slot("start-view-heading")),$i("p",{class:"margin-bottom-3xl"},this.slot("start-view-detail"))),this.isQuerying?$i("article",{class:"message-loading text-center margin-2xl"},$i("fa-icon",{...this.commonFaIconProps,icon:Dg,class:"message-icon fa-2x margin-top-xs fa-spin fa-fw"}),$i("h3",null,this.slot("initial-loading-view-header")),$i("p",{key:"a",class:"margin-y-md muted"},this.slot("initial-loading-view-detail"))):this.isLoadingShowcase?$i("article",{class:"message-loading text-center margin-2xl"},$i("h3",null,"Loading...")):$g(this.filteredIcons())>0?$i("div",{class:"icon-listing"},this.filteredIcons().map(n=>{let t=null;return $i("article",{class:"wrap-icon",key:`${n.prefix}-${n.iconName}`},$i("button",{class:"icon subtle display-flex flex-column flex-items-center flex-content-center",onClick:()=>this.emitIconChooserResult(t)},$i("fa-icon",{...this.commonFaIconProps,size:"2x",stylePrefix:n.prefix,emitIconDefinition:n=>{"object"==typeof n&&(t={...n})},familyStylePathSegment:this.prefixToFamilyStylePathSegment(n.prefix),name:n.iconName,iconUpload:nm(n,"iconUpload")}),$i("span",{class:"icon-name size-sm text-truncate margin-top-lg"},`${n.iconName}`)))})):$i("article",{class:"message message-noresults text-center margin-2xl"},$i("span",{key:"b"},$i("fa-icon",{...this.commonFaIconProps,icon:Eg,class:"message-icon fa-2x margin-top-xs"})),$i("h2",{class:"message-title margin-top-lg"},this.slot("no-search-results-heading")),$i("p",{key:"c",class:"size-lg"},this.slot("no-search-results-detail")),$i("p",{key:"d",class:"muted display-block"},this.pro()?this.slot("suggest-icon-upload"):this.slot("get-fontawesome-pro")))))}static get style(){return'/* 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'}},[257,"fa-icon-chooser",{kitToken:[1,"kit-token"],version:[1],searchInputPlaceholder:[1,"search-input-placeholder"],handleQuery:[16,"handle-query"],getUrlText:[16,"get-url-text"],includeFamilyStyle:[16,"include-family-style"],_assetsBaseUrl:[1,"_assets-base-url"],query:[32],isQuerying:[32],isInitialLoading:[32],isLoadingShowcase:[32],hasQueried:[32],icons:[32],kitMetadata:[32],fatalError:[32],familyStyles:[32],prefixToFamilyStyle:[32],selectedFamily:[32],selectedStyle:[32]}]);function Ng(){"undefined"!=typeof customElements&&["fa-icon-chooser","fa-icon"].forEach(n=>{switch(n){case"fa-icon-chooser":customElements.get(n)||customElements.define(n,Ag);break;case"fa-icon":customElements.get(n)||gm()}})}Ng();const _g=Ag,Vg=Ng,Ig=new Set(["children","localName","ref","style","className"]),Cg=new WeakMap,Gg=(n,t,a,i,r)=>{const e=r?.[t];void 0===e?(n[t]=a,null==a&&t in HTMLElement.prototype&&n.removeAttribute(t)):a!==i&&((n,t,a)=>{let i=Cg.get(n);void 0===i&&Cg.set(n,i=new Map);let r=i.get(t);void 0!==a?void 0===r?(i.set(t,r={handleEvent:a}),n.addEventListener(t,r)):r.handleEvent=a:void 0!==r&&(i.delete(t),n.removeEventListener(t,r))})(n,e,a)},Pg=({react:n,tagName:t,elementClass:a,events:i,displayName:r})=>{const e=new Set(Object.keys(i??{})),o=n.forwardRef((r,o)=>{const l=n.useRef(new Map),p=n.useRef(null),c={},s={};for(const[n,t]of Object.entries(r))Ig.has(n)?c["className"===n?"class":n]=t:e.has(n)||n in a.prototype?s[n]=t:c[n]=t;return n.useLayoutEffect(()=>{if(null===p.current)return;const n=new Map;for(const t in s)Gg(p.current,t,r[t],l.current.get(t),i),l.current.delete(t),n.set(t,r[t]);for(const[n,t]of l.current)Gg(p.current,n,void 0,t,i);l.current=n}),n.useLayoutEffect(()=>{p.current?.removeAttribute("defer-hydration")},[]),c.suppressHydrationWarning=!0,n.createElement(t,{...c,ref:n.useCallback(n=>{p.current=n,"function"==typeof o?o(n):null!==o&&(o.current=n)},[o])})});return o.displayName=r??a.name,o},Fg=({defineCustomElement:n,...t})=>(typeof n<"u"&&n(),Pg(t)),Bg=(Pt(),Fg({tagName:"fa-icon-chooser",elementClass:_g,react:Pt(),events:{onFinish:"finish"},defineCustomElement:Vg})),Ug=window.ReactJSXRuntime,Mg=(0,t.get)(window,[a,"createInterpolateElement"]);window.__FA_SVG_EMBED__=()=>!0;const qg=window[a],Hg=(0,t.get)(qg,"options.kitToken"),Wg=(0,t.get)(qg,"options.version"),Kg=(0,t.get)(qg,"options.usePro"),Xg=(0,t.get)(qg,"assetsBaseUrlOverride"),Qg={...qg,kitToken:Hg,version:Wg,getUrlText:n=>Ct.get(n,{responseType:"text"}).then(n=>n.status>=200||n.status<=299?n.data:(console.error(n),Promise.reject("Font Awesome plugin unexpected response for Icon Chooser"))).catch(n=>(console.error(n),Promise.reject(n))),pro:Kg,assetsBaseUrlOverride:Xg};Qg.handleQuery=(n=>{const t=n?.restApiNamespace,a=!!n?.kitToken,i=p(t);return async(t,r,p)=>{try{const{faApiUrl:c,apiNonce:s,rootUrl:m}=n,d=a?`kit-${n.kitToken}-`:"",g=!0===p?.cache,f=g?`icon-chooser-${d}${p?.cacheKey}`:null;if(g){const n=function(n){if("function"!=typeof window?.localStorage?.getItem)return;const t=l(n),a=localStorage.getItem(t);try{return JSON.parse(a)||void 0}catch{return void function(n){"function"==typeof window?.localStorage?.removeItem&&localStorage.removeItem(n)}(t)}}(f);if(n)return n}e().use(e().createRootURLMiddleware(m)),e().use(e().createNonceMiddleware(s));const h={"content-type":"application/json"};if(a){const n=await i();h.authorization=`Bearer ${n}`}const v=await fetch(c,{method:"POST",headers:h,body:JSON.stringify({query:t.replace(/\s+/g," "),variables:r})});if(!v.ok){const n=(0,o.__)("Font Awesome Icon Chooser received an error response from the Font Awesome API server. See developer console.","font-awesome");throw console.error(n),new Error(n)}const b=await v.json(),u=Array.isArray(b?.errors)&&b.errors.length>0;return g&&!u&&function(n,t){if("function"!=typeof window?.localStorage?.setItem)return;const a=l(n);try{const n=JSON.stringify(t);localStorage.setItem(a,n)}catch{return}}(f,b),b}catch(n){throw console.error("CAUGHT:",n),new Error(n)}}})(Qg);const Jg=function(n){const{kitToken:t,version:a,pro:i,handleQuery:r,getUrlText:e,settingsPageUrl:l,assetsBaseUrlOverride:p}=n;return n=>{const{onSubmit:c,openEvent:s}=n,[m,d]=(0,Gt.useState)(!1);(0,Gt.useLayoutEffect)(()=>{const n=()=>d(!0);return document.addEventListener(s.type,n),()=>document.removeEventListener(s.type,n)},[s.type]);const g=()=>d(!1),f=!!i&&!t,h=n.title||(0,o.__)("Add a Font Awesome Icon","font-awesome");return(0,Ug.jsx)(Ug.Fragment,{children:m&&(0,Ug.jsxs)(Ft.Modal,{title:h,onRequestClose:g,children:[f&&(0,Ug.jsxs)("div",{style:{margin:"1em",backgroundColor:"#FFD200",padding:"1em",borderRadius:".5em",fontSize:"15px"},children:[(0,o.__)("Looking for Pro icons and styles? You’ll need to use a kit. ","font-awesome"),(0,Ug.jsx)("a",{href:l,children:(0,o.__)("Go to Font Awesome Plugin Settings","font-awesome")})]}),(0,Ug.jsxs)(Bg,{version:a,kitToken:t,handleQuery:r,getUrlText:e,onFinish:n=>(n=>{"function"==typeof c&&c(n),g()})(n),searchInputPlaceholder:(0,o.__)("Find icons by name, category, or keyword","font-awesome"),_assetsBaseUrl:p,children:[(0,Ug.jsx)("span",{slot:"fatal-error-heading",children:(0,o.__)("Well, this is awkward...","font-awesome")}),(0,Ug.jsx)("span",{slot:"fatal-error-detail",children:(0,o.__)("Something has gone horribly wrong. Check the console for additional error information.","font-awesome")}),(0,Ug.jsx)("span",{slot:"start-view-heading",children:(0,o.__)("Font Awesome is the web's most popular icon set, with tons of icons in a variety of styles.","font-awesome")}),(0,Ug.jsx)("span",{slot:"start-view-detail",children:Mg((0,o.__)("Not sure where to start? Here are some favorites, or try a search for spinners, shopping, food, or whatever you're looking for.","font-awesome"),{strong:(0,Ug.jsx)("strong",{})})}),(0,Ug.jsx)("span",{slot:"search-field-label-free",children:(0,o.__)("Search Font Awesome Free Icons in Version","font-awesome")}),(0,Ug.jsx)("span",{slot:"search-field-label-pro",children:(0,o.__)("Search Font Awesome Pro Icons in Version","font-awesome")}),(0,Ug.jsx)("span",{slot:"searching-free",children:(0,o.__)("You're searching Font Awesome Free icons in version","font-awesome")}),(0,Ug.jsx)("span",{slot:"searching-pro",children:(0,o.__)("You're searching Font Awesome Pro icons in version","font-awesome")}),(0,Ug.jsx)("span",{slot:"kit-has-no-uploaded-icons",children:(0,o.__)("This kit contains no uploaded icons.","font-awesome")}),(0,Ug.jsx)("span",{slot:"no-search-results-heading",children:(0,o.__)("Sorry, we couldn't find anything for that.","font-awesome")}),(0,Ug.jsx)("span",{slot:"no-search-results-detail",children:(0,o.__)("You might try a different search...","font-awesome")}),(0,Ug.jsx)("span",{slot:"suggest-icon-upload",children:Mg((0,o.__)("Or upload your own icon to a Pro kit!","font-awesome"),{a:(0,Ug.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://fontawesome.com/v5.15/how-to-use/on-the-web/using-kits/uploading-icons"})})}),(0,Ug.jsx)("span",{slot:"get-fontawesome-pro",children:Mg((0,o.__)("Or use Font Awesome Pro for more icons and styles!","font-awesome"),{a:(0,Ug.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://fontawesome.com/"})})}),(0,Ug.jsx)("span",{slot:"initial-loading-view-heading",children:(0,o.__)("Fetching icons","font-awesome")}),(0,Ug.jsx)("span",{slot:"initial-loading-view-detail",children:(0,o.__)("When this thing gets up to 88 mph...","font-awesome")})]})]})})}}(Qg);(0,t.set)(window,[a,"iconChooser"],{IconChooserModal:Jg})})()})();