Font Awesome Icons - Version 4.0.4

Version Description

  • FIX: add hash values to JavaScript chunk file names to resolve the problem where sometimes an old cached version of a JavaScript file would load in the browser instead of the intended updated one. This caused some users to see a blank settings page after upgrading from a previous version of the plugin.
Download this release

Release Info

Developer mlwilkerson
Plugin Icon 128x128 Font Awesome Icons
Version 4.0.4
Comparing to
See all releases

Code changes from version 4.0.3 to 4.0.4

admin/build/{0.js → 0-043f8cd56a1fb746733e.js} RENAMED
@@ -1 +1 @@
1
- (window.webpackJsonp_font_awesome_admin=window.webpackJsonp_font_awesome_admin||[]).push([[0],{160:function(e,t,n){"use strict";var r=n(181),o=Object.prototype.toString;function i(e){return"[object Array]"===o.call(e)}function s(e){return void 0===e}function a(e){return null!==e&&"object"==typeof e}function u(e){if("[object Object]"!==o.call(e))return!1;var t=Object.getPrototypeOf(e);return null===t||t===Object.prototype}function c(e){return"[object Function]"===o.call(e)}function f(e,t){if(null!=e)if("object"!=typeof e&&(e=[e]),i(e))for(var n=0,r=e.length;n<r;n++)t.call(null,e[n],n,e);else for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.call(null,e[o],o,e)}e.exports={isArray:i,isArrayBuffer:function(e){return"[object ArrayBuffer]"===o.call(e)},isBuffer:function(e){return null!==e&&!s(e)&&null!==e.constructor&&!s(e.constructor)&&"function"==typeof e.constructor.isBuffer&&e.constructor.isBuffer(e)},isFormData:function(e){return"undefined"!=typeof FormData&&e instanceof FormData},isArrayBufferView:function(e){return"undefined"!=typeof ArrayBuffer&&ArrayBuffer.isView?ArrayBuffer.isView(e):e&&e.buffer&&e.buffer instanceof ArrayBuffer},isString:function(e){return"string"==typeof e},isNumber:function(e){return"number"==typeof e},isObject:a,isPlainObject:u,isUndefined:s,isDate:function(e){return"[object Date]"===o.call(e)},isFile:function(e){return"[object File]"===o.call(e)},isBlob:function(e){return"[object Blob]"===o.call(e)},isFunction:c,isStream:function(e){return a(e)&&c(e.pipe)},isURLSearchParams:function(e){return"undefined"!=typeof URLSearchParams&&e instanceof URLSearchParams},isStandardBrowserEnv:function(){return("undefined"==typeof navigator||"ReactNative"!==navigator.product&&"NativeScript"!==navigator.product&&"NS"!==navigator.product)&&"undefined"!=typeof window&&"undefined"!=typeof document},forEach:f,merge:function e(){var t={};function n(n,r){u(t[r])&&u(n)?t[r]=e(t[r],n):u(n)?t[r]=e({},n):i(n)?t[r]=n.slice():t[r]=n}for(var r=0,o=arguments.length;r<o;r++)f(arguments[r],n);return t},extend:function(e,t,n){return f(t,(function(t,o){e[o]=n&&"function"==typeof t?r(t,n):t})),e},trim:function(e){return e.replace(/^\s*/,"").replace(/\s*$/,"")},stripBOM:function(e){return 65279===e.charCodeAt(0)&&(e=e.slice(1)),e}}},169:function(e,t){var n,r,o=e.exports={};function i(){throw new Error("setTimeout has not been defined")}function s(){throw new Error("clearTimeout has not been defined")}function a(e){if(n===setTimeout)return setTimeout(e,0);if((n===i||!n)&&setTimeout)return n=setTimeout,setTimeout(e,0);try{return n(e,0)}catch(t){try{return n.call(null,e,0)}catch(t){return n.call(this,e,0)}}}!function(){try{n="function"==typeof setTimeout?setTimeout:i}catch(e){n=i}try{r="function"==typeof clearTimeout?clearTimeout:s}catch(e){r=s}}();var u,c=[],f=!1,p=-1;function l(){f&&u&&(f=!1,u.length?c=u.concat(c):p=-1,c.length&&d())}function d(){if(!f){var e=a(l);f=!0;for(var t=c.length;t;){for(u=c,c=[];++p<t;)u&&u[p].run();p=-1,t=c.length}u=null,f=!1,function(e){if(r===clearTimeout)return clearTimeout(e);if((r===s||!r)&&clearTimeout)return r=clearTimeout,clearTimeout(e);try{r(e)}catch(t){try{return r.call(null,e)}catch(t){return r.call(this,e)}}}(e)}}function h(e,t){this.fun=e,this.array=t}function m(){}o.nextTick=function(e){var t=new Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)t[n-1]=arguments[n];c.push(new h(e,t)),1!==c.length||f||a(d)},h.prototype.run=function(){this.fun.apply(null,this.array)},o.title="browser",o.browser=!0,o.env={},o.argv=[],o.version="",o.versions={},o.on=m,o.addListener=m,o.once=m,o.off=m,o.removeListener=m,o.removeAllListeners=m,o.emit=m,o.prependListener=m,o.prependOnceListener=m,o.listeners=function(e){return[]},o.binding=function(e){throw new Error("process.binding is not supported")},o.cwd=function(){return"/"},o.chdir=function(e){throw new Error("process.chdir is not supported")},o.umask=function(){return 0}},170:function(e,t,n){e.exports=n(213)},181:function(e,t,n){"use strict";e.exports=function(e,t){return function(){for(var n=new Array(arguments.length),r=0;r<n.length;r++)n[r]=arguments[r];return e.apply(t,n)}}},182:function(e,t,n){"use strict";var r=n(160);function o(e){return encodeURIComponent(e).replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"+").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}e.exports=function(e,t,n){if(!t)return e;var i;if(n)i=n(t);else if(r.isURLSearchParams(t))i=t.toString();else{var s=[];r.forEach(t,(function(e,t){null!=e&&(r.isArray(e)?t+="[]":e=[e],r.forEach(e,(function(e){r.isDate(e)?e=e.toISOString():r.isObject(e)&&(e=JSON.stringify(e)),s.push(o(t)+"="+o(e))})))})),i=s.join("&")}if(i){var a=e.indexOf("#");-1!==a&&(e=e.slice(0,a)),e+=(-1===e.indexOf("?")?"?":"&")+i}return e}},183:function(e,t,n){"use strict";e.exports=function(e){return!(!e||!e.__CANCEL__)}},184:function(e,t,n){"use strict";(function(t){var r=n(160),o=n(218),i={"Content-Type":"application/x-www-form-urlencoded"};function s(e,t){!r.isUndefined(e)&&r.isUndefined(e["Content-Type"])&&(e["Content-Type"]=t)}var a,u={adapter:(("undefined"!=typeof XMLHttpRequest||void 0!==t&&"[object process]"===Object.prototype.toString.call(t))&&(a=n(185)),a),transformRequest:[function(e,t){return o(t,"Accept"),o(t,"Content-Type"),r.isFormData(e)||r.isArrayBuffer(e)||r.isBuffer(e)||r.isStream(e)||r.isFile(e)||r.isBlob(e)?e:r.isArrayBufferView(e)?e.buffer:r.isURLSearchParams(e)?(s(t,"application/x-www-form-urlencoded;charset=utf-8"),e.toString()):r.isObject(e)?(s(t,"application/json;charset=utf-8"),JSON.stringify(e)):e}],transformResponse:[function(e){if("string"==typeof e)try{e=JSON.parse(e)}catch(e){}return e}],timeout:0,xsrfCookieName:"XSRF-TOKEN",xsrfHeaderName:"X-XSRF-TOKEN",maxContentLength:-1,maxBodyLength:-1,validateStatus:function(e){return e>=200&&e<300},headers:{common:{Accept:"application/json, text/plain, */*"}}};r.forEach(["delete","get","head"],(function(e){u.headers[e]={}})),r.forEach(["post","put","patch"],(function(e){u.headers[e]=r.merge(i)})),e.exports=u}).call(this,n(169))},185:function(e,t,n){"use strict";var r=n(160),o=n(219),i=n(221),s=n(182),a=n(222),u=n(225),c=n(226),f=n(186);e.exports=function(e){return new Promise((function(t,n){var p=e.data,l=e.headers;r.isFormData(p)&&delete l["Content-Type"];var d=new XMLHttpRequest;if(e.auth){var h=e.auth.username||"",m=e.auth.password?unescape(encodeURIComponent(e.auth.password)):"";l.Authorization="Basic "+btoa(h+":"+m)}var y=a(e.baseURL,e.url);if(d.open(e.method.toUpperCase(),s(y,e.params,e.paramsSerializer),!0),d.timeout=e.timeout,d.onreadystatechange=function(){if(d&&4===d.readyState&&(0!==d.status||d.responseURL&&0===d.responseURL.indexOf("file:"))){var r="getAllResponseHeaders"in d?u(d.getAllResponseHeaders()):null,i={data:e.responseType&&"text"!==e.responseType?d.response:d.responseText,status:d.status,statusText:d.statusText,headers:r,config:e,request:d};o(t,n,i),d=null}},d.onabort=function(){d&&(n(f("Request aborted",e,"ECONNABORTED",d)),d=null)},d.onerror=function(){n(f("Network Error",e,null,d)),d=null},d.ontimeout=function(){var t="timeout of "+e.timeout+"ms exceeded";e.timeoutErrorMessage&&(t=e.timeoutErrorMessage),n(f(t,e,"ECONNABORTED",d)),d=null},r.isStandardBrowserEnv()){var g=(e.withCredentials||c(y))&&e.xsrfCookieName?i.read(e.xsrfCookieName):void 0;g&&(l[e.xsrfHeaderName]=g)}if("setRequestHeader"in d&&r.forEach(l,(function(e,t){void 0===p&&"content-type"===t.toLowerCase()?delete l[t]:d.setRequestHeader(t,e)})),r.isUndefined(e.withCredentials)||(d.withCredentials=!!e.withCredentials),e.responseType)try{d.responseType=e.responseType}catch(t){if("json"!==e.responseType)throw t}"function"==typeof e.onDownloadProgress&&d.addEventListener("progress",e.onDownloadProgress),"function"==typeof e.onUploadProgress&&d.upload&&d.upload.addEventListener("progress",e.onUploadProgress),e.cancelToken&&e.cancelToken.promise.then((function(e){d&&(d.abort(),n(e),d=null)})),p||(p=null),d.send(p)}))}},186:function(e,t,n){"use strict";var r=n(220);e.exports=function(e,t,n,o,i){var s=new Error(e);return r(s,t,n,o,i)}},187:function(e,t,n){"use strict";var r=n(160);e.exports=function(e,t){t=t||{};var n={},o=["url","method","data"],i=["headers","auth","proxy","params"],s=["baseURL","transformRequest","transformResponse","paramsSerializer","timeout","timeoutMessage","withCredentials","adapter","responseType","xsrfCookieName","xsrfHeaderName","onUploadProgress","onDownloadProgress","decompress","maxContentLength","maxBodyLength","maxRedirects","transport","httpAgent","httpsAgent","cancelToken","socketPath","responseEncoding"],a=["validateStatus"];function u(e,t){return r.isPlainObject(e)&&r.isPlainObject(t)?r.merge(e,t):r.isPlainObject(t)?r.merge({},t):r.isArray(t)?t.slice():t}function c(o){r.isUndefined(t[o])?r.isUndefined(e[o])||(n[o]=u(void 0,e[o])):n[o]=u(e[o],t[o])}r.forEach(o,(function(e){r.isUndefined(t[e])||(n[e]=u(void 0,t[e]))})),r.forEach(i,c),r.forEach(s,(function(o){r.isUndefined(t[o])?r.isUndefined(e[o])||(n[o]=u(void 0,e[o])):n[o]=u(void 0,t[o])})),r.forEach(a,(function(r){r in t?n[r]=u(e[r],t[r]):r in e&&(n[r]=u(void 0,e[r]))}));var f=o.concat(i).concat(s).concat(a),p=Object.keys(e).concat(Object.keys(t)).filter((function(e){return-1===f.indexOf(e)}));return r.forEach(p,c),n}},188:function(e,t,n){"use strict";function r(e){this.message=e}r.prototype.toString=function(){return"Cancel"+(this.message?": "+this.message:"")},r.prototype.__CANCEL__=!0,e.exports=r},213:function(e,t,n){"use strict";var r=n(160),o=n(181),i=n(214),s=n(187);function a(e){var t=new i(e),n=o(i.prototype.request,t);return r.extend(n,i.prototype,t),r.extend(n,t),n}var u=a(n(184));u.Axios=i,u.create=function(e){return a(s(u.defaults,e))},u.Cancel=n(188),u.CancelToken=n(227),u.isCancel=n(183),u.all=function(e){return Promise.all(e)},u.spread=n(228),u.isAxiosError=n(229),e.exports=u,e.exports.default=u},214:function(e,t,n){"use strict";var r=n(160),o=n(182),i=n(215),s=n(216),a=n(187);function u(e){this.defaults=e,this.interceptors={request:new i,response:new i}}u.prototype.request=function(e){"string"==typeof e?(e=arguments[1]||{}).url=arguments[0]:e=e||{},(e=a(this.defaults,e)).method?e.method=e.method.toLowerCase():this.defaults.method?e.method=this.defaults.method.toLowerCase():e.method="get";var t=[s,void 0],n=Promise.resolve(e);for(this.interceptors.request.forEach((function(e){t.unshift(e.fulfilled,e.rejected)})),this.interceptors.response.forEach((function(e){t.push(e.fulfilled,e.rejected)}));t.length;)n=n.then(t.shift(),t.shift());return n},u.prototype.getUri=function(e){return e=a(this.defaults,e),o(e.url,e.params,e.paramsSerializer).replace(/^\?/,"")},r.forEach(["delete","get","head","options"],(function(e){u.prototype[e]=function(t,n){return this.request(a(n||{},{method:e,url:t,data:(n||{}).data}))}})),r.forEach(["post","put","patch"],(function(e){u.prototype[e]=function(t,n,r){return this.request(a(r||{},{method:e,url:t,data:n}))}})),e.exports=u},215:function(e,t,n){"use strict";var r=n(160);function o(){this.handlers=[]}o.prototype.use=function(e,t){return this.handlers.push({fulfilled:e,rejected:t}),this.handlers.length-1},o.prototype.eject=function(e){this.handlers[e]&&(this.handlers[e]=null)},o.prototype.forEach=function(e){r.forEach(this.handlers,(function(t){null!==t&&e(t)}))},e.exports=o},216:function(e,t,n){"use strict";var r=n(160),o=n(217),i=n(183),s=n(184);function a(e){e.cancelToken&&e.cancelToken.throwIfRequested()}e.exports=function(e){return a(e),e.headers=e.headers||{},e.data=o(e.data,e.headers,e.transformRequest),e.headers=r.merge(e.headers.common||{},e.headers[e.method]||{},e.headers),r.forEach(["delete","get","head","post","put","patch","common"],(function(t){delete e.headers[t]})),(e.adapter||s.adapter)(e).then((function(t){return a(e),t.data=o(t.data,t.headers,e.transformResponse),t}),(function(t){return i(t)||(a(e),t&&t.response&&(t.response.data=o(t.response.data,t.response.headers,e.transformResponse))),Promise.reject(t)}))}},217:function(e,t,n){"use strict";var r=n(160);e.exports=function(e,t,n){return r.forEach(n,(function(n){e=n(e,t)})),e}},218:function(e,t,n){"use strict";var r=n(160);e.exports=function(e,t){r.forEach(e,(function(n,r){r!==t&&r.toUpperCase()===t.toUpperCase()&&(e[t]=n,delete e[r])}))}},219:function(e,t,n){"use strict";var r=n(186);e.exports=function(e,t,n){var o=n.config.validateStatus;n.status&&o&&!o(n.status)?t(r("Request failed with status code "+n.status,n.config,null,n.request,n)):e(n)}},220:function(e,t,n){"use strict";e.exports=function(e,t,n,r,o){return e.config=t,n&&(e.code=n),e.request=r,e.response=o,e.isAxiosError=!0,e.toJSON=function(){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:this.config,code:this.code}},e}},221:function(e,t,n){"use strict";var r=n(160);e.exports=r.isStandardBrowserEnv()?{write:function(e,t,n,o,i,s){var a=[];a.push(e+"="+encodeURIComponent(t)),r.isNumber(n)&&a.push("expires="+new Date(n).toGMTString()),r.isString(o)&&a.push("path="+o),r.isString(i)&&a.push("domain="+i),!0===s&&a.push("secure"),document.cookie=a.join("; ")},read:function(e){var t=document.cookie.match(new RegExp("(^|;\\s*)("+e+")=([^;]*)"));return t?decodeURIComponent(t[3]):null},remove:function(e){this.write(e,"",Date.now()-864e5)}}:{write:function(){},read:function(){return null},remove:function(){}}},222:function(e,t,n){"use strict";var r=n(223),o=n(224);e.exports=function(e,t){return e&&!r(t)?o(e,t):t}},223:function(e,t,n){"use strict";e.exports=function(e){return/^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(e)}},224:function(e,t,n){"use strict";e.exports=function(e,t){return t?e.replace(/\/+$/,"")+"/"+t.replace(/^\/+/,""):e}},225:function(e,t,n){"use strict";var r=n(160),o=["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"];e.exports=function(e){var t,n,i,s={};return e?(r.forEach(e.split("\n"),(function(e){if(i=e.indexOf(":"),t=r.trim(e.substr(0,i)).toLowerCase(),n=r.trim(e.substr(i+1)),t){if(s[t]&&o.indexOf(t)>=0)return;s[t]="set-cookie"===t?(s[t]?s[t]:[]).concat([n]):s[t]?s[t]+", "+n:n}})),s):s}},226:function(e,t,n){"use strict";var r=n(160);e.exports=r.isStandardBrowserEnv()?function(){var e,t=/(msie|trident)/i.test(navigator.userAgent),n=document.createElement("a");function o(e){var r=e;return t&&(n.setAttribute("href",r),r=n.href),n.setAttribute("href",r),{href:n.href,protocol:n.protocol?n.protocol.replace(/:$/,""):"",host:n.host,search:n.search?n.search.replace(/^\?/,""):"",hash:n.hash?n.hash.replace(/^#/,""):"",hostname:n.hostname,port:n.port,pathname:"/"===n.pathname.charAt(0)?n.pathname:"/"+n.pathname}}return e=o(window.location.href),function(t){var n=r.isString(t)?o(t):t;return n.protocol===e.protocol&&n.host===e.host}}():function(){return!0}},227:function(e,t,n){"use strict";var r=n(188);function o(e){if("function"!=typeof e)throw new TypeError("executor must be a function.");var t;this.promise=new Promise((function(e){t=e}));var n=this;e((function(e){n.reason||(n.reason=new r(e),t(n.reason))}))}o.prototype.throwIfRequested=function(){if(this.reason)throw this.reason},o.source=function(){var e;return{token:new o((function(t){e=t})),cancel:e}},e.exports=o},228:function(e,t,n){"use strict";e.exports=function(e){return function(t){return e.apply(null,t)}}},229:function(e,t,n){"use strict";e.exports=function(e){return"object"==typeof e&&!0===e.isAxiosError}}}]);
1
+ (window.webpackJsonp_font_awesome_admin=window.webpackJsonp_font_awesome_admin||[]).push([[0],{161:function(e,t,n){"use strict";var r=n(182),o=Object.prototype.toString;function i(e){return"[object Array]"===o.call(e)}function s(e){return void 0===e}function a(e){return null!==e&&"object"==typeof e}function u(e){if("[object Object]"!==o.call(e))return!1;var t=Object.getPrototypeOf(e);return null===t||t===Object.prototype}function c(e){return"[object Function]"===o.call(e)}function f(e,t){if(null!=e)if("object"!=typeof e&&(e=[e]),i(e))for(var n=0,r=e.length;n<r;n++)t.call(null,e[n],n,e);else for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.call(null,e[o],o,e)}e.exports={isArray:i,isArrayBuffer:function(e){return"[object ArrayBuffer]"===o.call(e)},isBuffer:function(e){return null!==e&&!s(e)&&null!==e.constructor&&!s(e.constructor)&&"function"==typeof e.constructor.isBuffer&&e.constructor.isBuffer(e)},isFormData:function(e){return"undefined"!=typeof FormData&&e instanceof FormData},isArrayBufferView:function(e){return"undefined"!=typeof ArrayBuffer&&ArrayBuffer.isView?ArrayBuffer.isView(e):e&&e.buffer&&e.buffer instanceof ArrayBuffer},isString:function(e){return"string"==typeof e},isNumber:function(e){return"number"==typeof e},isObject:a,isPlainObject:u,isUndefined:s,isDate:function(e){return"[object Date]"===o.call(e)},isFile:function(e){return"[object File]"===o.call(e)},isBlob:function(e){return"[object Blob]"===o.call(e)},isFunction:c,isStream:function(e){return a(e)&&c(e.pipe)},isURLSearchParams:function(e){return"undefined"!=typeof URLSearchParams&&e instanceof URLSearchParams},isStandardBrowserEnv:function(){return("undefined"==typeof navigator||"ReactNative"!==navigator.product&&"NativeScript"!==navigator.product&&"NS"!==navigator.product)&&"undefined"!=typeof window&&"undefined"!=typeof document},forEach:f,merge:function e(){var t={};function n(n,r){u(t[r])&&u(n)?t[r]=e(t[r],n):u(n)?t[r]=e({},n):i(n)?t[r]=n.slice():t[r]=n}for(var r=0,o=arguments.length;r<o;r++)f(arguments[r],n);return t},extend:function(e,t,n){return f(t,(function(t,o){e[o]=n&&"function"==typeof t?r(t,n):t})),e},trim:function(e){return e.replace(/^\s*/,"").replace(/\s*$/,"")},stripBOM:function(e){return 65279===e.charCodeAt(0)&&(e=e.slice(1)),e}}},170:function(e,t){var n,r,o=e.exports={};function i(){throw new Error("setTimeout has not been defined")}function s(){throw new Error("clearTimeout has not been defined")}function a(e){if(n===setTimeout)return setTimeout(e,0);if((n===i||!n)&&setTimeout)return n=setTimeout,setTimeout(e,0);try{return n(e,0)}catch(t){try{return n.call(null,e,0)}catch(t){return n.call(this,e,0)}}}!function(){try{n="function"==typeof setTimeout?setTimeout:i}catch(e){n=i}try{r="function"==typeof clearTimeout?clearTimeout:s}catch(e){r=s}}();var u,c=[],f=!1,p=-1;function l(){f&&u&&(f=!1,u.length?c=u.concat(c):p=-1,c.length&&d())}function d(){if(!f){var e=a(l);f=!0;for(var t=c.length;t;){for(u=c,c=[];++p<t;)u&&u[p].run();p=-1,t=c.length}u=null,f=!1,function(e){if(r===clearTimeout)return clearTimeout(e);if((r===s||!r)&&clearTimeout)return r=clearTimeout,clearTimeout(e);try{r(e)}catch(t){try{return r.call(null,e)}catch(t){return r.call(this,e)}}}(e)}}function h(e,t){this.fun=e,this.array=t}function m(){}o.nextTick=function(e){var t=new Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)t[n-1]=arguments[n];c.push(new h(e,t)),1!==c.length||f||a(d)},h.prototype.run=function(){this.fun.apply(null,this.array)},o.title="browser",o.browser=!0,o.env={},o.argv=[],o.version="",o.versions={},o.on=m,o.addListener=m,o.once=m,o.off=m,o.removeListener=m,o.removeAllListeners=m,o.emit=m,o.prependListener=m,o.prependOnceListener=m,o.listeners=function(e){return[]},o.binding=function(e){throw new Error("process.binding is not supported")},o.cwd=function(){return"/"},o.chdir=function(e){throw new Error("process.chdir is not supported")},o.umask=function(){return 0}},171:function(e,t,n){e.exports=n(214)},182:function(e,t,n){"use strict";e.exports=function(e,t){return function(){for(var n=new Array(arguments.length),r=0;r<n.length;r++)n[r]=arguments[r];return e.apply(t,n)}}},183:function(e,t,n){"use strict";var r=n(161);function o(e){return encodeURIComponent(e).replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"+").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}e.exports=function(e,t,n){if(!t)return e;var i;if(n)i=n(t);else if(r.isURLSearchParams(t))i=t.toString();else{var s=[];r.forEach(t,(function(e,t){null!=e&&(r.isArray(e)?t+="[]":e=[e],r.forEach(e,(function(e){r.isDate(e)?e=e.toISOString():r.isObject(e)&&(e=JSON.stringify(e)),s.push(o(t)+"="+o(e))})))})),i=s.join("&")}if(i){var a=e.indexOf("#");-1!==a&&(e=e.slice(0,a)),e+=(-1===e.indexOf("?")?"?":"&")+i}return e}},184:function(e,t,n){"use strict";e.exports=function(e){return!(!e||!e.__CANCEL__)}},185:function(e,t,n){"use strict";(function(t){var r=n(161),o=n(219),i={"Content-Type":"application/x-www-form-urlencoded"};function s(e,t){!r.isUndefined(e)&&r.isUndefined(e["Content-Type"])&&(e["Content-Type"]=t)}var a,u={adapter:(("undefined"!=typeof XMLHttpRequest||void 0!==t&&"[object process]"===Object.prototype.toString.call(t))&&(a=n(186)),a),transformRequest:[function(e,t){return o(t,"Accept"),o(t,"Content-Type"),r.isFormData(e)||r.isArrayBuffer(e)||r.isBuffer(e)||r.isStream(e)||r.isFile(e)||r.isBlob(e)?e:r.isArrayBufferView(e)?e.buffer:r.isURLSearchParams(e)?(s(t,"application/x-www-form-urlencoded;charset=utf-8"),e.toString()):r.isObject(e)?(s(t,"application/json;charset=utf-8"),JSON.stringify(e)):e}],transformResponse:[function(e){if("string"==typeof e)try{e=JSON.parse(e)}catch(e){}return e}],timeout:0,xsrfCookieName:"XSRF-TOKEN",xsrfHeaderName:"X-XSRF-TOKEN",maxContentLength:-1,maxBodyLength:-1,validateStatus:function(e){return e>=200&&e<300},headers:{common:{Accept:"application/json, text/plain, */*"}}};r.forEach(["delete","get","head"],(function(e){u.headers[e]={}})),r.forEach(["post","put","patch"],(function(e){u.headers[e]=r.merge(i)})),e.exports=u}).call(this,n(170))},186:function(e,t,n){"use strict";var r=n(161),o=n(220),i=n(222),s=n(183),a=n(223),u=n(226),c=n(227),f=n(187);e.exports=function(e){return new Promise((function(t,n){var p=e.data,l=e.headers;r.isFormData(p)&&delete l["Content-Type"];var d=new XMLHttpRequest;if(e.auth){var h=e.auth.username||"",m=e.auth.password?unescape(encodeURIComponent(e.auth.password)):"";l.Authorization="Basic "+btoa(h+":"+m)}var y=a(e.baseURL,e.url);if(d.open(e.method.toUpperCase(),s(y,e.params,e.paramsSerializer),!0),d.timeout=e.timeout,d.onreadystatechange=function(){if(d&&4===d.readyState&&(0!==d.status||d.responseURL&&0===d.responseURL.indexOf("file:"))){var r="getAllResponseHeaders"in d?u(d.getAllResponseHeaders()):null,i={data:e.responseType&&"text"!==e.responseType?d.response:d.responseText,status:d.status,statusText:d.statusText,headers:r,config:e,request:d};o(t,n,i),d=null}},d.onabort=function(){d&&(n(f("Request aborted",e,"ECONNABORTED",d)),d=null)},d.onerror=function(){n(f("Network Error",e,null,d)),d=null},d.ontimeout=function(){var t="timeout of "+e.timeout+"ms exceeded";e.timeoutErrorMessage&&(t=e.timeoutErrorMessage),n(f(t,e,"ECONNABORTED",d)),d=null},r.isStandardBrowserEnv()){var g=(e.withCredentials||c(y))&&e.xsrfCookieName?i.read(e.xsrfCookieName):void 0;g&&(l[e.xsrfHeaderName]=g)}if("setRequestHeader"in d&&r.forEach(l,(function(e,t){void 0===p&&"content-type"===t.toLowerCase()?delete l[t]:d.setRequestHeader(t,e)})),r.isUndefined(e.withCredentials)||(d.withCredentials=!!e.withCredentials),e.responseType)try{d.responseType=e.responseType}catch(t){if("json"!==e.responseType)throw t}"function"==typeof e.onDownloadProgress&&d.addEventListener("progress",e.onDownloadProgress),"function"==typeof e.onUploadProgress&&d.upload&&d.upload.addEventListener("progress",e.onUploadProgress),e.cancelToken&&e.cancelToken.promise.then((function(e){d&&(d.abort(),n(e),d=null)})),p||(p=null),d.send(p)}))}},187:function(e,t,n){"use strict";var r=n(221);e.exports=function(e,t,n,o,i){var s=new Error(e);return r(s,t,n,o,i)}},188:function(e,t,n){"use strict";var r=n(161);e.exports=function(e,t){t=t||{};var n={},o=["url","method","data"],i=["headers","auth","proxy","params"],s=["baseURL","transformRequest","transformResponse","paramsSerializer","timeout","timeoutMessage","withCredentials","adapter","responseType","xsrfCookieName","xsrfHeaderName","onUploadProgress","onDownloadProgress","decompress","maxContentLength","maxBodyLength","maxRedirects","transport","httpAgent","httpsAgent","cancelToken","socketPath","responseEncoding"],a=["validateStatus"];function u(e,t){return r.isPlainObject(e)&&r.isPlainObject(t)?r.merge(e,t):r.isPlainObject(t)?r.merge({},t):r.isArray(t)?t.slice():t}function c(o){r.isUndefined(t[o])?r.isUndefined(e[o])||(n[o]=u(void 0,e[o])):n[o]=u(e[o],t[o])}r.forEach(o,(function(e){r.isUndefined(t[e])||(n[e]=u(void 0,t[e]))})),r.forEach(i,c),r.forEach(s,(function(o){r.isUndefined(t[o])?r.isUndefined(e[o])||(n[o]=u(void 0,e[o])):n[o]=u(void 0,t[o])})),r.forEach(a,(function(r){r in t?n[r]=u(e[r],t[r]):r in e&&(n[r]=u(void 0,e[r]))}));var f=o.concat(i).concat(s).concat(a),p=Object.keys(e).concat(Object.keys(t)).filter((function(e){return-1===f.indexOf(e)}));return r.forEach(p,c),n}},189:function(e,t,n){"use strict";function r(e){this.message=e}r.prototype.toString=function(){return"Cancel"+(this.message?": "+this.message:"")},r.prototype.__CANCEL__=!0,e.exports=r},214:function(e,t,n){"use strict";var r=n(161),o=n(182),i=n(215),s=n(188);function a(e){var t=new i(e),n=o(i.prototype.request,t);return r.extend(n,i.prototype,t),r.extend(n,t),n}var u=a(n(185));u.Axios=i,u.create=function(e){return a(s(u.defaults,e))},u.Cancel=n(189),u.CancelToken=n(228),u.isCancel=n(184),u.all=function(e){return Promise.all(e)},u.spread=n(229),u.isAxiosError=n(230),e.exports=u,e.exports.default=u},215:function(e,t,n){"use strict";var r=n(161),o=n(183),i=n(216),s=n(217),a=n(188);function u(e){this.defaults=e,this.interceptors={request:new i,response:new i}}u.prototype.request=function(e){"string"==typeof e?(e=arguments[1]||{}).url=arguments[0]:e=e||{},(e=a(this.defaults,e)).method?e.method=e.method.toLowerCase():this.defaults.method?e.method=this.defaults.method.toLowerCase():e.method="get";var t=[s,void 0],n=Promise.resolve(e);for(this.interceptors.request.forEach((function(e){t.unshift(e.fulfilled,e.rejected)})),this.interceptors.response.forEach((function(e){t.push(e.fulfilled,e.rejected)}));t.length;)n=n.then(t.shift(),t.shift());return n},u.prototype.getUri=function(e){return e=a(this.defaults,e),o(e.url,e.params,e.paramsSerializer).replace(/^\?/,"")},r.forEach(["delete","get","head","options"],(function(e){u.prototype[e]=function(t,n){return this.request(a(n||{},{method:e,url:t,data:(n||{}).data}))}})),r.forEach(["post","put","patch"],(function(e){u.prototype[e]=function(t,n,r){return this.request(a(r||{},{method:e,url:t,data:n}))}})),e.exports=u},216:function(e,t,n){"use strict";var r=n(161);function o(){this.handlers=[]}o.prototype.use=function(e,t){return this.handlers.push({fulfilled:e,rejected:t}),this.handlers.length-1},o.prototype.eject=function(e){this.handlers[e]&&(this.handlers[e]=null)},o.prototype.forEach=function(e){r.forEach(this.handlers,(function(t){null!==t&&e(t)}))},e.exports=o},217:function(e,t,n){"use strict";var r=n(161),o=n(218),i=n(184),s=n(185);function a(e){e.cancelToken&&e.cancelToken.throwIfRequested()}e.exports=function(e){return a(e),e.headers=e.headers||{},e.data=o(e.data,e.headers,e.transformRequest),e.headers=r.merge(e.headers.common||{},e.headers[e.method]||{},e.headers),r.forEach(["delete","get","head","post","put","patch","common"],(function(t){delete e.headers[t]})),(e.adapter||s.adapter)(e).then((function(t){return a(e),t.data=o(t.data,t.headers,e.transformResponse),t}),(function(t){return i(t)||(a(e),t&&t.response&&(t.response.data=o(t.response.data,t.response.headers,e.transformResponse))),Promise.reject(t)}))}},218:function(e,t,n){"use strict";var r=n(161);e.exports=function(e,t,n){return r.forEach(n,(function(n){e=n(e,t)})),e}},219:function(e,t,n){"use strict";var r=n(161);e.exports=function(e,t){r.forEach(e,(function(n,r){r!==t&&r.toUpperCase()===t.toUpperCase()&&(e[t]=n,delete e[r])}))}},220:function(e,t,n){"use strict";var r=n(187);e.exports=function(e,t,n){var o=n.config.validateStatus;n.status&&o&&!o(n.status)?t(r("Request failed with status code "+n.status,n.config,null,n.request,n)):e(n)}},221:function(e,t,n){"use strict";e.exports=function(e,t,n,r,o){return e.config=t,n&&(e.code=n),e.request=r,e.response=o,e.isAxiosError=!0,e.toJSON=function(){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:this.config,code:this.code}},e}},222:function(e,t,n){"use strict";var r=n(161);e.exports=r.isStandardBrowserEnv()?{write:function(e,t,n,o,i,s){var a=[];a.push(e+"="+encodeURIComponent(t)),r.isNumber(n)&&a.push("expires="+new Date(n).toGMTString()),r.isString(o)&&a.push("path="+o),r.isString(i)&&a.push("domain="+i),!0===s&&a.push("secure"),document.cookie=a.join("; ")},read:function(e){var t=document.cookie.match(new RegExp("(^|;\\s*)("+e+")=([^;]*)"));return t?decodeURIComponent(t[3]):null},remove:function(e){this.write(e,"",Date.now()-864e5)}}:{write:function(){},read:function(){return null},remove:function(){}}},223:function(e,t,n){"use strict";var r=n(224),o=n(225);e.exports=function(e,t){return e&&!r(t)?o(e,t):t}},224:function(e,t,n){"use strict";e.exports=function(e){return/^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(e)}},225:function(e,t,n){"use strict";e.exports=function(e,t){return t?e.replace(/\/+$/,"")+"/"+t.replace(/^\/+/,""):e}},226:function(e,t,n){"use strict";var r=n(161),o=["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"];e.exports=function(e){var t,n,i,s={};return e?(r.forEach(e.split("\n"),(function(e){if(i=e.indexOf(":"),t=r.trim(e.substr(0,i)).toLowerCase(),n=r.trim(e.substr(i+1)),t){if(s[t]&&o.indexOf(t)>=0)return;s[t]="set-cookie"===t?(s[t]?s[t]:[]).concat([n]):s[t]?s[t]+", "+n:n}})),s):s}},227:function(e,t,n){"use strict";var r=n(161);e.exports=r.isStandardBrowserEnv()?function(){var e,t=/(msie|trident)/i.test(navigator.userAgent),n=document.createElement("a");function o(e){var r=e;return t&&(n.setAttribute("href",r),r=n.href),n.setAttribute("href",r),{href:n.href,protocol:n.protocol?n.protocol.replace(/:$/,""):"",host:n.host,search:n.search?n.search.replace(/^\?/,""):"",hash:n.hash?n.hash.replace(/^#/,""):"",hostname:n.hostname,port:n.port,pathname:"/"===n.pathname.charAt(0)?n.pathname:"/"+n.pathname}}return e=o(window.location.href),function(t){var n=r.isString(t)?o(t):t;return n.protocol===e.protocol&&n.host===e.host}}():function(){return!0}},228:function(e,t,n){"use strict";var r=n(189);function o(e){if("function"!=typeof e)throw new TypeError("executor must be a function.");var t;this.promise=new Promise((function(e){t=e}));var n=this;e((function(e){n.reason||(n.reason=new r(e),t(n.reason))}))}o.prototype.throwIfRequested=function(){if(this.reason)throw this.reason},o.source=function(){var e;return{token:new o((function(t){e=t})),cancel:e}},e.exports=o},229:function(e,t,n){"use strict";e.exports=function(e){return function(t){return e.apply(null,t)}}},230:function(e,t,n){"use strict";e.exports=function(e){return"object"==typeof e&&!0===e.isAxiosError}}}]);
admin/build/{1.js → 1-16834b5c7e696f7787cf.js} RENAMED
@@ -1 +1 @@
1
- (window.webpackJsonp_font_awesome_admin=window.webpackJsonp_font_awesome_admin||[]).push([[1],{165:function(t,n,r){var e=r(254),o=r(195);t.exports=function(t,n){return null!=t&&o(t,n,e)}},171:function(t,n,r){var e=r(233)(r(249));t.exports=e},176:function(t,n,r){var e=r(230)(r(15));t.exports=e},177:function(t,n,r){var e=r(234),o=r(244),u=r(61),i=r(2),f=r(247);t.exports=function(t){return"function"==typeof t?t:null==t?u:"object"==typeof t?i(t)?o(t[0],t[1]):e(t):f(t)}},178:function(t,n,r){var e=r(236),o=r(3);t.exports=function t(n,r,u,i,f){return n===r||(null==n||null==r||!o(n)&&!o(r)?n!=n&&r!=r:e(n,r,u,i,t,f))}},179:function(t,n,r){var e=r(250);t.exports=function(t){var n=e(t),r=n%1;return n==n?r?n-r:n:0}},189:function(t,n){t.exports=function(t){var n=-1,r=Array(t.size);return t.forEach((function(t,e){r[++n]=[e,t]})),r}},190:function(t,n,r){var e=r(191),o=r(239),u=r(192);t.exports=function(t,n,r,i,f,c){var a=1&r,s=t.length,v=n.length;if(s!=v&&!(a&&v>s))return!1;var p=c.get(t),l=c.get(n);if(p&&l)return p==n&&l==t;var b=-1,x=!0,h=2&r?new e:void 0;for(c.set(t,n),c.set(n,t);++b<s;){var _=t[b],d=n[b];if(i)var g=a?i(d,_,b,n,t,c):i(_,d,b,t,n,c);if(void 0!==g){if(g)continue;x=!1;break}if(h){if(!o(n,(function(t,n){if(!u(h,n)&&(_===t||f(_,t,r,i,c)))return h.push(n)}))){x=!1;break}}else if(_!==d&&!f(_,d,r,i,c)){x=!1;break}}return c.delete(t),c.delete(n),x}},191:function(t,n,r){var e=r(35),o=r(237),u=r(238);function i(t){var n=-1,r=null==t?0:t.length;for(this.__data__=new e;++n<r;)this.add(t[n])}i.prototype.add=i.prototype.push=o,i.prototype.has=u,t.exports=i},192:function(t,n){t.exports=function(t,n){return t.has(n)}},193:function(t,n,r){var e=r(7);t.exports=function(t){return t==t&&!e(t)}},194:function(t,n){t.exports=function(t,n){return function(r){return null!=r&&r[t]===n&&(void 0!==n||t in Object(r))}}},195:function(t,n,r){var e=r(19),o=r(36),u=r(2),i=r(63),f=r(34),c=r(31);t.exports=function(t,n,r){for(var a=-1,s=(n=e(n,t)).length,v=!1;++a<s;){var p=c(n[a]);if(!(v=null!=t&&r(t,p)))break;t=t[p]}return v||++a!=s?v:!!(s=null==t?0:t.length)&&f(s)&&i(p,s)&&(u(t)||o(t))}},196:function(t,n){t.exports=function(t,n,r,e){for(var o=t.length,u=r+(e?1:-1);e?u--:++u<o;)if(n(t[u],u,t))return u;return-1}},230:function(t,n,r){var e=r(231),o=r(10),u=r(189),i=r(232);t.exports=function(t){return function(n){var r=o(n);return"[object Map]"==r?u(n):"[object Set]"==r?i(n):e(n,t(n))}}},231:function(t,n,r){var e=r(32);t.exports=function(t,n){return e(n,(function(n){return[n,t[n]]}))}},232:function(t,n){t.exports=function(t){var n=-1,r=Array(t.size);return t.forEach((function(t){r[++n]=[t,t]})),r}},233:function(t,n,r){var e=r(177),o=r(16),u=r(15);t.exports=function(t){return function(n,r,i){var f=Object(n);if(!o(n)){var c=e(r,3);n=u(n),r=function(t){return c(f[t],t,f)}}var a=t(n,r,i);return a>-1?f[c?n[a]:a]:void 0}}},234:function(t,n,r){var e=r(235),o=r(243),u=r(194);t.exports=function(t){var n=o(t);return 1==n.length&&n[0][2]?u(n[0][0],n[0][1]):function(r){return r===t||e(r,t,n)}}},235:function(t,n,r){var e=r(56),o=r(178);t.exports=function(t,n,r,u){var i=r.length,f=i,c=!u;if(null==t)return!f;for(t=Object(t);i--;){var a=r[i];if(c&&a[2]?a[1]!==t[a[0]]:!(a[0]in t))return!1}for(;++i<f;){var s=(a=r[i])[0],v=t[s],p=a[1];if(c&&a[2]){if(void 0===v&&!(s in t))return!1}else{var l=new e;if(u)var b=u(v,p,s,t,n,l);if(!(void 0===b?o(p,v,3,u,l):b))return!1}}return!0}},236:function(t,n,r){var e=r(56),o=r(190),u=r(240),i=r(242),f=r(10),c=r(2),a=r(37),s=r(64),v="[object Object]",p=Object.prototype.hasOwnProperty;t.exports=function(t,n,r,l,b,x){var h=c(t),_=c(n),d=h?"[object Array]":f(t),g=_?"[object Array]":f(n),y=(d="[object Arguments]"==d?v:d)==v,j=(g="[object Arguments]"==g?v:g)==v,w=d==g;if(w&&a(t)){if(!a(n))return!1;h=!0,y=!1}if(w&&!y)return x||(x=new e),h||s(t)?o(t,n,r,l,b,x):u(t,n,d,r,l,b,x);if(!(1&r)){var O=y&&p.call(t,"__wrapped__"),m=j&&p.call(n,"__wrapped__");if(O||m){var A=O?t.value():t,k=m?n.value():n;return x||(x=new e),b(A,k,r,l,x)}}return!!w&&(x||(x=new e),i(t,n,r,l,b,x))}},237:function(t,n){t.exports=function(t){return this.__data__.set(t,"__lodash_hash_undefined__"),this}},238:function(t,n){t.exports=function(t){return this.__data__.has(t)}},239:function(t,n){t.exports=function(t,n){for(var r=-1,e=null==t?0:t.length;++r<e;)if(n(t[r],r,t))return!0;return!1}},240:function(t,n,r){var e=r(8),o=r(66),u=r(33),i=r(190),f=r(189),c=r(241),a=e?e.prototype:void 0,s=a?a.valueOf:void 0;t.exports=function(t,n,r,e,a,v,p){switch(r){case"[object DataView]":if(t.byteLength!=n.byteLength||t.byteOffset!=n.byteOffset)return!1;t=t.buffer,n=n.buffer;case"[object ArrayBuffer]":return!(t.byteLength!=n.byteLength||!v(new o(t),new o(n)));case"[object Boolean]":case"[object Date]":case"[object Number]":return u(+t,+n);case"[object Error]":return t.name==n.name&&t.message==n.message;case"[object RegExp]":case"[object String]":return t==n+"";case"[object Map]":var l=f;case"[object Set]":var b=1&e;if(l||(l=c),t.size!=n.size&&!b)return!1;var x=p.get(t);if(x)return x==n;e|=2,p.set(t,n);var h=i(l(t),l(n),e,a,v,p);return p.delete(t),h;case"[object Symbol]":if(s)return s.call(t)==s.call(n)}return!1}},241:function(t,n){t.exports=function(t){var n=-1,r=Array(t.size);return t.forEach((function(t){r[++n]=t})),r}},242:function(t,n,r){var e=r(65),o=Object.prototype.hasOwnProperty;t.exports=function(t,n,r,u,i,f){var c=1&r,a=e(t),s=a.length;if(s!=e(n).length&&!c)return!1;for(var v=s;v--;){var p=a[v];if(!(c?p in n:o.call(n,p)))return!1}var l=f.get(t),b=f.get(n);if(l&&b)return l==n&&b==t;var x=!0;f.set(t,n),f.set(n,t);for(var h=c;++v<s;){var _=t[p=a[v]],d=n[p];if(u)var g=c?u(d,_,p,n,t,f):u(_,d,p,t,n,f);if(!(void 0===g?_===d||i(_,d,r,u,f):g)){x=!1;break}h||(h="constructor"==p)}if(x&&!h){var y=t.constructor,j=n.constructor;y==j||!("constructor"in t)||!("constructor"in n)||"function"==typeof y&&y instanceof y&&"function"==typeof j&&j instanceof j||(x=!1)}return f.delete(t),f.delete(n),x}},243:function(t,n,r){var e=r(193),o=r(15);t.exports=function(t){for(var n=o(t),r=n.length;r--;){var u=n[r],i=t[u];n[r]=[u,i,e(i)]}return n}},244:function(t,n,r){var e=r(178),o=r(0),u=r(245),i=r(57),f=r(193),c=r(194),a=r(31);t.exports=function(t,n){return i(t)&&f(n)?c(a(t),n):function(r){var i=o(r,t);return void 0===i&&i===n?u(r,t):e(n,i,3)}}},245:function(t,n,r){var e=r(246),o=r(195);t.exports=function(t,n){return null!=t&&o(t,n,e)}},246:function(t,n){t.exports=function(t,n){return null!=t&&n in Object(t)}},247:function(t,n,r){var e=r(62),o=r(248),u=r(57),i=r(31);t.exports=function(t){return u(t)?e(i(t)):o(t)}},248:function(t,n,r){var e=r(38);t.exports=function(t){return function(n){return e(n,t)}}},249:function(t,n,r){var e=r(196),o=r(177),u=r(179),i=Math.max;t.exports=function(t,n,r){var f=null==t?0:t.length;if(!f)return-1;var c=null==r?0:u(r);return c<0&&(c=i(f+c,0)),e(t,o(n,3),c)}},250:function(t,n,r){var e=r(251);t.exports=function(t){return t?(t=e(t))===1/0||t===-1/0?17976931348623157e292*(t<0?-1:1):t==t?t:0:0===t?t:0}},251:function(t,n,r){var e=r(252),o=r(7),u=r(20),i=/^[-+]0x[0-9a-f]+$/i,f=/^0b[01]+$/i,c=/^0o[0-7]+$/i,a=parseInt;t.exports=function(t){if("number"==typeof t)return t;if(u(t))return NaN;if(o(t)){var n="function"==typeof t.valueOf?t.valueOf():t;t=o(n)?n+"":n}if("string"!=typeof t)return 0===t?t:+t;t=e(t);var r=f.test(t);return r||c.test(t)?a(t.slice(2),r?2:8):i.test(t)?NaN:+t}},252:function(t,n,r){var e=r(253),o=/^\s+/;t.exports=function(t){return t?t.slice(0,e(t)+1).replace(o,""):t}},253:function(t,n){var r=/\s/;t.exports=function(t){for(var n=t.length;n--&&r.test(t.charAt(n)););return n}},254:function(t,n){var r=Object.prototype.hasOwnProperty;t.exports=function(t,n){return null!=t&&r.call(t,n)}}}]);
1
+ (window.webpackJsonp_font_awesome_admin=window.webpackJsonp_font_awesome_admin||[]).push([[1],{166:function(t,n,r){var e=r(255),o=r(196);t.exports=function(t,n){return null!=t&&o(t,n,e)}},172:function(t,n,r){var e=r(234)(r(250));t.exports=e},177:function(t,n,r){var e=r(231)(r(15));t.exports=e},178:function(t,n,r){var e=r(235),o=r(245),u=r(61),i=r(2),f=r(248);t.exports=function(t){return"function"==typeof t?t:null==t?u:"object"==typeof t?i(t)?o(t[0],t[1]):e(t):f(t)}},179:function(t,n,r){var e=r(237),o=r(3);t.exports=function t(n,r,u,i,f){return n===r||(null==n||null==r||!o(n)&&!o(r)?n!=n&&r!=r:e(n,r,u,i,t,f))}},180:function(t,n,r){var e=r(251);t.exports=function(t){var n=e(t),r=n%1;return n==n?r?n-r:n:0}},190:function(t,n){t.exports=function(t){var n=-1,r=Array(t.size);return t.forEach((function(t,e){r[++n]=[e,t]})),r}},191:function(t,n,r){var e=r(192),o=r(240),u=r(193);t.exports=function(t,n,r,i,f,c){var a=1&r,s=t.length,v=n.length;if(s!=v&&!(a&&v>s))return!1;var p=c.get(t),l=c.get(n);if(p&&l)return p==n&&l==t;var b=-1,x=!0,h=2&r?new e:void 0;for(c.set(t,n),c.set(n,t);++b<s;){var _=t[b],d=n[b];if(i)var g=a?i(d,_,b,n,t,c):i(_,d,b,t,n,c);if(void 0!==g){if(g)continue;x=!1;break}if(h){if(!o(n,(function(t,n){if(!u(h,n)&&(_===t||f(_,t,r,i,c)))return h.push(n)}))){x=!1;break}}else if(_!==d&&!f(_,d,r,i,c)){x=!1;break}}return c.delete(t),c.delete(n),x}},192:function(t,n,r){var e=r(35),o=r(238),u=r(239);function i(t){var n=-1,r=null==t?0:t.length;for(this.__data__=new e;++n<r;)this.add(t[n])}i.prototype.add=i.prototype.push=o,i.prototype.has=u,t.exports=i},193:function(t,n){t.exports=function(t,n){return t.has(n)}},194:function(t,n,r){var e=r(7);t.exports=function(t){return t==t&&!e(t)}},195:function(t,n){t.exports=function(t,n){return function(r){return null!=r&&r[t]===n&&(void 0!==n||t in Object(r))}}},196:function(t,n,r){var e=r(19),o=r(36),u=r(2),i=r(63),f=r(34),c=r(31);t.exports=function(t,n,r){for(var a=-1,s=(n=e(n,t)).length,v=!1;++a<s;){var p=c(n[a]);if(!(v=null!=t&&r(t,p)))break;t=t[p]}return v||++a!=s?v:!!(s=null==t?0:t.length)&&f(s)&&i(p,s)&&(u(t)||o(t))}},197:function(t,n){t.exports=function(t,n,r,e){for(var o=t.length,u=r+(e?1:-1);e?u--:++u<o;)if(n(t[u],u,t))return u;return-1}},231:function(t,n,r){var e=r(232),o=r(10),u=r(190),i=r(233);t.exports=function(t){return function(n){var r=o(n);return"[object Map]"==r?u(n):"[object Set]"==r?i(n):e(n,t(n))}}},232:function(t,n,r){var e=r(32);t.exports=function(t,n){return e(n,(function(n){return[n,t[n]]}))}},233:function(t,n){t.exports=function(t){var n=-1,r=Array(t.size);return t.forEach((function(t){r[++n]=[t,t]})),r}},234:function(t,n,r){var e=r(178),o=r(16),u=r(15);t.exports=function(t){return function(n,r,i){var f=Object(n);if(!o(n)){var c=e(r,3);n=u(n),r=function(t){return c(f[t],t,f)}}var a=t(n,r,i);return a>-1?f[c?n[a]:a]:void 0}}},235:function(t,n,r){var e=r(236),o=r(244),u=r(195);t.exports=function(t){var n=o(t);return 1==n.length&&n[0][2]?u(n[0][0],n[0][1]):function(r){return r===t||e(r,t,n)}}},236:function(t,n,r){var e=r(56),o=r(179);t.exports=function(t,n,r,u){var i=r.length,f=i,c=!u;if(null==t)return!f;for(t=Object(t);i--;){var a=r[i];if(c&&a[2]?a[1]!==t[a[0]]:!(a[0]in t))return!1}for(;++i<f;){var s=(a=r[i])[0],v=t[s],p=a[1];if(c&&a[2]){if(void 0===v&&!(s in t))return!1}else{var l=new e;if(u)var b=u(v,p,s,t,n,l);if(!(void 0===b?o(p,v,3,u,l):b))return!1}}return!0}},237:function(t,n,r){var e=r(56),o=r(191),u=r(241),i=r(243),f=r(10),c=r(2),a=r(37),s=r(64),v="[object Object]",p=Object.prototype.hasOwnProperty;t.exports=function(t,n,r,l,b,x){var h=c(t),_=c(n),d=h?"[object Array]":f(t),g=_?"[object Array]":f(n),y=(d="[object Arguments]"==d?v:d)==v,j=(g="[object Arguments]"==g?v:g)==v,w=d==g;if(w&&a(t)){if(!a(n))return!1;h=!0,y=!1}if(w&&!y)return x||(x=new e),h||s(t)?o(t,n,r,l,b,x):u(t,n,d,r,l,b,x);if(!(1&r)){var O=y&&p.call(t,"__wrapped__"),m=j&&p.call(n,"__wrapped__");if(O||m){var A=O?t.value():t,k=m?n.value():n;return x||(x=new e),b(A,k,r,l,x)}}return!!w&&(x||(x=new e),i(t,n,r,l,b,x))}},238:function(t,n){t.exports=function(t){return this.__data__.set(t,"__lodash_hash_undefined__"),this}},239:function(t,n){t.exports=function(t){return this.__data__.has(t)}},240:function(t,n){t.exports=function(t,n){for(var r=-1,e=null==t?0:t.length;++r<e;)if(n(t[r],r,t))return!0;return!1}},241:function(t,n,r){var e=r(8),o=r(66),u=r(33),i=r(191),f=r(190),c=r(242),a=e?e.prototype:void 0,s=a?a.valueOf:void 0;t.exports=function(t,n,r,e,a,v,p){switch(r){case"[object DataView]":if(t.byteLength!=n.byteLength||t.byteOffset!=n.byteOffset)return!1;t=t.buffer,n=n.buffer;case"[object ArrayBuffer]":return!(t.byteLength!=n.byteLength||!v(new o(t),new o(n)));case"[object Boolean]":case"[object Date]":case"[object Number]":return u(+t,+n);case"[object Error]":return t.name==n.name&&t.message==n.message;case"[object RegExp]":case"[object String]":return t==n+"";case"[object Map]":var l=f;case"[object Set]":var b=1&e;if(l||(l=c),t.size!=n.size&&!b)return!1;var x=p.get(t);if(x)return x==n;e|=2,p.set(t,n);var h=i(l(t),l(n),e,a,v,p);return p.delete(t),h;case"[object Symbol]":if(s)return s.call(t)==s.call(n)}return!1}},242:function(t,n){t.exports=function(t){var n=-1,r=Array(t.size);return t.forEach((function(t){r[++n]=t})),r}},243:function(t,n,r){var e=r(65),o=Object.prototype.hasOwnProperty;t.exports=function(t,n,r,u,i,f){var c=1&r,a=e(t),s=a.length;if(s!=e(n).length&&!c)return!1;for(var v=s;v--;){var p=a[v];if(!(c?p in n:o.call(n,p)))return!1}var l=f.get(t),b=f.get(n);if(l&&b)return l==n&&b==t;var x=!0;f.set(t,n),f.set(n,t);for(var h=c;++v<s;){var _=t[p=a[v]],d=n[p];if(u)var g=c?u(d,_,p,n,t,f):u(_,d,p,t,n,f);if(!(void 0===g?_===d||i(_,d,r,u,f):g)){x=!1;break}h||(h="constructor"==p)}if(x&&!h){var y=t.constructor,j=n.constructor;y==j||!("constructor"in t)||!("constructor"in n)||"function"==typeof y&&y instanceof y&&"function"==typeof j&&j instanceof j||(x=!1)}return f.delete(t),f.delete(n),x}},244:function(t,n,r){var e=r(194),o=r(15);t.exports=function(t){for(var n=o(t),r=n.length;r--;){var u=n[r],i=t[u];n[r]=[u,i,e(i)]}return n}},245:function(t,n,r){var e=r(179),o=r(0),u=r(246),i=r(57),f=r(194),c=r(195),a=r(31);t.exports=function(t,n){return i(t)&&f(n)?c(a(t),n):function(r){var i=o(r,t);return void 0===i&&i===n?u(r,t):e(n,i,3)}}},246:function(t,n,r){var e=r(247),o=r(196);t.exports=function(t,n){return null!=t&&o(t,n,e)}},247:function(t,n){t.exports=function(t,n){return null!=t&&n in Object(t)}},248:function(t,n,r){var e=r(62),o=r(249),u=r(57),i=r(31);t.exports=function(t){return u(t)?e(i(t)):o(t)}},249:function(t,n,r){var e=r(38);t.exports=function(t){return function(n){return e(n,t)}}},250:function(t,n,r){var e=r(197),o=r(178),u=r(180),i=Math.max;t.exports=function(t,n,r){var f=null==t?0:t.length;if(!f)return-1;var c=null==r?0:u(r);return c<0&&(c=i(f+c,0)),e(t,o(n,3),c)}},251:function(t,n,r){var e=r(252);t.exports=function(t){return t?(t=e(t))===1/0||t===-1/0?17976931348623157e292*(t<0?-1:1):t==t?t:0:0===t?t:0}},252:function(t,n,r){var e=r(253),o=r(7),u=r(20),i=/^[-+]0x[0-9a-f]+$/i,f=/^0b[01]+$/i,c=/^0o[0-7]+$/i,a=parseInt;t.exports=function(t){if("number"==typeof t)return t;if(u(t))return NaN;if(o(t)){var n="function"==typeof t.valueOf?t.valueOf():t;t=o(n)?n+"":n}if("string"!=typeof t)return 0===t?t:+t;t=e(t);var r=f.test(t);return r||c.test(t)?a(t.slice(2),r?2:8):i.test(t)?NaN:+t}},253:function(t,n,r){var e=r(254),o=/^\s+/;t.exports=function(t){return t?t.slice(0,e(t)+1).replace(o,""):t}},254:function(t,n){var r=/\s/;t.exports=function(t){for(var n=t.length;n--&&r.test(t.charAt(n)););return n}},255:function(t,n){var r=Object.prototype.hasOwnProperty;t.exports=function(t,n){return null!=t&&r.call(t,n)}}}]);
admin/build/{10.css → 10-e675b5067baddfafd83d.css} RENAMED
File without changes
admin/build/{10.js → 10-e675b5067baddfafd83d.js} RENAMED
@@ -1,3 +1,3 @@
1
- (window.webpackJsonp_font_awesome_admin=window.webpackJsonp_font_awesome_admin||[]).push([[10,14],{162:function(e,t,n){"use strict";t.a={"wrapper-div":"_35TQI7cRRp15ydziejZNoy","submit-wrapper":"_3QIm6lE3_EX2f59z0q3Ede","submit-status":"_3TCHz_sQqjXivSbu8MiKvt",fail:"_1YIouJH0q7UCTBBd12BrER","fail-icon-container":"_353VvfAeyV-4WmJBZ-tkC0",explanation:"_1vEI8NfIuh1fSKAYIdxKC-",success:"_3R04ypbcTVjJT0DScCE87I",icon:"_1fPOsMtv85dkpug7YpkldL","section-title":"xPbM1D0hJUwyZDh0WkN3u","section-divider":"_1cuQ6n0S--edzcQx_whnrh","table-header":"_1bLoERoE-BGwskaCAkn6xw","more-less":"_3tsAbJj5lQ3fpUeMEqDg-p","scanner-actions":"_30U7EZBjBNVomna8JKHFEJ","scanner-runstatus":"_1XXkMTmXJKrRINZtirKC7T",faPrimary:"_1siOaPuEaRzWSp4fFZ_W2Y","conflict-detection-timer":"QIDO3zZDiUtKj7XQmNN2d",warning:"_1gtusG9lK7YrzXaZbZTTs4","sr-only":"_1rRUnYP55zlaT6KqHN-cLO",flex:"G4t9VUzKqEB2I8N67GSNt","flex-row":"_1Zhm76V3gZvaSk2u-8LU4E","flex-column":"DB4dpze5GBTvE0qtOuHn1",relative:"_3XqW__5WId-s9mUanEZmsZ",status:"U3KfFCq2Yg5XUwDHVTlA4",good:"_35z3mEQb1qzaAr4-TTAsX7","success-icon":"_2K4pJT9BAJLYON5sCxbLPN",conflict:"_1Bl4DiNxOkbomwAWx332Pz","conflict-icon":"_5VtDxQoJVBUEd_38XDCyv","warning-icon":"_3uvV5f-ofcSZUWHmud2sQF","space-left":"_1kBF31q6Fah4Pv3KJtbt9N","input-radio-custom":"_2Wb5TPvigi6MHYYjcecbxu","checked-icon":"_2qZbfXDutx3ncJTXjOwf71","input-checkbox-custom":"_7iqaMqPpiHwXZU7zXE6dw","unchecked-icon":"SQQV4UAUXLS5A0sgeAN9T","option-label-explanation":"WHTCjS863LJavtuGbeTQ1"}},163:function(e,t,n){"use strict";n.r(t),n.d(t,"CONFLICT_DETECTION_SCANNER_DURATION_MIN",(function(){return b})),n.d(t,"resetPendingOptions",(function(){return C})),n.d(t,"resetOptionsFormState",(function(){return D})),n.d(t,"addPendingOption",(function(){return I})),n.d(t,"updatePendingUnregisteredClientsForDeletion",(function(){return j})),n.d(t,"resetUnregisteredClientsDeletionStatus",(function(){return v})),n.d(t,"resetPendingBlocklistSubmissionStatus",(function(){return R})),n.d(t,"submitPendingUnregisteredClientDeletions",(function(){return P})),n.d(t,"updatePendingBlocklist",(function(){return A})),n.d(t,"submitPendingBlocklist",(function(){return x})),n.d(t,"checkPreferenceConflicts",(function(){return M})),n.d(t,"chooseAwayFromKitConfig",(function(){return k})),n.d(t,"chooseIntoKitConfig",(function(){return U})),n.d(t,"queryKits",(function(){return F})),n.d(t,"submitPendingOptions",(function(){return W})),n.d(t,"updateApiToken",(function(){return B})),n.d(t,"userAttemptToStopScanner",(function(){return L})),n.d(t,"reportDetectedConflicts",(function(){return K})),n.d(t,"snoozeV3DeprecationWarning",(function(){return q})),n.d(t,"setActiveAdminTab",(function(){return z})),n.d(t,"setConflictDetectionScanner",(function(){return X}));var o=n(170),s=n.n(o),r=n(176),a=n.n(r),c=n(29),i=n.n(c),l=n(0),u=n.n(l),d=n(171),m=n.n(d),f=n(166),p=n(150),_=n(165),E=n.n(_);const g=s.a.create(),b=10,h=Object(p.__)("Couldn't save those changes","font-awesome"),O=Object(p.__)("Couldn't check preferences","font-awesome"),T=Object(p.__)("A request to your WordPress server never received a response","font-awesome"),N=Object(p.__)("A request to your WordPress server failed","font-awesome"),y=Object(p.__)("Couldn't start the scanner","font-awesome"),S=Object(p.__)("Couldn't snooze","font-awesome");function w(e){const t=E()(e,"headers.fontawesome-confirmation");if(204===e.status&&""!==e.data)return Object(f.b)({error:null,confirmed:t,trimmed:e.data,expectEmpty:!0}),e.data={},e;const n=u()(e,"data",null),o="string"==typeof n&&i()(n)>0,s=o?function(e){if(!e||""===e)return null;const t=function e(t,n=0){let o=null,s=null;if("string"!=typeof t)return null;if(n>=t.length)return null;try{return o=JSON.parse(t.slice(n)),{start:n,parsed:o}}catch(e){const o=t.indexOf("[",n+1),r=t.indexOf("{",n+1);if(-1===o&&-1===r)return null;s=-1!==o&&-1!==r?o<r?o:r:-1!==r?r:o}return null===s?null:e(t,s)}(e);if(null===t)return null;{const{start:n,parsed:o}=t;return{start:n,json:e.slice(n),trimmed:e.slice(0,n),parsed:o}}}(n):{};if(o){if(null===s)return Object(f.b)({error:null,confirmed:t,trimmed:n}),e.data={},e;e.data=u()(s,"parsed")}const r=u()(s,"trimmed",""),a=u()(e,"data.errors",null);if(e.status>=400)return e.uiMessage=a?Object(f.b)({error:e.data,confirmed:t,trimmed:r}):Object(f.b)({error:null,confirmed:t,trimmed:r}),e;if(e.status<400&&e.status>=300)return t&&""===r||(e.uiMessage=Object(f.b)({error:null,confirmed:t,trimmed:r})),e;if(a){const n=!0;return e.falsePositive=!0,e.uiMessage=Object(f.b)({error:e.data,confirmed:t,falsePositive:n,trimmed:r}),e}{const n=u()(e,"data.error",null);return n?(e.uiMessage=Object(f.b)({error:n,ok:!0,confirmed:t,trimmed:r}),e):(t||(e.uiMessage=Object(f.b)({error:null,ok:!0,confirmed:t,trimmed:r})),e)}}function C(){return{type:"RESET_PENDING_OPTIONS"}}function D(){return{type:"OPTIONS_FORM_STATE_RESET"}}function I(e){return function(t,n){const{options:o}=n();for(const[n,s]of a()(e))t(o[n]===s?{type:"RESET_PENDING_OPTION",change:{[n]:s}}:{type:"ADD_PENDING_OPTION",change:{[n]:s}})}}function j(e=[]){return{type:"UPDATE_PENDING_UNREGISTERED_CLIENTS_FOR_DELETION",data:e}}function v(){return{type:"DELETE_UNREGISTERED_CLIENTS_RESET"}}function R(){return{type:"BLOCKLIST_UPDATE_RESET"}}function P(){return function(e,t){const{apiNonce:n,apiUrl:o,unregisteredClientsDeletionStatus:s}=t(),r=u()(s,"pending",null);if(!r||0===i()(r))return;e({type:"DELETE_UNREGISTERED_CLIENTS_START"});const a=({uiMessage:t})=>{e({type:"DELETE_UNREGISTERED_CLIENTS_END",success:!1,message:t||h})};return g.delete(o+"/conflict-detection/conflicts",{data:r,headers:{"X-WP-Nonce":n}}).then(t=>{const{status:n,data:o,falsePositive:s}=t;s?a(t):e({type:"DELETE_UNREGISTERED_CLIENTS_END",success:!0,data:204===n?null:o,message:""})}).catch(a)}}function A(e=[]){return{type:"UPDATE_PENDING_BLOCKLIST",data:e}}function x(){return function(e,t){const{apiNonce:n,apiUrl:o,blocklistUpdateStatus:s}=t(),r=u()(s,"pending",null);if(!r)return;e({type:"BLOCKLIST_UPDATE_START"});const a=({uiMessage:t})=>{e({type:"BLOCKLIST_UPDATE_END",success:!1,message:t||h})};return g.put(o+"/conflict-detection/conflicts/blocklist",r,{headers:{"X-WP-Nonce":n}}).then(t=>{const{status:n,data:o,falsePositive:s}=t;s?a(t):e({type:"BLOCKLIST_UPDATE_END",success:!0,data:204===n?null:o,message:""})}).catch(a)}}function M(){return function(e,t){e({type:"PREFERENCE_CHECK_START"});const{apiNonce:n,apiUrl:o,options:s,pendingOptions:r}=t(),a=({uiMessage:t})=>{e({type:"PREFERENCE_CHECK_END",success:!1,message:t||O})};return g.post(o+"/preference-check",{...s,...r},{headers:{"X-WP-Nonce":n}}).then(t=>{const{data:n,falsePositive:o}=t;o?a(t):e({type:"PREFERENCE_CHECK_END",success:!0,message:"",detectedConflicts:n})}).catch(a)}}function k({activeKitToken:e}){return function(t,n){const{releases:o}=n();t({type:"CHOOSE_AWAY_FROM_KIT_CONFIG",activeKitToken:e,concreteVersion:u()(o,"latest_version")})}}function U(){return{type:"CHOOSE_INTO_KIT_CONFIG"}}function F(){return function(e,t){const{apiNonce:n,apiUrl:o,options:s}=t(),r=u()(s,"kitToken",null);e({type:"KITS_QUERY_START"});const a=({uiMessage:t})=>{e({type:"KITS_QUERY_END",success:!1,message:t||Object(p.__)("Failed to fetch kits","font-awesome")})},c=({uiMessage:t})=>{e({type:"OPTIONS_FORM_SUBMIT_END",success:!1,message:t||Object(p.__)("Couldn't update latest kit settings","font-awesome")})};return g.post(o+"/api","query {\n me {\n kits {\n name\n version\n technologySelected\n licenseSelected\n minified\n token\n shimEnabled\n autoAccessibilityEnabled\n status\n }\n }\n }",{headers:{"X-WP-Nonce":n}}).then(t=>{if(t.falsePositive)return a(t);const i=u()(t,"data.data");if(!u()(i,"me"))return e({type:"KITS_QUERY_END",success:!1,message:Object(p.__)("Failed to fetch kits. Regenerate your API Token and try again.","font-awesome")});if(e({type:"KITS_QUERY_END",data:i,success:!0}),!r)return;const l=u()(i,"me.kits",[]),d=m()(l,{token:r});if(!d)return;const f={};return s.usePro&&"pro"!==d.licenseSelected?f.usePro=!1:s.usePro||"pro"!==d.licenseSelected||(f.usePro=!0),"svg"===s.technology&&"svg"!==d.technologySelected?(f.technology="webfont",f.pseudoElements=!0):"svg"!==s.technology&&"svg"===d.technologySelected&&(f.technology="svg",f.pseudoElements=!1),s.version!==d.version&&(f.version=d.version),s.v4Compat&&!d.shimEnabled?f.v4Compat=!1:!s.v4Compat&&d.shimEnabled&&(f.v4Compat=!0),e({type:"OPTIONS_FORM_SUBMIT_START"}),g.put(o+"/config",{options:{...s,...f}},{headers:{"X-WP-Nonce":n}}).then(t=>{const{data:n,falsePositive:o}=t;if(o)return c(t);e({type:"OPTIONS_FORM_SUBMIT_END",data:n,success:!0,message:Object(p.__)("Kit changes saved","font-awesome")})}).catch(c)}).catch(a)}}function W(){return function(e,t){const{apiNonce:n,apiUrl:o,options:s,pendingOptions:r}=t();e({type:"OPTIONS_FORM_SUBMIT_START"});const a=({uiMessage:t})=>{e({type:"OPTIONS_FORM_SUBMIT_END",success:!1,message:t||h})};return g.put(o+"/config",{options:{...s,...r}},{headers:{"X-WP-Nonce":n}}).then(t=>{const{data:n,falsePositive:o}=t;o?a(t):e({type:"OPTIONS_FORM_SUBMIT_END",data:n,success:!0,message:Object(p.__)("Changes saved","font-awesome")})}).catch(a)}}function B({apiToken:e=!1,runQueryKits:t=!1}){return function(n,o){const{apiNonce:s,apiUrl:r,options:a}=o();n({type:"OPTIONS_FORM_SUBMIT_START"});const c=({uiMessage:e})=>{n({type:"OPTIONS_FORM_SUBMIT_END",success:!1,message:e||h})};return g.put(r+"/config",{options:{...a,apiToken:e}},{headers:{"X-WP-Nonce":s}}).then(e=>{const{data:o,falsePositive:s}=e;if(s)c(e);else if(n({type:"OPTIONS_FORM_SUBMIT_END",data:o,success:!0,message:Object(p.__)("API Token saved","font-awesome")}),t)return n(F())}).catch(c)}}function L(){return{type:"USER_STOP_SCANNER"}}function K({nodesTested:e={}}){return(t,n)=>{const{apiNonce:o,apiUrl:s,unregisteredClients:r,showConflictDetectionReporter:a}=n();if(a){if(i()(e.conflict)>0){const n=Object.keys(e.conflict).reduce((function(t,n){return t[n]=e.conflict[n],t}),{});t({type:"CONFLICT_DETECTION_SUBMIT_START",unregisteredClientsBeforeDetection:r,recentConflictsDetected:e.conflict});const a=({uiMessage:e})=>{t({type:"CONFLICT_DETECTION_SUBMIT_END",success:!1,message:e||h})};return g.post(s+"/conflict-detection/conflicts",n,{headers:{"X-WP-Nonce":o}}).then(e=>{const{status:n,data:o,falsePositive:s}=e;s?a(e):t({type:"CONFLICT_DETECTION_SUBMIT_END",success:!0,data:204===n||0===i()(o)?null:o})}).catch(a)}t({type:"CONFLICT_DETECTION_NONE_FOUND"})}}}function q(){return(e,t)=>{const{apiNonce:n,apiUrl:o}=t();e({type:"SNOOZE_V3DEPRECATION_WARNING_START"});const s=({uiMessage:t})=>{e({type:"SNOOZE_V3DEPRECATION_WARNING_END",success:!1,message:t||S})};return g.put(o+"/v3deprecation",{snooze:!0},{headers:{"X-WP-Nonce":n}}).then(t=>{const{falsePositive:n}=t;n?s(t):e({type:"SNOOZE_V3DEPRECATION_WARNING_END",success:!0,snooze:!0,message:""})}).catch(s)}}function z(e){return{type:"SET_ACTIVE_ADMIN_TAB",tab:e}}function X({enable:e=!0}){return function(t,n){const{apiNonce:o,apiUrl:s}=n(),r=e?"ENABLE_CONFLICT_DETECTION_SCANNER_END":"DISABLE_CONFLICT_DETECTION_SCANNER_END";t({type:e?"ENABLE_CONFLICT_DETECTION_SCANNER_START":"DISABLE_CONFLICT_DETECTION_SCANNER_START"});const a=({uiMessage:e})=>{t({type:r,success:!1,message:e||y})};return g.put(s+"/conflict-detection/until",e?Math.floor(new Date((new Date).valueOf()+1e3*b*60)/1e3):Math.floor(new Date/1e3)-1,{headers:{"X-WP-Nonce":o}}).then(e=>{const{status:n,data:o,falsePositive:s}=e;s?a(e):t({type:r,data:204===n?null:o,success:!0})}).catch(a)}}g.interceptors.response.use(e=>w(e),e=>{if(e.response)e.response=w(e.response),e.uiMessage=u()(e,"response.uiMessage");else if(e.request){const t="fontawesome_request_noresponse",n={errors:{[t]:[T]},error_data:{[t]:{request:e.request}}};e.uiMessage=Object(f.b)({error:n})}else{const t="fontawesome_request_failed",n={errors:{[t]:[N]},error_data:{[t]:{failedRequestMessage:e.message}}};e.uiMessage=Object(f.b)({error:n})}return Promise.reject(e)})},166:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var o=n(0),s=n.n(o),r=n(29),a=n.n(r),c=n(150);const i=Object(c.__)("Font Awesome WordPress Plugin Error Report","font-awesome"),l=Object(c.__)("D'oh! That failed big time.","font-awesome"),u=Object(c.__)("There was an error attempting to report the error.","font-awesome"),d=Object(c.__)("Oh no! Your web browser could not reach your WordPress server.","font-awesome"),m=Object(c.__)("It looks like your web browser session expired. Try logging out and log back in to WordPress admin.","font-awesome"),f=Object(c.__)("The last request was successful, but it also returned the following error(s), which might be helpful for troubleshooting.","font-awesome"),p=Object(c.__)("Error","font-awesome"),_=Object(c.__)("WARNING: The last request contained errors, though your WordPress server reported it as a success. This usually means there's a problem with your theme or one of your other plugins emitting output that is causing problems.","font-awesome"),E=Object(c.__)("WARNING: The last response from your WordPress server did not include the confirmation header that should be in all valid Font Awesome responses. This is a clue that some code from another theme or plugin is acting badly and causing the wrong headers to be sent.","font-awesome"),g=Object(c.__)("WARNING: Invalid Data Trimmed from Server Response","font-awesome"),b=Object(c.__)("WARNING: We expected the last response from the server to contain no data, but it contained something unexpected.","font-awesome"),h=Object(c.__)("Your WordPress server returned an error for that last request, but there was no information about the error.","font-awesome");t.b=function(e){const{error:t,ok:n=!1,falsePositive:o=!1,confirmed:r=!0,expectEmpty:c=!1,trimmed:O=""}=e;console.group(i),n&&console.info(f),o&&console.info(_),r||console.info(E),""!==O&&(console.group(g),c&&console.info(b),console.info(O),console.groupEnd());const T=null!==t?function(e){const t=Object.keys(e.errors||[]).map(t=>({code:t,message:s()(e,`errors.${t}.0`),data:s()(e,"error_data."+t)}));return 0===a()(t)&&t.push({code:"fontawesome_unknown_error",message:u}),t.reduce((e,t)=>{console.group(p);const n=function(e){if(!s()(e,"code"))return console.info(u),l;let t=null,n="";const o=s()(e,"message");o&&(n=n.concat(`message: ${o}\n`),t=o);const r=s()(e,"code");if(r)switch(n=n.concat(`code: ${r}\n`),r){case"rest_no_route":t=d;break;case"rest_cookie_invalid_nonce":t=m;break;case"fontawesome_unknown_error":t=l}const a=s()(e,"data");if("string"==typeof a)n=n.concat(`data: ${a}\n`);else{const t=s()(e,"data.status");t&&(n=n.concat(`status: ${t}\n`));const o=s()(e,"data.trace");o&&(n=n.concat(`trace:\n${o}\n`))}n&&""!==n?console.info(n):console.info(e);const c=s()(e,"data.request");c&&console.info(c);const i=s()(e,"data.failedRequestMessage");return i&&console.info(i),t}(t);return console.groupEnd(),e||"previous_exception"===t.code?e:n},null)}(t):null;return null===t&&""===O&&r&&console.info(h),console.groupEnd(),T}},168:function(e,t,n){"use strict";var o=n(149),s=n.n(o),r=n(164),a=n.n(r),c={alert:"_37rTwYVYjHB0pg6iso3S2_","alert-icon":"_1u7cy5-aNgYV-iJmg5Y2eP","alert-title":"_28gkoW-Ld_7ZkCsa1vOZyC","alert-message":"Acm10pRthEoE7OYjjuM1k","alert-action":"_1vcRExcmXZlbMYfI2J2o88","alert-warning":"_3yyMAjjrQSGu1mZUwVQMq8"},i=n(161),l=n.n(i),u=n(158),d=n(159);function m(e={}){return s.a.createElement("div",{className:l()(c.alert,c["alert-"+e.type]),role:"alert"},s.a.createElement("div",{className:c["alert-icon"]},function(e={}){switch(e.type){case"info":return s.a.createElement(u.a,{icon:d.j,title:"info",fixedWidth:!0});case"warning":return s.a.createElement(u.a,{icon:d.g,title:"warning",fixedWidth:!0});case"pending":return s.a.createElement(u.a,{icon:d.m,title:"pending",spin:!0,fixedWidth:!0});case"success":return s.a.createElement(u.a,{icon:d.o,title:"success",fixedWidth:!0});default:return s.a.createElement(u.a,{icon:d.g,title:"warning",fixedWidth:!0})}}(e)),s.a.createElement("div",{className:c["alert-message"]},s.a.createElement("h2",{className:c["alert-title"]},e.title),s.a.createElement("div",{className:c["alert-copy"]},e.children)))}m.propTypes={title:a.a.string.isRequired,type:a.a.oneOf(["info","warning","success","pending"]),children:a.a.oneOfType([a.a.object,a.a.string,a.a.arrayOf(a.a.element)]).isRequired},t.a=m},173:function(e,t,n){"use strict";n.d(t,"a",(function(){return E}));var o=n(149),s=n.n(o),r=n(164),a=n.n(r),c=n(157),i=n(162),l=n(199),u=n.n(l),d=n(200),m=n.n(d),f=n(150);function p(e){const t=Math.floor(e/86400),n=Math.floor((e-86400*t)/3600),o=Math.floor((e-(86400*t+3600*n))/60),s=e-(86400*t+3600*n+60*o);return m()([t,n,o,s].reduce((e,t,n)=>(0===n&&0!==t?e.push(t.toString()):e.push(u()(t.toString(),2,"0")),e),[]),e=>e.match(/^[0]+$/)).join(":")}function _(e){const t=e-Math.floor(new Date/1e3);return t<0?0:t}function E({addDescription:e,children:t}){const n=Object(c.c)(e=>e.detectConflictsUntil),[r,a]=Object(o.useState)(_(n)),l=Object(c.b)();return Object(o.useEffect)(()=>{let e=null;return _(n)>0?e=setTimeout(()=>a(_(n)),1e3):(a(p(0)),l({type:"CONFLICT_DETECTION_TIMER_EXPIRED"})),()=>e&&clearTimeout(e)},[n,r,l]),r<=0?null:s.a.createElement("span",{className:i.a["conflict-detection-timer"]},p(r),!!e&&(r>60
2
  /* translators: 1: space */?Object(f.sprintf)(Object(f.__)("%1$sminutes left to browse your site for trouble","font-awesome")," ")
3
- /* translators: 1: space */:Object(f.sprintf)(Object(f.__)("%1$sseconds left to browse your site for trouble","font-awesome")," ")),t)}E.propTypes={addDescription:a.a.bool}},174:function(e,t,n){"use strict";var o=n(149),s=n.n(o),r=n(168),a=n(150);const c=s.a.createElement(r.a,{title:Object(a.__)("Whoops, this is embarrassing","font-awesome"),type:"warning"},s.a.createElement("p",null,Object(a.__)("Some unexpected error has occurred. There might be some additional diagnostic information in the JavaScript console.","font-awesome")));var i=function(){return s.a.createElement("div",{className:"_2viBy1vHsxDVJMV0gFbHNT"},c)},l=n(166);class u extends s.a.Component{constructor(e){super(e),this.state={error:null,errorInfo:null}}componentDidCatch(e,t){console.group(l.a),console.log(e),console.log(t),console.groupEnd(),this.setState({error:e,errorInfo:t})}render(){return this.state.error?s.a.createElement(i,null):this.props.children}}t.a=u},203:function(e,t,n){"use strict";n.r(t),n.d(t,"CONFLICT_DETECTION_SHADOW_HOST_ID",(function(){return C})),n.d(t,"mountConflictDetectionReporter",(function(){return D})),n.d(t,"isConflictDetectionReporterMounted",(function(){return I}));var o=n(149),s=n.n(o),r=n(151),a=n.n(r),c=n(157),i=n(163),l=n(158),u=n(159),d=n(30),m=n(173),f=n(29),p=n.n(f),_=n(165),E=n.n(_),g=n(150),b=n(174);const h={running:{code:"Running",display:Object(g.__)("Running","font-awesome")},done:{code:"Done",display:Object(g.__)("Done","font-awesome")},submitting:{code:"Submitting",display:Object(g.__)("Submitting","font-awesome")},none:{code:"None",display:Object(g.__)("None","font-awesome")},error:{code:"Error",display:Object(g.__)("Error","font-awesome")},expired:{code:"Expired",display:Object(g.__)("Expired","font-awesome")},ready:{code:"Ready",display:Object(g.__)("Ready","font-awesome")},stopped:{code:"Stopped",display:Object(g.__)("Stopped","font-awesome")},stopping:{code:"Stopping",display:Object(g.__)("Stopping","font-awesome")},restarting:{code:"Restarting",display:Object(g.__)("Restarting","font-awesome")}},O={container:{position:"fixed",fontFamily:'"Helvetica Neue",Helvetica,Arial,sans-serif',right:"10px",bottom:"10px",width:"450px",height:"auto",maxHeight:"60%",border:"1px solid #CDD4DB",borderRadius:"3px",boxShadow:"1px 1px 5px 0 rgba(132,142,151,.3)",background:"#008DED",zIndex:"99",overflowY:"scroll",fontSize:"14px",lineHeight:"1.4em",color:"#fff"},header:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"5px 20px",color:"#CAECFF"},content:{width:"100%",padding:"0 20px 10px 20px",boxSizing:"border-box"},adminEyesOnly:{margin:"0",fontSize:"12px"},h1:{margin:".3em 0",fontSize:"14px"},h2:{margin:".3em 0",fontSize:"18px"},p:{margin:".5em 0"},link:{color:"#fff"},tally:{display:"flex",alignItems:"center",margin:".5em 0",textAlign:"center"},count:{flexBasis:"1em",marginRight:"5px",fontWeight:"600",fontSize:"20px"},timerRow:{display:"flex",alignItems:"center",backgroundColor:"#0064B1",padding:"10px 20px",color:"#fff",fontWeight:"600"},button:{margin:"0 0 0 10px",border:"0",padding:"5px",backgroundColor:"transparent",color:"#fff",opacity:".7",cursor:"pointer"},badness:{padding:"20px 25px",backgroundColor:"#FFC100",color:"#202529"}};var T,N=(T=function(){const e=Object(c.b)(),t=Object(c.c)(e=>e.settingsPageUrl),n=t+"&tab=ts",o=Object(c.c)(e=>e.activeAdminTab),r=window.location.href.startsWith(t)&&o===d.b,a=Object(c.c)(e=>e.userAttemptedToStopScanner),f=Object(c.c)(e=>e.unregisteredClients),_=Object(c.c)(e=>e.unregisteredClientDetectionStatus.unregisteredClientsBeforeDetection),b=Object(c.c)(e=>e.unregisteredClientDetectionStatus.recentConflictsDetected),T=Object(c.c)(e=>!e.showConflictDetectionReporter),N=Object(c.c)(e=>T&&e.conflictDetectionScannerStatus.isSubmitting),y=Object(c.c)(e=>e.conflictDetectionScannerStatus.hasSubmitted&&e.conflictDetectionScannerStatus.success),S=Object(c.c)(e=>a&&!e.conflictDetectionScannerStatus.hasSubmitted),w=Object(c.c)(e=>a&&!S&&e.conflictDetectionScannerStatus.success),C=Object(c.c)(e=>{const{isSubmitting:t,hasSubmitted:n,success:o}=e.unregisteredClientDetectionStatus;return a?S?h.stopping:w?h.stopped:h.error:N?h.restarting:T?h.expired:y?h.ready:o&&0===p()(f)?h.none:o?h.done:t?h.submitting:n?h.error:h.running}),D=Object(c.c)(e=>e.unregisteredClientDetectionStatus.message),I=s.a.createElement("div",null,s.a.createElement("h2",{style:O.tally},s.a.createElement("span",null,p()(f))," ",s.a.createElement("span",null," ",Object(g.__)("Results to Review","font-awesome"))),s.a.createElement("p",{style:O.p},r?Object(g.__)("Manage results or restart the scanner here on the Troubleshoot tab.","font-awesome"):s.a.createElement(s.a.Fragment,null,Object(g.__)("Manage results or restart the scanner on the Troubleshoot tab.","font-awesome")," ",s.a.createElement("a",{href:n,style:O.link},Object(g.__)("Go","font-awesome"))))),j=s.a.createElement("div",null,s.a.createElement("div",{style:O.status},s.a.createElement("h2",{style:O.h2},s.a.createElement(l.a,{icon:u.e,size:"sm",spin:!0})," ",s.a.createElement("span",null,C.display))));return s.a.createElement(s.a.Fragment,null,s.a.createElement("div",{style:O.header},s.a.createElement("h1",{style:O.h1},Object(g.__)("Font Awesome Conflict Scanner","font-awesome")),s.a.createElement("p",{style:O.adminEyesOnly},Object(g.__)("only admins can see this box","font-awesome"))),s.a.createElement("div",{style:O.content},{None:s.a.createElement("div",null,s.a.createElement("div",{style:O.status},s.a.createElement("h2",{style:O.h2},s.a.createElement(l.a,{icon:u.i,size:"sm"})," ",s.a.createElement("span",null,Object(g.__)("All clear!","font-awesome"))),s.a.createElement("p",{style:O.p},Object(g.__)("No new conflicts found on this page.","font-awesome")))),Running:s.a.createElement("div",null,s.a.createElement("div",{style:O.status},s.a.createElement("h2",{style:O.h2},s.a.createElement(l.a,{icon:u.e,size:"sm",spin:!0})," ",s.a.createElement("span",null,Object(g.__)("Scanning","font-awesome"),"...")))),Restarting:s.a.createElement("div",null,s.a.createElement("div",{style:O.status},s.a.createElement("h2",{style:O.h2},s.a.createElement(l.a,{icon:u.e,size:"sm",spin:!0})," ",s.a.createElement("span",null,Object(g.__)("Restarting","font-awesome"),"...")))),Ready:s.a.createElement("div",null,s.a.createElement("div",null,s.a.createElement("h2",{style:O.h2},s.a.createElement(l.a,{icon:u.o,size:"sm"})," ",Object(g.__)("Proton pack charged!","font-awesome")),s.a.createElement("p",{style:O.p},Object(g.__)("Wander through the pages of your web site and this scanner will track progress.","font-awesome")))),Submitting:j,Stopping:j,Done:s.a.createElement("div",null,s.a.createElement("div",{style:O.status},s.a.createElement("h2",{style:O.h2},s.a.createElement(l.a,{icon:u.b,size:"sm"})," ",s.a.createElement("span",null,Object(g.__)("Page scan complete","font-awesome")))),s.a.createElement("p",{style:O.tally},s.a.createElement("span",{style:O.count},p()(Object.keys(b).filter(e=>!E()(_,e))))," ",s.a.createElement("span",null,Object(g.__)("new conflicts found on this page","font-awesome"))),s.a.createElement("p",{style:O.tally},s.a.createElement("span",{style:O.count},p()(f))," ",s.a.createElement("span",null,"total found"),r?s.a.createElement("span",null," (",Object(g.__)("manage conflicts here on the Troubleshoot tab","font-awesome"),")"):s.a.createElement("span",null," (",s.a.createElement("a",{href:n,style:O.link},Object(g.__)("manage","font-awesome")),")"))),Expired:I,Stopped:I,Error:s.a.createElement("div",null,s.a.createElement("h2",{style:O.h2},s.a.createElement(l.a,{icon:u.l})," ",s.a.createElement("span",null,Object(g.__)("Don't cross the streams! It would be bad.","font-awesome"))),s.a.createElement("p",{style:O.p},D))}[C.code]),s.a.createElement("div",{style:O.timerRow},s.a.createElement("span",null,s.a.createElement(m.a,{addDescription:!0},s.a.createElement("button",{style:O.button,title:Object(g.__)("Stop timer","font-awesome"),onClick:()=>(e(Object(i.userAttemptToStopScanner)()),void e(Object(i.setConflictDetectionScanner)({enable:!1})))},s.a.createElement(l.a,{icon:u.p,size:"lg"})))),{Expired:Object(g.__)("Timer expired","font-awesome"),Stopped:Object(g.__)("Timer stopped","font-awesome"),Restarting:null}[C.code]))},class extends b.a{render(){return s.a.createElement("div",{style:O.container},this.state.error?s.a.createElement("div",{style:O.badness},s.a.createElement(l.a,{icon:u.g}),Object(g.__)(" Whoops, this is embarrassing! Some unexpected error has occurred. There might be some additional diagnostic information in the JavaScript console.","font-awesome")):s.a.createElement(T,null))}}),y=n(175),S=n(201),w=n.n(S);const C="font-awesome-plugin-conflict-detection-shadow-host";function D({store:e,now:t=!1}){const n=()=>{const t=document.createElement("DIV");t.setAttribute("id",C),document.body.appendChild(t);const n=t.attachShadow({mode:"open"});w()(n);const o=document.createElement("STYLE"),r=y.a.css(),i=document.createTextNode(r);o.appendChild(i);const l=document.createElement("DIV");n.appendChild(o),n.appendChild(l),a.a.render(s.a.createElement(c.a,{store:e},s.a.createElement(N,null)),l)};t?n():document.addEventListener("DOMContentLoaded",n)}function I(){const e=document.getElementById(C);return!!e&&!!e.shadowRoot}}}]);
1
+ (window.webpackJsonp_font_awesome_admin=window.webpackJsonp_font_awesome_admin||[]).push([[10,14],{163:function(e,t,n){"use strict";t.a={"wrapper-div":"_35TQI7cRRp15ydziejZNoy","submit-wrapper":"_3QIm6lE3_EX2f59z0q3Ede","submit-status":"_3TCHz_sQqjXivSbu8MiKvt",fail:"_1YIouJH0q7UCTBBd12BrER","fail-icon-container":"_353VvfAeyV-4WmJBZ-tkC0",explanation:"_1vEI8NfIuh1fSKAYIdxKC-",success:"_3R04ypbcTVjJT0DScCE87I",icon:"_1fPOsMtv85dkpug7YpkldL","section-title":"xPbM1D0hJUwyZDh0WkN3u","section-divider":"_1cuQ6n0S--edzcQx_whnrh","table-header":"_1bLoERoE-BGwskaCAkn6xw","more-less":"_3tsAbJj5lQ3fpUeMEqDg-p","scanner-actions":"_30U7EZBjBNVomna8JKHFEJ","scanner-runstatus":"_1XXkMTmXJKrRINZtirKC7T",faPrimary:"_1siOaPuEaRzWSp4fFZ_W2Y","conflict-detection-timer":"QIDO3zZDiUtKj7XQmNN2d",warning:"_1gtusG9lK7YrzXaZbZTTs4","sr-only":"_1rRUnYP55zlaT6KqHN-cLO",flex:"G4t9VUzKqEB2I8N67GSNt","flex-row":"_1Zhm76V3gZvaSk2u-8LU4E","flex-column":"DB4dpze5GBTvE0qtOuHn1",relative:"_3XqW__5WId-s9mUanEZmsZ",status:"U3KfFCq2Yg5XUwDHVTlA4",good:"_35z3mEQb1qzaAr4-TTAsX7","success-icon":"_2K4pJT9BAJLYON5sCxbLPN",conflict:"_1Bl4DiNxOkbomwAWx332Pz","conflict-icon":"_5VtDxQoJVBUEd_38XDCyv","warning-icon":"_3uvV5f-ofcSZUWHmud2sQF","space-left":"_1kBF31q6Fah4Pv3KJtbt9N","input-radio-custom":"_2Wb5TPvigi6MHYYjcecbxu","checked-icon":"_2qZbfXDutx3ncJTXjOwf71","input-checkbox-custom":"_7iqaMqPpiHwXZU7zXE6dw","unchecked-icon":"SQQV4UAUXLS5A0sgeAN9T","option-label-explanation":"WHTCjS863LJavtuGbeTQ1"}},164:function(e,t,n){"use strict";n.r(t),n.d(t,"CONFLICT_DETECTION_SCANNER_DURATION_MIN",(function(){return b})),n.d(t,"resetPendingOptions",(function(){return C})),n.d(t,"resetOptionsFormState",(function(){return D})),n.d(t,"addPendingOption",(function(){return I})),n.d(t,"updatePendingUnregisteredClientsForDeletion",(function(){return j})),n.d(t,"resetUnregisteredClientsDeletionStatus",(function(){return v})),n.d(t,"resetPendingBlocklistSubmissionStatus",(function(){return R})),n.d(t,"submitPendingUnregisteredClientDeletions",(function(){return P})),n.d(t,"updatePendingBlocklist",(function(){return A})),n.d(t,"submitPendingBlocklist",(function(){return x})),n.d(t,"checkPreferenceConflicts",(function(){return M})),n.d(t,"chooseAwayFromKitConfig",(function(){return k})),n.d(t,"chooseIntoKitConfig",(function(){return U})),n.d(t,"queryKits",(function(){return F})),n.d(t,"submitPendingOptions",(function(){return W})),n.d(t,"updateApiToken",(function(){return B})),n.d(t,"userAttemptToStopScanner",(function(){return L})),n.d(t,"reportDetectedConflicts",(function(){return K})),n.d(t,"snoozeV3DeprecationWarning",(function(){return q})),n.d(t,"setActiveAdminTab",(function(){return z})),n.d(t,"setConflictDetectionScanner",(function(){return X}));var o=n(171),s=n.n(o),r=n(177),a=n.n(r),c=n(29),i=n.n(c),l=n(0),u=n.n(l),d=n(172),m=n.n(d),f=n(167),p=n(150),_=n(166),E=n.n(_);const g=s.a.create(),b=10,h=Object(p.__)("Couldn't save those changes","font-awesome"),O=Object(p.__)("Couldn't check preferences","font-awesome"),T=Object(p.__)("A request to your WordPress server never received a response","font-awesome"),N=Object(p.__)("A request to your WordPress server failed","font-awesome"),y=Object(p.__)("Couldn't start the scanner","font-awesome"),S=Object(p.__)("Couldn't snooze","font-awesome");function w(e){const t=E()(e,"headers.fontawesome-confirmation");if(204===e.status&&""!==e.data)return Object(f.b)({error:null,confirmed:t,trimmed:e.data,expectEmpty:!0}),e.data={},e;const n=u()(e,"data",null),o="string"==typeof n&&i()(n)>0,s=o?function(e){if(!e||""===e)return null;const t=function e(t,n=0){let o=null,s=null;if("string"!=typeof t)return null;if(n>=t.length)return null;try{return o=JSON.parse(t.slice(n)),{start:n,parsed:o}}catch(e){const o=t.indexOf("[",n+1),r=t.indexOf("{",n+1);if(-1===o&&-1===r)return null;s=-1!==o&&-1!==r?o<r?o:r:-1!==r?r:o}return null===s?null:e(t,s)}(e);if(null===t)return null;{const{start:n,parsed:o}=t;return{start:n,json:e.slice(n),trimmed:e.slice(0,n),parsed:o}}}(n):{};if(o){if(null===s)return Object(f.b)({error:null,confirmed:t,trimmed:n}),e.data={},e;e.data=u()(s,"parsed")}const r=u()(s,"trimmed",""),a=u()(e,"data.errors",null);if(e.status>=400)return e.uiMessage=a?Object(f.b)({error:e.data,confirmed:t,trimmed:r}):Object(f.b)({error:null,confirmed:t,trimmed:r}),e;if(e.status<400&&e.status>=300)return t&&""===r||(e.uiMessage=Object(f.b)({error:null,confirmed:t,trimmed:r})),e;if(a){const n=!0;return e.falsePositive=!0,e.uiMessage=Object(f.b)({error:e.data,confirmed:t,falsePositive:n,trimmed:r}),e}{const n=u()(e,"data.error",null);return n?(e.uiMessage=Object(f.b)({error:n,ok:!0,confirmed:t,trimmed:r}),e):(t||(e.uiMessage=Object(f.b)({error:null,ok:!0,confirmed:t,trimmed:r})),e)}}function C(){return{type:"RESET_PENDING_OPTIONS"}}function D(){return{type:"OPTIONS_FORM_STATE_RESET"}}function I(e){return function(t,n){const{options:o}=n();for(const[n,s]of a()(e))t(o[n]===s?{type:"RESET_PENDING_OPTION",change:{[n]:s}}:{type:"ADD_PENDING_OPTION",change:{[n]:s}})}}function j(e=[]){return{type:"UPDATE_PENDING_UNREGISTERED_CLIENTS_FOR_DELETION",data:e}}function v(){return{type:"DELETE_UNREGISTERED_CLIENTS_RESET"}}function R(){return{type:"BLOCKLIST_UPDATE_RESET"}}function P(){return function(e,t){const{apiNonce:n,apiUrl:o,unregisteredClientsDeletionStatus:s}=t(),r=u()(s,"pending",null);if(!r||0===i()(r))return;e({type:"DELETE_UNREGISTERED_CLIENTS_START"});const a=({uiMessage:t})=>{e({type:"DELETE_UNREGISTERED_CLIENTS_END",success:!1,message:t||h})};return g.delete(o+"/conflict-detection/conflicts",{data:r,headers:{"X-WP-Nonce":n}}).then(t=>{const{status:n,data:o,falsePositive:s}=t;s?a(t):e({type:"DELETE_UNREGISTERED_CLIENTS_END",success:!0,data:204===n?null:o,message:""})}).catch(a)}}function A(e=[]){return{type:"UPDATE_PENDING_BLOCKLIST",data:e}}function x(){return function(e,t){const{apiNonce:n,apiUrl:o,blocklistUpdateStatus:s}=t(),r=u()(s,"pending",null);if(!r)return;e({type:"BLOCKLIST_UPDATE_START"});const a=({uiMessage:t})=>{e({type:"BLOCKLIST_UPDATE_END",success:!1,message:t||h})};return g.put(o+"/conflict-detection/conflicts/blocklist",r,{headers:{"X-WP-Nonce":n}}).then(t=>{const{status:n,data:o,falsePositive:s}=t;s?a(t):e({type:"BLOCKLIST_UPDATE_END",success:!0,data:204===n?null:o,message:""})}).catch(a)}}function M(){return function(e,t){e({type:"PREFERENCE_CHECK_START"});const{apiNonce:n,apiUrl:o,options:s,pendingOptions:r}=t(),a=({uiMessage:t})=>{e({type:"PREFERENCE_CHECK_END",success:!1,message:t||O})};return g.post(o+"/preference-check",{...s,...r},{headers:{"X-WP-Nonce":n}}).then(t=>{const{data:n,falsePositive:o}=t;o?a(t):e({type:"PREFERENCE_CHECK_END",success:!0,message:"",detectedConflicts:n})}).catch(a)}}function k({activeKitToken:e}){return function(t,n){const{releases:o}=n();t({type:"CHOOSE_AWAY_FROM_KIT_CONFIG",activeKitToken:e,concreteVersion:u()(o,"latest_version")})}}function U(){return{type:"CHOOSE_INTO_KIT_CONFIG"}}function F(){return function(e,t){const{apiNonce:n,apiUrl:o,options:s}=t(),r=u()(s,"kitToken",null);e({type:"KITS_QUERY_START"});const a=({uiMessage:t})=>{e({type:"KITS_QUERY_END",success:!1,message:t||Object(p.__)("Failed to fetch kits","font-awesome")})},c=({uiMessage:t})=>{e({type:"OPTIONS_FORM_SUBMIT_END",success:!1,message:t||Object(p.__)("Couldn't update latest kit settings","font-awesome")})};return g.post(o+"/api","query {\n me {\n kits {\n name\n version\n technologySelected\n licenseSelected\n minified\n token\n shimEnabled\n autoAccessibilityEnabled\n status\n }\n }\n }",{headers:{"X-WP-Nonce":n}}).then(t=>{if(t.falsePositive)return a(t);const i=u()(t,"data.data");if(!u()(i,"me"))return e({type:"KITS_QUERY_END",success:!1,message:Object(p.__)("Failed to fetch kits. Regenerate your API Token and try again.","font-awesome")});if(e({type:"KITS_QUERY_END",data:i,success:!0}),!r)return;const l=u()(i,"me.kits",[]),d=m()(l,{token:r});if(!d)return;const f={};return s.usePro&&"pro"!==d.licenseSelected?f.usePro=!1:s.usePro||"pro"!==d.licenseSelected||(f.usePro=!0),"svg"===s.technology&&"svg"!==d.technologySelected?(f.technology="webfont",f.pseudoElements=!0):"svg"!==s.technology&&"svg"===d.technologySelected&&(f.technology="svg",f.pseudoElements=!1),s.version!==d.version&&(f.version=d.version),s.v4Compat&&!d.shimEnabled?f.v4Compat=!1:!s.v4Compat&&d.shimEnabled&&(f.v4Compat=!0),e({type:"OPTIONS_FORM_SUBMIT_START"}),g.put(o+"/config",{options:{...s,...f}},{headers:{"X-WP-Nonce":n}}).then(t=>{const{data:n,falsePositive:o}=t;if(o)return c(t);e({type:"OPTIONS_FORM_SUBMIT_END",data:n,success:!0,message:Object(p.__)("Kit changes saved","font-awesome")})}).catch(c)}).catch(a)}}function W(){return function(e,t){const{apiNonce:n,apiUrl:o,options:s,pendingOptions:r}=t();e({type:"OPTIONS_FORM_SUBMIT_START"});const a=({uiMessage:t})=>{e({type:"OPTIONS_FORM_SUBMIT_END",success:!1,message:t||h})};return g.put(o+"/config",{options:{...s,...r}},{headers:{"X-WP-Nonce":n}}).then(t=>{const{data:n,falsePositive:o}=t;o?a(t):e({type:"OPTIONS_FORM_SUBMIT_END",data:n,success:!0,message:Object(p.__)("Changes saved","font-awesome")})}).catch(a)}}function B({apiToken:e=!1,runQueryKits:t=!1}){return function(n,o){const{apiNonce:s,apiUrl:r,options:a}=o();n({type:"OPTIONS_FORM_SUBMIT_START"});const c=({uiMessage:e})=>{n({type:"OPTIONS_FORM_SUBMIT_END",success:!1,message:e||h})};return g.put(r+"/config",{options:{...a,apiToken:e}},{headers:{"X-WP-Nonce":s}}).then(e=>{const{data:o,falsePositive:s}=e;if(s)c(e);else if(n({type:"OPTIONS_FORM_SUBMIT_END",data:o,success:!0,message:Object(p.__)("API Token saved","font-awesome")}),t)return n(F())}).catch(c)}}function L(){return{type:"USER_STOP_SCANNER"}}function K({nodesTested:e={}}){return(t,n)=>{const{apiNonce:o,apiUrl:s,unregisteredClients:r,showConflictDetectionReporter:a}=n();if(a){if(i()(e.conflict)>0){const n=Object.keys(e.conflict).reduce((function(t,n){return t[n]=e.conflict[n],t}),{});t({type:"CONFLICT_DETECTION_SUBMIT_START",unregisteredClientsBeforeDetection:r,recentConflictsDetected:e.conflict});const a=({uiMessage:e})=>{t({type:"CONFLICT_DETECTION_SUBMIT_END",success:!1,message:e||h})};return g.post(s+"/conflict-detection/conflicts",n,{headers:{"X-WP-Nonce":o}}).then(e=>{const{status:n,data:o,falsePositive:s}=e;s?a(e):t({type:"CONFLICT_DETECTION_SUBMIT_END",success:!0,data:204===n||0===i()(o)?null:o})}).catch(a)}t({type:"CONFLICT_DETECTION_NONE_FOUND"})}}}function q(){return(e,t)=>{const{apiNonce:n,apiUrl:o}=t();e({type:"SNOOZE_V3DEPRECATION_WARNING_START"});const s=({uiMessage:t})=>{e({type:"SNOOZE_V3DEPRECATION_WARNING_END",success:!1,message:t||S})};return g.put(o+"/v3deprecation",{snooze:!0},{headers:{"X-WP-Nonce":n}}).then(t=>{const{falsePositive:n}=t;n?s(t):e({type:"SNOOZE_V3DEPRECATION_WARNING_END",success:!0,snooze:!0,message:""})}).catch(s)}}function z(e){return{type:"SET_ACTIVE_ADMIN_TAB",tab:e}}function X({enable:e=!0}){return function(t,n){const{apiNonce:o,apiUrl:s}=n(),r=e?"ENABLE_CONFLICT_DETECTION_SCANNER_END":"DISABLE_CONFLICT_DETECTION_SCANNER_END";t({type:e?"ENABLE_CONFLICT_DETECTION_SCANNER_START":"DISABLE_CONFLICT_DETECTION_SCANNER_START"});const a=({uiMessage:e})=>{t({type:r,success:!1,message:e||y})};return g.put(s+"/conflict-detection/until",e?Math.floor(new Date((new Date).valueOf()+1e3*b*60)/1e3):Math.floor(new Date/1e3)-1,{headers:{"X-WP-Nonce":o}}).then(e=>{const{status:n,data:o,falsePositive:s}=e;s?a(e):t({type:r,data:204===n?null:o,success:!0})}).catch(a)}}g.interceptors.response.use(e=>w(e),e=>{if(e.response)e.response=w(e.response),e.uiMessage=u()(e,"response.uiMessage");else if(e.request){const t="fontawesome_request_noresponse",n={errors:{[t]:[T]},error_data:{[t]:{request:e.request}}};e.uiMessage=Object(f.b)({error:n})}else{const t="fontawesome_request_failed",n={errors:{[t]:[N]},error_data:{[t]:{failedRequestMessage:e.message}}};e.uiMessage=Object(f.b)({error:n})}return Promise.reject(e)})},167:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var o=n(0),s=n.n(o),r=n(29),a=n.n(r),c=n(150);const i=Object(c.__)("Font Awesome WordPress Plugin Error Report","font-awesome"),l=Object(c.__)("D'oh! That failed big time.","font-awesome"),u=Object(c.__)("There was an error attempting to report the error.","font-awesome"),d=Object(c.__)("Oh no! Your web browser could not reach your WordPress server.","font-awesome"),m=Object(c.__)("It looks like your web browser session expired. Try logging out and log back in to WordPress admin.","font-awesome"),f=Object(c.__)("The last request was successful, but it also returned the following error(s), which might be helpful for troubleshooting.","font-awesome"),p=Object(c.__)("Error","font-awesome"),_=Object(c.__)("WARNING: The last request contained errors, though your WordPress server reported it as a success. This usually means there's a problem with your theme or one of your other plugins emitting output that is causing problems.","font-awesome"),E=Object(c.__)("WARNING: The last response from your WordPress server did not include the confirmation header that should be in all valid Font Awesome responses. This is a clue that some code from another theme or plugin is acting badly and causing the wrong headers to be sent.","font-awesome"),g=Object(c.__)("WARNING: Invalid Data Trimmed from Server Response","font-awesome"),b=Object(c.__)("WARNING: We expected the last response from the server to contain no data, but it contained something unexpected.","font-awesome"),h=Object(c.__)("Your WordPress server returned an error for that last request, but there was no information about the error.","font-awesome");t.b=function(e){const{error:t,ok:n=!1,falsePositive:o=!1,confirmed:r=!0,expectEmpty:c=!1,trimmed:O=""}=e;console.group(i),n&&console.info(f),o&&console.info(_),r||console.info(E),""!==O&&(console.group(g),c&&console.info(b),console.info(O),console.groupEnd());const T=null!==t?function(e){const t=Object.keys(e.errors||[]).map(t=>({code:t,message:s()(e,`errors.${t}.0`),data:s()(e,"error_data."+t)}));return 0===a()(t)&&t.push({code:"fontawesome_unknown_error",message:u}),t.reduce((e,t)=>{console.group(p);const n=function(e){if(!s()(e,"code"))return console.info(u),l;let t=null,n="";const o=s()(e,"message");o&&(n=n.concat(`message: ${o}\n`),t=o);const r=s()(e,"code");if(r)switch(n=n.concat(`code: ${r}\n`),r){case"rest_no_route":t=d;break;case"rest_cookie_invalid_nonce":t=m;break;case"fontawesome_unknown_error":t=l}const a=s()(e,"data");if("string"==typeof a)n=n.concat(`data: ${a}\n`);else{const t=s()(e,"data.status");t&&(n=n.concat(`status: ${t}\n`));const o=s()(e,"data.trace");o&&(n=n.concat(`trace:\n${o}\n`))}n&&""!==n?console.info(n):console.info(e);const c=s()(e,"data.request");c&&console.info(c);const i=s()(e,"data.failedRequestMessage");return i&&console.info(i),t}(t);return console.groupEnd(),e||"previous_exception"===t.code?e:n},null)}(t):null;return null===t&&""===O&&r&&console.info(h),console.groupEnd(),T}},169:function(e,t,n){"use strict";var o=n(149),s=n.n(o),r=n(165),a=n.n(r),c={alert:"_37rTwYVYjHB0pg6iso3S2_","alert-icon":"_1u7cy5-aNgYV-iJmg5Y2eP","alert-title":"_28gkoW-Ld_7ZkCsa1vOZyC","alert-message":"Acm10pRthEoE7OYjjuM1k","alert-action":"_1vcRExcmXZlbMYfI2J2o88","alert-warning":"_3yyMAjjrQSGu1mZUwVQMq8"},i=n(162),l=n.n(i),u=n(159),d=n(160);function m(e={}){return s.a.createElement("div",{className:l()(c.alert,c["alert-"+e.type]),role:"alert"},s.a.createElement("div",{className:c["alert-icon"]},function(e={}){switch(e.type){case"info":return s.a.createElement(u.a,{icon:d.j,title:"info",fixedWidth:!0});case"warning":return s.a.createElement(u.a,{icon:d.g,title:"warning",fixedWidth:!0});case"pending":return s.a.createElement(u.a,{icon:d.m,title:"pending",spin:!0,fixedWidth:!0});case"success":return s.a.createElement(u.a,{icon:d.o,title:"success",fixedWidth:!0});default:return s.a.createElement(u.a,{icon:d.g,title:"warning",fixedWidth:!0})}}(e)),s.a.createElement("div",{className:c["alert-message"]},s.a.createElement("h2",{className:c["alert-title"]},e.title),s.a.createElement("div",{className:c["alert-copy"]},e.children)))}m.propTypes={title:a.a.string.isRequired,type:a.a.oneOf(["info","warning","success","pending"]),children:a.a.oneOfType([a.a.object,a.a.string,a.a.arrayOf(a.a.element)]).isRequired},t.a=m},174:function(e,t,n){"use strict";n.d(t,"a",(function(){return E}));var o=n(149),s=n.n(o),r=n(165),a=n.n(r),c=n(158),i=n(163),l=n(200),u=n.n(l),d=n(201),m=n.n(d),f=n(150);function p(e){const t=Math.floor(e/86400),n=Math.floor((e-86400*t)/3600),o=Math.floor((e-(86400*t+3600*n))/60),s=e-(86400*t+3600*n+60*o);return m()([t,n,o,s].reduce((e,t,n)=>(0===n&&0!==t?e.push(t.toString()):e.push(u()(t.toString(),2,"0")),e),[]),e=>e.match(/^[0]+$/)).join(":")}function _(e){const t=e-Math.floor(new Date/1e3);return t<0?0:t}function E({addDescription:e,children:t}){const n=Object(c.c)(e=>e.detectConflictsUntil),[r,a]=Object(o.useState)(_(n)),l=Object(c.b)();return Object(o.useEffect)(()=>{let e=null;return _(n)>0?e=setTimeout(()=>a(_(n)),1e3):(a(p(0)),l({type:"CONFLICT_DETECTION_TIMER_EXPIRED"})),()=>e&&clearTimeout(e)},[n,r,l]),r<=0?null:s.a.createElement("span",{className:i.a["conflict-detection-timer"]},p(r),!!e&&(r>60
2
  /* translators: 1: space */?Object(f.sprintf)(Object(f.__)("%1$sminutes left to browse your site for trouble","font-awesome")," ")
3
+ /* translators: 1: space */:Object(f.sprintf)(Object(f.__)("%1$sseconds left to browse your site for trouble","font-awesome")," ")),t)}E.propTypes={addDescription:a.a.bool}},175:function(e,t,n){"use strict";var o=n(149),s=n.n(o),r=n(169),a=n(150);const c=s.a.createElement(r.a,{title:Object(a.__)("Whoops, this is embarrassing","font-awesome"),type:"warning"},s.a.createElement("p",null,Object(a.__)("Some unexpected error has occurred. There might be some additional diagnostic information in the JavaScript console.","font-awesome")));var i=function(){return s.a.createElement("div",{className:"_2viBy1vHsxDVJMV0gFbHNT"},c)},l=n(167);class u extends s.a.Component{constructor(e){super(e),this.state={error:null,errorInfo:null}}componentDidCatch(e,t){console.group(l.a),console.log(e),console.log(t),console.groupEnd(),this.setState({error:e,errorInfo:t})}render(){return this.state.error?s.a.createElement(i,null):this.props.children}}t.a=u},204:function(e,t,n){"use strict";n.r(t),n.d(t,"CONFLICT_DETECTION_SHADOW_HOST_ID",(function(){return I})),n.d(t,"mountConflictDetectionReporter",(function(){return j})),n.d(t,"isConflictDetectionReporterMounted",(function(){return v}));var o=n(149),s=n.n(o),r=n(151),a=n.n(r),c=n(158),i=n(164),l=n(159),u=n(160),d=n(30),m=n(174),f=n(29),p=n.n(f),_=n(166),E=n.n(_),g=n(150),b=n(175);const h={running:{code:"Running",display:Object(g.__)("Running","font-awesome")},done:{code:"Done",display:Object(g.__)("Done","font-awesome")},submitting:{code:"Submitting",display:Object(g.__)("Submitting","font-awesome")},none:{code:"None",display:Object(g.__)("None","font-awesome")},error:{code:"Error",display:Object(g.__)("Error","font-awesome")},expired:{code:"Expired",display:Object(g.__)("Expired","font-awesome")},ready:{code:"Ready",display:Object(g.__)("Ready","font-awesome")},stopped:{code:"Stopped",display:Object(g.__)("Stopped","font-awesome")},stopping:{code:"Stopping",display:Object(g.__)("Stopping","font-awesome")},restarting:{code:"Restarting",display:Object(g.__)("Restarting","font-awesome")}},O={container:{position:"fixed",fontFamily:'"Helvetica Neue",Helvetica,Arial,sans-serif',right:"10px",bottom:"10px",width:"450px",height:"auto",maxHeight:"60%",border:"1px solid #CDD4DB",borderRadius:"3px",boxShadow:"1px 1px 5px 0 rgba(132,142,151,.3)",background:"#008DED",zIndex:"99",overflowY:"scroll",fontSize:"14px",lineHeight:"1.4em",color:"#fff"},header:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"5px 20px",color:"#CAECFF"},content:{width:"100%",padding:"0 20px 10px 20px",boxSizing:"border-box"},adminEyesOnly:{margin:"0",fontSize:"12px"},h1:{margin:".3em 0",fontSize:"14px"},h2:{margin:".3em 0",fontSize:"18px"},p:{margin:".5em 0"},link:{color:"#fff"},tally:{display:"flex",alignItems:"center",margin:".5em 0",textAlign:"center"},count:{flexBasis:"1em",marginRight:"5px",fontWeight:"600",fontSize:"20px"},timerRow:{display:"flex",alignItems:"center",backgroundColor:"#0064B1",padding:"10px 20px",color:"#fff",fontWeight:"600"},button:{margin:"0 0 0 10px",border:"0",padding:"5px",backgroundColor:"transparent",color:"#fff",opacity:".7",cursor:"pointer"},badness:{padding:"20px 25px",backgroundColor:"#FFC100",color:"#202529"}};var T,N=(T=function(){const e=Object(c.b)(),t=Object(c.c)(e=>e.settingsPageUrl),n=t+"&tab=ts",o=Object(c.c)(e=>e.activeAdminTab),r=window.location.href.startsWith(t)&&o===d.b,a=Object(c.c)(e=>e.userAttemptedToStopScanner),f=Object(c.c)(e=>e.unregisteredClients),_=Object(c.c)(e=>e.unregisteredClientDetectionStatus.unregisteredClientsBeforeDetection),b=Object(c.c)(e=>e.unregisteredClientDetectionStatus.recentConflictsDetected),T=Object(c.c)(e=>!e.showConflictDetectionReporter),N=Object(c.c)(e=>T&&e.conflictDetectionScannerStatus.isSubmitting),y=Object(c.c)(e=>e.conflictDetectionScannerStatus.hasSubmitted&&e.conflictDetectionScannerStatus.success),S=Object(c.c)(e=>a&&!e.conflictDetectionScannerStatus.hasSubmitted),w=Object(c.c)(e=>a&&!S&&e.conflictDetectionScannerStatus.success),C=Object(c.c)(e=>{const{isSubmitting:t,hasSubmitted:n,success:o}=e.unregisteredClientDetectionStatus;return a?S?h.stopping:w?h.stopped:h.error:N?h.restarting:T?h.expired:y?h.ready:o&&0===p()(f)?h.none:o?h.done:t?h.submitting:n?h.error:h.running}),D=Object(c.c)(e=>e.unregisteredClientDetectionStatus.message),I=s.a.createElement("div",null,s.a.createElement("h2",{style:O.tally},s.a.createElement("span",null,p()(f))," ",s.a.createElement("span",null," ",Object(g.__)("Results to Review","font-awesome"))),s.a.createElement("p",{style:O.p},r?Object(g.__)("Manage results or restart the scanner here on the Troubleshoot tab.","font-awesome"):s.a.createElement(s.a.Fragment,null,Object(g.__)("Manage results or restart the scanner on the Troubleshoot tab.","font-awesome")," ",s.a.createElement("a",{href:n,style:O.link},Object(g.__)("Go","font-awesome"))))),j=s.a.createElement("div",null,s.a.createElement("div",{style:O.status},s.a.createElement("h2",{style:O.h2},s.a.createElement(l.a,{icon:u.e,size:"sm",spin:!0})," ",s.a.createElement("span",null,C.display))));return s.a.createElement(s.a.Fragment,null,s.a.createElement("div",{style:O.header},s.a.createElement("h1",{style:O.h1},Object(g.__)("Font Awesome Conflict Scanner","font-awesome")),s.a.createElement("p",{style:O.adminEyesOnly},Object(g.__)("only admins can see this box","font-awesome"))),s.a.createElement("div",{style:O.content},{None:s.a.createElement("div",null,s.a.createElement("div",{style:O.status},s.a.createElement("h2",{style:O.h2},s.a.createElement(l.a,{icon:u.i,size:"sm"})," ",s.a.createElement("span",null,Object(g.__)("All clear!","font-awesome"))),s.a.createElement("p",{style:O.p},Object(g.__)("No new conflicts found on this page.","font-awesome")))),Running:s.a.createElement("div",null,s.a.createElement("div",{style:O.status},s.a.createElement("h2",{style:O.h2},s.a.createElement(l.a,{icon:u.e,size:"sm",spin:!0})," ",s.a.createElement("span",null,Object(g.__)("Scanning","font-awesome"),"...")))),Restarting:s.a.createElement("div",null,s.a.createElement("div",{style:O.status},s.a.createElement("h2",{style:O.h2},s.a.createElement(l.a,{icon:u.e,size:"sm",spin:!0})," ",s.a.createElement("span",null,Object(g.__)("Restarting","font-awesome"),"...")))),Ready:s.a.createElement("div",null,s.a.createElement("div",null,s.a.createElement("h2",{style:O.h2},s.a.createElement(l.a,{icon:u.o,size:"sm"})," ",Object(g.__)("Proton pack charged!","font-awesome")),s.a.createElement("p",{style:O.p},Object(g.__)("Wander through the pages of your web site and this scanner will track progress.","font-awesome")))),Submitting:j,Stopping:j,Done:s.a.createElement("div",null,s.a.createElement("div",{style:O.status},s.a.createElement("h2",{style:O.h2},s.a.createElement(l.a,{icon:u.b,size:"sm"})," ",s.a.createElement("span",null,Object(g.__)("Page scan complete","font-awesome")))),s.a.createElement("p",{style:O.tally},s.a.createElement("span",{style:O.count},p()(Object.keys(b).filter(e=>!E()(_,e))))," ",s.a.createElement("span",null,Object(g.__)("new conflicts found on this page","font-awesome"))),s.a.createElement("p",{style:O.tally},s.a.createElement("span",{style:O.count},p()(f))," ",s.a.createElement("span",null,"total found"),r?s.a.createElement("span",null," (",Object(g.__)("manage conflicts here on the Troubleshoot tab","font-awesome"),")"):s.a.createElement("span",null," (",s.a.createElement("a",{href:n,style:O.link},Object(g.__)("manage","font-awesome")),")"))),Expired:I,Stopped:I,Error:s.a.createElement("div",null,s.a.createElement("h2",{style:O.h2},s.a.createElement(l.a,{icon:u.l})," ",s.a.createElement("span",null,Object(g.__)("Don't cross the streams! It would be bad.","font-awesome"))),s.a.createElement("p",{style:O.p},D))}[C.code]),s.a.createElement("div",{style:O.timerRow},s.a.createElement("span",null,s.a.createElement(m.a,{addDescription:!0},s.a.createElement("button",{style:O.button,title:Object(g.__)("Stop timer","font-awesome"),onClick:()=>(e(Object(i.userAttemptToStopScanner)()),void e(Object(i.setConflictDetectionScanner)({enable:!1})))},s.a.createElement(l.a,{icon:u.p,size:"lg"})))),{Expired:Object(g.__)("Timer expired","font-awesome"),Stopped:Object(g.__)("Timer stopped","font-awesome"),Restarting:null}[C.code]))},class extends b.a{render(){return s.a.createElement("div",{style:O.container},this.state.error?s.a.createElement("div",{style:O.badness},s.a.createElement(l.a,{icon:u.g}),Object(g.__)(" Whoops, this is embarrassing! Some unexpected error has occurred. There might be some additional diagnostic information in the JavaScript console.","font-awesome")):s.a.createElement(T,null))}}),y=n(176),S=n(202),w=n.n(S),C=n(153),D=n.n(C);const I="font-awesome-plugin-conflict-detection-shadow-host";function j(e){D()(()=>{const t=document.createElement("DIV");t.setAttribute("id",I),document.body.appendChild(t);const n=t.attachShadow({mode:"open"});w()(n);const o=document.createElement("STYLE"),r=y.a.css(),i=document.createTextNode(r);o.appendChild(i);const l=document.createElement("DIV");n.appendChild(o),n.appendChild(l),a.a.render(s.a.createElement(c.a,{store:e},s.a.createElement(N,null)),l)})}function v(){const e=document.getElementById(I);return!!e&&!!e.shadowRoot}}}]);
admin/build/{11.js → 11-83caae6e8b60d2829dbb.js} RENAMED
@@ -1 +1 @@
1
- (window.webpackJsonp_font_awesome_admin=window.webpackJsonp_font_awesome_admin||[]).push([[11],{167:function(e,t,o){"use strict";var n=o(152);const a=n.createInterpolateElement||n.__experimentalCreateInterpolateElement;t.a=a},275:function(e,t,o){var n={"./fa-icon-chooser.entry.js":[277,3,15],"./fa-icon.entry.js":[278,3,16]};function a(e){if(!o.o(n,e))return Promise.resolve().then((function(){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}));var t=n[e],a=t[0];return Promise.all(t.slice(1).map(o.e)).then((function(){return o(a)}))}a.keys=function(){return Object.keys(n)},a.id=275,e.exports=a},289:function(e,t,o){"use strict";o.r(t),o.d(t,"setupIconChooser",(function(){return E}));var n=o(0),a=o.n(n),r=o(149),s=o.n(r),i=o(153),c=o(288),l=o(150),m=o(167),d=e=>{const{onSubmit:t,kitToken:o,version:n,pro:a,handleQuery:d,modalOpenEvent:u,getUrlText:h,settingsPageUrl:f}=e,[w,p]=Object(r.useState)(!1);document.addEventListener(u.type,()=>p(!0));const g=()=>p(!1),_=!!a&&!o;return s.a.createElement(s.a.Fragment,null,w&&s.a.createElement(i.Modal,{title:"Add a Font Awesome Icon",onRequestClose:g},_&&s.a.createElement("div",{style:{margin:"1em",backgroundColor:"#FFD200",padding:"1em",borderRadius:".5em",fontSize:"15px"}},Object(l.__)("Looking for Pro icons and styles? You’ll need to use a kit. ","font-awesome"),s.a.createElement("a",{href:f},Object(l.__)("Go to Font Awesome Plugin Settings","font-awesome"))),s.a.createElement(c.a,{version:n,kitToken:o,handleQuery:d,getUrlText:h,onFinish:e=>(e=>{"function"==typeof t&&t(e),g()})(e),searchInputPlaceholder:Object(l.__)("Find icons by name, category, or keyword","font-awesome")},s.a.createElement("span",{slot:"fatal-error-heading"},Object(l.__)("Well, this is awkward...","font-awesome")),s.a.createElement("span",{slot:"fatal-error-detail"},Object(l.__)("Something has gone horribly wrong. Check the console for additional error information.","font-awesome")),s.a.createElement("span",{slot:"start-view-heading"},Object(l.__)("Font Awesome is the web's most popular icon set, with tons of icons in a variety of styles.","font-awesome")),s.a.createElement("span",{slot:"start-view-detail"},Object(m.a)(Object(l.__)("Not sure where to start? Here are some favorites, or try a search for <strong>spinners</strong>, <strong>shopping</strong>, <strong>food</strong>, or <strong>whatever you're looking for</strong>.","font-awesome"),{strong:s.a.createElement("strong",null)})),s.a.createElement("span",{slot:"search-field-label-free"},Object(l.__)("Search Font Awesome Free Icons in Version","font-awesome")),s.a.createElement("span",{slot:"search-field-label-pro"},Object(l.__)("Search Font Awesome Pro Icons in Version","font-awesome")),s.a.createElement("span",{slot:"searching-free"},Object(l.__)("You're searching Font Awesome Free icons in version","font-awesome")),s.a.createElement("span",{slot:"searching-pro"},Object(l.__)("You're searching Font Awesome Pro icons in version","font-awesome")),s.a.createElement("span",{slot:"light-requires-pro"},Object(l.__)("You need to use a Pro kit to get Light icons.","font-awesome")),s.a.createElement("span",{slot:"thin-requires-pro"},Object(l.__)("You need to use a Pro kit with Version 6 to get Thin icons.","font-awesome")),s.a.createElement("span",{slot:"duotone-requires-pro"},Object(l.__)("You need to use a Pro kit with Version 5.10 or later to get Duotone icons.","font-awesome")),s.a.createElement("span",{slot:"uploaded-requires-pro"},Object(l.__)("You need to use a Pro kit to get Uploaded icons.","font-awesome")),s.a.createElement("span",{slot:"kit-has-no-uploaded-icons"},Object(l.__)("This kit contains no uploaded icons.","font-awesome")),s.a.createElement("span",{slot:"no-search-results-heading"},Object(l.__)("Sorry, we couldn't find anything for that.","font-awesome")),s.a.createElement("span",{slot:"no-search-results-detail"},Object(l.__)("You might try a different search...","font-awesome")),s.a.createElement("span",{slot:"suggest-icon-upload"},Object(m.a)(Object(l.__)("Or <a>upload your own icon</a> to a Pro kit!","font-awesome"),{a:s.a.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"https://fontawesome.com/v5.15/how-to-use/on-the-web/using-kits/uploading-icons"})})),s.a.createElement("span",{slot:"get-fontawesome-pro"},Object(m.a)(Object(l.__)("Or <a>use Font Awesome Pro</a> for more icons and styles!","font-awesome"),{a:s.a.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"https://fontawesome.com/"})})),s.a.createElement("span",{slot:"initial-loading-view-heading"},Object(l.__)("Fetching icons","font-awesome")),s.a.createElement("span",{slot:"initial-loading-view-detail"},Object(l.__)("When this thing gets up to 88 mph...","font-awesome")))))};function u(e){const t=[];if(!e.iconName)return void console.error("Font Awesome Icon Chooser: missing required iconName attribute for shortcode");t.push(`name="${e.iconName}"`);const o=["prefix","style","class","aria-hidden","aria-label","aria-labelledby","title","role"];for(const n of o){const o=a()(e,n);o&&t.push(`${n}="${o}"`)}return`[icon ${t.join(" ")}]`}var h=o(152),f=o(154),w=o(155),p=o(151),g=o.n(p);function _(e){const t=a()(window,"wp.media.editor.insert");t&&t(u(e.detail))}let b=!1;function E(e){const t={...e,modalOpenEvent:new Event("fontAwesomeIconChooserOpen",{bubbles:!0,cancelable:!1})};return window.__FontAwesomeOfficialPlugin__openIconChooserModal=()=>{document.dispatchEvent(t.modalOpenEvent)},a()(e,"isGutenbergPage")&&function(e){const t="font-awesome/icon",o=Object(l.__)("Font Awesome Icon"),{modalOpenEvent:n,kitToken:a,version:r,pro:s,handleQuery:c,getUrlText:m,settingsPageUrl:p}=e;Object(f.registerFormatType)(t,{name:t,title:Object(l.__)("Font Awesome Icon"),keywords:[Object(l.__)("icon"),Object(l.__)("font awesome")],tagName:"i",className:null,object:!1,edit:class extends h.Component{constructor(e){super(...arguments),this.handleFormatButtonClick=this.handleFormatButtonClick.bind(this),this.handleSelect=this.handleSelect.bind(this)}handleFormatButtonClick(){document.dispatchEvent(n)}handleSelect(e){const{value:t,onChange:o}=this.props;if(!e.detail)return;const n=u(e.detail);o(Object(f.insert)(t,n))}render(){return React.createElement(h.Fragment,null,React.createElement(w.RichTextToolbarButton,{icon:React.createElement(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",className:"svg-inline--fa fa-font-awesome fa-w-14"},React.createElement(i.Path,{fill:"currentColor",d:"M397.8 32H50.2C22.7 32 0 54.7 0 82.2v347.6C0 457.3 22.7 480 50.2 480h347.6c27.5 0 50.2-22.7 50.2-50.2V82.2c0-27.5-22.7-50.2-50.2-50.2zm-45.4 284.3c0 4.2-3.6 6-7.8 7.8-16.7 7.2-34.6 13.7-53.8 13.7-26.9 0-39.4-16.7-71.7-16.7-23.3 0-47.8 8.4-67.5 17.3-1.2.6-2.4.6-3.6 1.2V385c0 1.8 0 3.6-.6 4.8v1.2c-2.4 8.4-10.2 14.3-19.1 14.3-11.3 0-20.3-9-20.3-20.3V166.4c-7.8-6-13.1-15.5-13.1-26.3 0-18.5 14.9-33.5 33.5-33.5 18.5 0 33.5 14.9 33.5 33.5 0 10.8-4.8 20.3-13.1 26.3v18.5c1.8-.6 3.6-1.2 5.4-2.4 18.5-7.8 40.6-14.3 61.5-14.3 22.7 0 40.6 6 60.9 13.7 4.2 1.8 8.4 2.4 13.1 2.4 22.7 0 47.8-16.1 53.8-16.1 4.8 0 9 3.6 9 7.8v140.3z"})),title:o,onClick:this.handleFormatButtonClick}),React.createElement(d,{modalOpenEvent:n,kitToken:a,version:r,pro:s,settingsPageUrl:p,handleQuery:c,onSubmit:this.handleSelect,getUrlText:m}))}}})}(t),{setupClassicEditorIconChooser:()=>function(e){b||window.tinymce&&(!function(e){const{iconChooserContainerId:t,modalOpenEvent:n,kitToken:a,version:r,pro:i,handleQuery:c,getUrlText:l,settingsPageUrl:m}=e,u=document.querySelector("#"+t);if(!u)return;if(!window.tinymce)return;let h=!1;h||(h=!0,o.e(13).then(o.bind(null,286)).then(()=>{}).catch(e=>console.error("Font Awesome Plugin failed to load styles for the Icon Chooser in the Classic Editor",e))),g.a.render(s.a.createElement(d,{kitToken:a,version:r,pro:i,modalOpenEvent:n,handleQuery:c,settingsPageUrl:m,onSubmit:_,getUrlText:l}),u)}({...e,iconChooserContainerId:"font-awesome-icon-chooser-container",iconChooserMediaButtonClass:"font-awesome-icon-chooser-media-button"}),b=!0)}(t)}}}}]);
1
+ (window.webpackJsonp_font_awesome_admin=window.webpackJsonp_font_awesome_admin||[]).push([[11],{168:function(e,t,o){"use strict";var n=o(152);const a=n.createInterpolateElement||n.__experimentalCreateInterpolateElement;t.a=a},276:function(e,t,o){var n={"./fa-icon-chooser.entry.js":[278,3,15],"./fa-icon.entry.js":[279,3,16]};function a(e){if(!o.o(n,e))return Promise.resolve().then((function(){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}));var t=n[e],a=t[0];return Promise.all(t.slice(1).map(o.e)).then((function(){return o(a)}))}a.keys=function(){return Object.keys(n)},a.id=276,e.exports=a},290:function(e,t,o){"use strict";o.r(t),o.d(t,"setupIconChooser",(function(){return E}));var n=o(0),a=o.n(n),r=o(149),s=o.n(r),i=o(154),c=o(289),l=o(150),m=o(168),d=e=>{const{onSubmit:t,kitToken:o,version:n,pro:a,handleQuery:d,modalOpenEvent:u,getUrlText:h,settingsPageUrl:f}=e,[w,p]=Object(r.useState)(!1);document.addEventListener(u.type,()=>p(!0));const g=()=>p(!1),_=!!a&&!o;return s.a.createElement(s.a.Fragment,null,w&&s.a.createElement(i.Modal,{title:"Add a Font Awesome Icon",onRequestClose:g},_&&s.a.createElement("div",{style:{margin:"1em",backgroundColor:"#FFD200",padding:"1em",borderRadius:".5em",fontSize:"15px"}},Object(l.__)("Looking for Pro icons and styles? You’ll need to use a kit. ","font-awesome"),s.a.createElement("a",{href:f},Object(l.__)("Go to Font Awesome Plugin Settings","font-awesome"))),s.a.createElement(c.a,{version:n,kitToken:o,handleQuery:d,getUrlText:h,onFinish:e=>(e=>{"function"==typeof t&&t(e),g()})(e),searchInputPlaceholder:Object(l.__)("Find icons by name, category, or keyword","font-awesome")},s.a.createElement("span",{slot:"fatal-error-heading"},Object(l.__)("Well, this is awkward...","font-awesome")),s.a.createElement("span",{slot:"fatal-error-detail"},Object(l.__)("Something has gone horribly wrong. Check the console for additional error information.","font-awesome")),s.a.createElement("span",{slot:"start-view-heading"},Object(l.__)("Font Awesome is the web's most popular icon set, with tons of icons in a variety of styles.","font-awesome")),s.a.createElement("span",{slot:"start-view-detail"},Object(m.a)(Object(l.__)("Not sure where to start? Here are some favorites, or try a search for <strong>spinners</strong>, <strong>shopping</strong>, <strong>food</strong>, or <strong>whatever you're looking for</strong>.","font-awesome"),{strong:s.a.createElement("strong",null)})),s.a.createElement("span",{slot:"search-field-label-free"},Object(l.__)("Search Font Awesome Free Icons in Version","font-awesome")),s.a.createElement("span",{slot:"search-field-label-pro"},Object(l.__)("Search Font Awesome Pro Icons in Version","font-awesome")),s.a.createElement("span",{slot:"searching-free"},Object(l.__)("You're searching Font Awesome Free icons in version","font-awesome")),s.a.createElement("span",{slot:"searching-pro"},Object(l.__)("You're searching Font Awesome Pro icons in version","font-awesome")),s.a.createElement("span",{slot:"light-requires-pro"},Object(l.__)("You need to use a Pro kit to get Light icons.","font-awesome")),s.a.createElement("span",{slot:"thin-requires-pro"},Object(l.__)("You need to use a Pro kit with Version 6 to get Thin icons.","font-awesome")),s.a.createElement("span",{slot:"duotone-requires-pro"},Object(l.__)("You need to use a Pro kit with Version 5.10 or later to get Duotone icons.","font-awesome")),s.a.createElement("span",{slot:"uploaded-requires-pro"},Object(l.__)("You need to use a Pro kit to get Uploaded icons.","font-awesome")),s.a.createElement("span",{slot:"kit-has-no-uploaded-icons"},Object(l.__)("This kit contains no uploaded icons.","font-awesome")),s.a.createElement("span",{slot:"no-search-results-heading"},Object(l.__)("Sorry, we couldn't find anything for that.","font-awesome")),s.a.createElement("span",{slot:"no-search-results-detail"},Object(l.__)("You might try a different search...","font-awesome")),s.a.createElement("span",{slot:"suggest-icon-upload"},Object(m.a)(Object(l.__)("Or <a>upload your own icon</a> to a Pro kit!","font-awesome"),{a:s.a.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"https://fontawesome.com/v5.15/how-to-use/on-the-web/using-kits/uploading-icons"})})),s.a.createElement("span",{slot:"get-fontawesome-pro"},Object(m.a)(Object(l.__)("Or <a>use Font Awesome Pro</a> for more icons and styles!","font-awesome"),{a:s.a.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"https://fontawesome.com/"})})),s.a.createElement("span",{slot:"initial-loading-view-heading"},Object(l.__)("Fetching icons","font-awesome")),s.a.createElement("span",{slot:"initial-loading-view-detail"},Object(l.__)("When this thing gets up to 88 mph...","font-awesome")))))};function u(e){const t=[];if(!e.iconName)return void console.error("Font Awesome Icon Chooser: missing required iconName attribute for shortcode");t.push(`name="${e.iconName}"`);const o=["prefix","style","class","aria-hidden","aria-label","aria-labelledby","title","role"];for(const n of o){const o=a()(e,n);o&&t.push(`${n}="${o}"`)}return`[icon ${t.join(" ")}]`}var h=o(152),f=o(155),w=o(156),p=o(151),g=o.n(p);function _(e){const t=a()(window,"wp.media.editor.insert");t&&t(u(e.detail))}let b=!1;function E(e){const t={...e,modalOpenEvent:new Event("fontAwesomeIconChooserOpen",{bubbles:!0,cancelable:!1})};return window.__FontAwesomeOfficialPlugin__openIconChooserModal=()=>{document.dispatchEvent(t.modalOpenEvent)},a()(e,"isGutenbergPage")&&function(e){const t="font-awesome/icon",o=Object(l.__)("Font Awesome Icon"),{modalOpenEvent:n,kitToken:a,version:r,pro:s,handleQuery:c,getUrlText:m,settingsPageUrl:p}=e;Object(f.registerFormatType)(t,{name:t,title:Object(l.__)("Font Awesome Icon"),keywords:[Object(l.__)("icon"),Object(l.__)("font awesome")],tagName:"i",className:null,object:!1,edit:class extends h.Component{constructor(e){super(...arguments),this.handleFormatButtonClick=this.handleFormatButtonClick.bind(this),this.handleSelect=this.handleSelect.bind(this)}handleFormatButtonClick(){document.dispatchEvent(n)}handleSelect(e){const{value:t,onChange:o}=this.props;if(!e.detail)return;const n=u(e.detail);o(Object(f.insert)(t,n))}render(){return React.createElement(h.Fragment,null,React.createElement(w.RichTextToolbarButton,{icon:React.createElement(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",className:"svg-inline--fa fa-font-awesome fa-w-14"},React.createElement(i.Path,{fill:"currentColor",d:"M397.8 32H50.2C22.7 32 0 54.7 0 82.2v347.6C0 457.3 22.7 480 50.2 480h347.6c27.5 0 50.2-22.7 50.2-50.2V82.2c0-27.5-22.7-50.2-50.2-50.2zm-45.4 284.3c0 4.2-3.6 6-7.8 7.8-16.7 7.2-34.6 13.7-53.8 13.7-26.9 0-39.4-16.7-71.7-16.7-23.3 0-47.8 8.4-67.5 17.3-1.2.6-2.4.6-3.6 1.2V385c0 1.8 0 3.6-.6 4.8v1.2c-2.4 8.4-10.2 14.3-19.1 14.3-11.3 0-20.3-9-20.3-20.3V166.4c-7.8-6-13.1-15.5-13.1-26.3 0-18.5 14.9-33.5 33.5-33.5 18.5 0 33.5 14.9 33.5 33.5 0 10.8-4.8 20.3-13.1 26.3v18.5c1.8-.6 3.6-1.2 5.4-2.4 18.5-7.8 40.6-14.3 61.5-14.3 22.7 0 40.6 6 60.9 13.7 4.2 1.8 8.4 2.4 13.1 2.4 22.7 0 47.8-16.1 53.8-16.1 4.8 0 9 3.6 9 7.8v140.3z"})),title:o,onClick:this.handleFormatButtonClick}),React.createElement(d,{modalOpenEvent:n,kitToken:a,version:r,pro:s,settingsPageUrl:p,handleQuery:c,onSubmit:this.handleSelect,getUrlText:m}))}}})}(t),{setupClassicEditorIconChooser:()=>function(e){b||window.tinymce&&(!function(e){const{iconChooserContainerId:t,modalOpenEvent:n,kitToken:a,version:r,pro:i,handleQuery:c,getUrlText:l,settingsPageUrl:m}=e,u=document.querySelector("#"+t);if(!u)return;if(!window.tinymce)return;let h=!1;h||(h=!0,o.e(13).then(o.bind(null,287)).then(()=>{}).catch(e=>console.error("Font Awesome Plugin failed to load styles for the Icon Chooser in the Classic Editor",e))),g.a.render(s.a.createElement(d,{kitToken:a,version:r,pro:i,modalOpenEvent:n,handleQuery:c,settingsPageUrl:m,onSubmit:_,getUrlText:l}),u)}({...e,iconChooserContainerId:"font-awesome-icon-chooser-container",iconChooserMediaButtonClass:"font-awesome-icon-chooser-media-button"}),b=!0)}(t)}}}}]);
admin/build/{12.js → 12-bcb0b3d592dcd25d5903.js} RENAMED
@@ -1 +1 @@
1
- (window.webpackJsonp_font_awesome_admin=window.webpackJsonp_font_awesome_admin||[]).push([[12],{180:function(e,t,n){"use strict";n.d(t,"a",(function(){return o})),n.d(t,"b",(function(){return u})),n.d(t,"c",(function(){return w})),n.d(t,"d",(function(){return ze})),n.d(t,"e",(function(){return de})),n.d(t,"f",(function(){return P})),n.d(t,"g",(function(){return $e})),n.d(t,"h",(function(){return M})),n.d(t,"i",(function(){return y})),n.d(t,"j",(function(){return Ue})),n.d(t,"k",(function(){return f}));const o={allRenderFn:!0,appendChildSlotFix:!1,asyncLoading:!0,asyncQueue:!1,attachStyles:!0,cloneNodeFix:!1,cmpDidLoad:!1,cmpDidRender:!1,cmpDidUnload:!1,cmpDidUpdate:!1,cmpShouldUpdate:!1,cmpWillLoad:!0,cmpWillRender:!1,cmpWillUpdate:!1,connectedCallback:!1,constructableCSS:!0,cssAnnotations:!0,cssVarShim:!1,devTools:!1,disconnectedCallback:!1,dynamicImportShim:!1,element:!1,event:!0,hasRenderFn:!0,hostListener:!1,hostListenerTarget:!1,hostListenerTargetBody:!1,hostListenerTargetDocument:!1,hostListenerTargetParent:!1,hostListenerTargetWindow:!1,hotModuleReplacement:!1,hydrateClientSide:!1,hydrateServerSide:!1,hydratedAttribute:!1,hydratedClass:!0,initializeNextTick:!1,isDebug:!1,isDev:!0,isTesting:!0,lazyLoad:!0,lifecycle:!0,lifecycleDOMEvents:!0,member:!0,method:!1,mode:!1,observeAttribute:!0,profile:!1,prop:!0,propBoolean:!0,propMutable:!1,propNumber:!1,propString:!0,reflect:!1,safari10:!1,scoped:!1,scriptDataOpts:!1,shadowDelegatesFocus:!1,shadowDom:!0,shadowDomShim:!1,slot:!0,slotChildNodesFix:!1,slotRelocation:!1,state:!0,style:!0,svg:!0,taskQueue:!0,transformTagName:!1,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};let s,a,l,r=0,i=!1,$=!1,d=!1,c=!1,m=null,h=0,p=!1;const f="undefined"!=typeof window?window:{},u=o.cssVarShim?f.CSS:null,g=f.document||{head:{}},y=(f.HTMLElement,{$flags$:0,$resourcesUrl$:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,o)=>e.addEventListener(t,n,o),rel:(e,t,n,o)=>e.removeEventListener(t,n,o),ce:(e,t)=>new CustomEvent(e,t)}),v=!o.shadowDomShim||!o.shadowDom||(()=>(g.head.attachShadow+"").indexOf("[native")>-1)(),b=(()=>{let e=!1;try{g.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=!0}}))}catch(e){}return e})(),w=e=>Promise.resolve(e),S=!!o.constructableCSS&&(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replace}catch(e){}return!1})(),N=(e,t,n,s)=>{o.hostListener&&n&&(o.hostListenerTargetParent&&(n=s?n.filter(([e])=>32&e):n.filter(([e])=>!(32&e))),n.map(([n,s,a])=>{const l=o.hostListenerTarget?L(e,n):e,r=R(t,a),i=C(n);y.ael(l,s,r,i),(t.$rmListeners$=t.$rmListeners$||[]).push(()=>y.rel(l,s,r,i))}))},R=(e,t)=>n=>{try{o.lazyLoad?256&e.$flags$?e.$lazyInstance$[t](n):(e.$queuedListeners$=e.$queuedListeners$||[]).push([t,n]):e.$hostElement$[t](n)}catch(e){Be(e)}},L=(e,t)=>o.hostListenerTargetDocument&&4&t?g:o.hostListenerTargetWindow&&8&t?f:o.hostListenerTargetBody&&16&t?g.body:o.hostListenerTargetParent&&32&t?e.parentElement:e,C=e=>b?{passive:0!=(1&e),capture:0!=(2&e)}:0!=(2&e),x="http://www.w3.org/1999/xlink",k=(e,t="")=>{if(o.profile&&performance.mark){const n=`st:${e}:${t}:${r++}`;return performance.mark(n),()=>performance.measure(`[Stencil] ${e}() <${t}>`,n)}return()=>{}},T=new WeakMap,D=(e,t,n)=>{let o=Ke.get(e);S&&n?(o=o||new CSSStyleSheet,o.replace(t)):o=t,Ke.set(e,o)},E=(e,t,n,s)=>{let a=O(t,n),l=Ke.get(a);if(!o.attachStyles)return a;if(e=11===e.nodeType?e:g,l)if("string"==typeof l){e=e.head||e;let n,r=T.get(e);if(r||T.set(e,r=new Set),!r.has(a)){if(o.hydrateClientSide&&e.host&&(n=e.querySelector(`[sty-id="${a}"]`)))n.innerHTML=l;else{if(o.cssVarShim&&y.$cssShim$){n=y.$cssShim$.createHostStyle(s,a,l,!!(10&t.$flags$));const e=n["s-sc"];e&&(a=e,r=null)}else n=g.createElement("style"),n.innerHTML=l;(o.hydrateServerSide||o.hotModuleReplacement)&&n.setAttribute("sty-id",a),e.insertBefore(n,e.querySelector("link"))}r&&r.add(a)}}else o.constructableCSS&&!e.adoptedStyleSheets.includes(l)&&(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return a},O=(e,t)=>"sc-"+(o.mode&&t&&32&e.$flags$?e.$tagName$+"-"+t:e.$tagName$),A={},j=e=>"object"==(e=typeof e)||"function"===e,M=(e,t,...n)=>{let s=null,a=null,l=null,r=!1,i=!1,$=[];const d=t=>{for(let n=0;n<t.length;n++)s=t[n],Array.isArray(s)?d(s):null!=s&&"boolean"!=typeof s&&((r="function"!=typeof e&&!j(s))?s=String(s):o.isDev&&"function"!=typeof e&&void 0===s.$flags$&&We("vNode passed as children has unexpected type.\nMake sure it's using the correct h() function.\nEmpty objects can also be the cause, look for JSX comments that became objects."),r&&i?$[$.length-1].$text$+=s:$.push(r?z(null,s):s),i=r)};if(d(n),t&&(o.isDev&&"input"===e&&B(t),o.vdomKey&&t.key&&(a=t.key),o.slotRelocation&&t.name&&(l=t.name),o.vdomClass)){const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter(t=>e[t]).join(" "))}if(o.isDev&&$.some(I)&&We("The <Host> must be the single root component. Make sure:\n- You are NOT using hostData() and <Host> in the same component.\n- <Host> is used once, and it's the single root component of the render() function."),o.vdomFunctional&&"function"==typeof e)return e(null===t?{}:t,$,U);const c=z(e,null);return c.$attrs$=t,$.length>0&&(c.$children$=$),o.vdomKey&&(c.$key$=a),o.slotRelocation&&(c.$name$=l),c},z=(e,t)=>{const n={$flags$:0,$tag$:e,$text$:t,$elm$:null,$children$:null};return o.vdomAttribute&&(n.$attrs$=null),o.vdomKey&&(n.$key$=null),o.slotRelocation&&(n.$name$=null),n},P={},I=e=>e&&e.$tag$===P,U={forEach:(e,t)=>e.map(_).forEach(t),map:(e,t)=>e.map(_).map(t).map(F)},_=e=>({vattrs:e.$attrs$,vchildren:e.$children$,vkey:e.$key$,vname:e.$name$,vtag:e.$tag$,vtext:e.$text$}),F=e=>{if("function"==typeof e.vtag){const t=Object.assign({},e.vattrs);return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),M(e.vtag,t,...e.vchildren||[])}const t=z(e.vtag,e.vtext);return t.$attrs$=e.vattrs,t.$children$=e.vchildren,t.$key$=e.vkey,t.$name$=e.vname,t},B=e=>{const t=Object.keys(e),n=t.indexOf("type"),o=t.indexOf("min"),s=t.indexOf("max"),a=t.indexOf("min"),l=t.indexOf("value");-1!==l&&(l<n||l<o||l<s||l<a)&&Ve('The "value" prop of <input> should be set after "min", "max", "type" and "step"')},H=(e,t,n,s,a,l)=>{if(n!==s){let r=Fe(e,t),i=t.toLowerCase();if(o.vdomClass&&"class"===t){const t=e.classList,o=V(n),a=V(s);t.remove(...o.filter(e=>e&&!a.includes(e))),t.add(...a.filter(e=>e&&!o.includes(e)))}else if(o.vdomStyle&&"style"===t){if(o.updatable)for(const t in n)s&&null!=s[t]||(!o.hydrateServerSide&&t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in s)n&&s[t]===n[t]||(!o.hydrateServerSide&&t.includes("-")?e.style.setProperty(t,s[t]):e.style[t]=s[t])}else if(o.vdomKey&&"key"===t);else if(o.vdomRef&&"ref"===t)s&&s(e);else if(!o.vdomListener||(o.lazyLoad?r:e.__lookupSetter__(t))||"o"!==t[0]||"n"!==t[1]){if(o.vdomPropOrAttr){const $=j(s);if((r||$&&null!==s)&&!a)try{if(e.tagName.includes("-"))e[t]=s;else{let o=null==s?"":s;"list"===t?r=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(e){}let d=!1;o.vdomXlink&&i!==(i=i.replace(/^xlink\:?/,""))&&(t=i,d=!0),null==s||!1===s?!1===s&&""!==e.getAttribute(t)||(o.vdomXlink&&d?e.removeAttributeNS(x,t):e.removeAttribute(t)):(!r||4&l||a)&&!$&&(s=!0===s?"":s,o.vdomXlink&&d?e.setAttributeNS(x,t,s):e.setAttribute(t,s))}}else t="-"===t[2]?t.slice(3):Fe(f,i)?i.slice(2):i[2]+t.slice(3),n&&y.rel(e,t,n,!1),s&&y.ael(e,t,s,!1)}},W=/\s/,V=e=>e?e.split(W):[],Q=(e,t,n,s)=>{const a=11===t.$elm$.nodeType&&t.$elm$.host?t.$elm$.host:t.$elm$,l=e&&e.$attrs$||A,r=t.$attrs$||A;if(o.updatable)for(s in l)s in r||H(a,s,l[s],void 0,n,t.$flags$);for(s in r)H(a,s,l[s],r[s],n,t.$flags$)},q=(e,t,n,r)=>{let $,m,h,p=t.$children$[n],f=0;if(o.slotRelocation&&!i&&(d=!0,"slot"===p.$tag$&&(s&&r.classList.add(s+"-s"),p.$flags$|=p.$children$?2:1)),o.isDev&&p.$elm$&&We(`The JSX ${null!==p.$text$?`"${p.$text$}" text`:`"${p.$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`),o.vdomText&&null!==p.$text$)$=p.$elm$=g.createTextNode(p.$text$);else if(o.slotRelocation&&1&p.$flags$)$=p.$elm$=o.isDebug||o.hydrateServerSide?re(p):g.createTextNode("");else{if(o.svg&&!c&&(c="svg"===p.$tag$),$=p.$elm$=o.svg?g.createElementNS(c?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.slotRelocation&&2&p.$flags$?"slot-fb":p.$tag$):g.createElement(o.slotRelocation&&2&p.$flags$?"slot-fb":p.$tag$),o.svg&&c&&"foreignObject"===p.$tag$&&(c=!1),o.vdomAttribute&&Q(null,p,c),(o.shadowDom||o.scoped)&&null!=s&&$["s-si"]!==s&&$.classList.add($["s-si"]=s),p.$children$)for(f=0;f<p.$children$.length;++f)m=q(e,p,f,$),m&&$.appendChild(m);o.svg&&("svg"===p.$tag$?c=!1:"foreignObject"===$.tagName&&(c=!0))}return o.slotRelocation&&($["s-hn"]=l,3&p.$flags$&&($["s-sr"]=!0,$["s-cr"]=a,$["s-sn"]=p.$name$||"",h=e&&e.$children$&&e.$children$[n],h&&h.$tag$===p.$tag$&&e.$elm$&&K(e.$elm$,!1))),$},K=(e,t)=>{y.$flags$|=1;const n=e.childNodes;for(let e=n.length-1;e>=0;e--){const o=n[e];o["s-hn"]!==l&&o["s-ol"]&&(Z(o).insertBefore(o,Y(o)),o["s-ol"].remove(),o["s-ol"]=void 0,d=!0),t&&K(o,t)}y.$flags$&=-2},X=(e,t,n,s,a,r)=>{let i,$=o.slotRelocation&&e["s-cr"]&&e["s-cr"].parentNode||e;for(o.shadowDom&&$.shadowRoot&&$.tagName===l&&($=$.shadowRoot);a<=r;++a)s[a]&&(i=q(null,n,a,e),i&&(s[a].$elm$=i,$.insertBefore(i,o.slotRelocation?Y(t):t)))},J=(e,t,n,s,a)=>{for(;t<=n;++t)(s=e[t])&&(a=s.$elm$,ae(s),o.slotRelocation&&($=!0,a["s-ol"]?a["s-ol"].remove():K(a,!0)),a.remove())},G=(e,t)=>e.$tag$===t.$tag$&&(o.slotRelocation&&"slot"===e.$tag$?e.$name$===t.$name$:!o.vdomKey||e.$key$===t.$key$),Y=e=>e&&e["s-ol"]||e,Z=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,ee=(e,t)=>{const n=t.$elm$=e.$elm$,s=e.$children$,a=t.$children$,l=t.$tag$,r=t.$text$;let i;o.vdomText&&null!==r?o.vdomText&&o.slotRelocation&&(i=n["s-cr"])?i.parentNode.textContent=r:o.vdomText&&e.$text$!==r&&(n.data=r):(o.svg&&(c="svg"===l||"foreignObject"!==l&&c),(o.vdomAttribute||o.reflect)&&(o.slot&&"slot"===l||Q(e,t,c)),o.updatable&&null!==s&&null!==a?((e,t,n,s)=>{let a,l,r=0,i=0,$=0,d=0,c=t.length-1,m=t[0],h=t[c],p=s.length-1,f=s[0],u=s[p];for(;r<=c&&i<=p;)if(null==m)m=t[++r];else if(null==h)h=t[--c];else if(null==f)f=s[++i];else if(null==u)u=s[--p];else if(G(m,f))ee(m,f),m=t[++r],f=s[++i];else if(G(h,u))ee(h,u),h=t[--c],u=s[--p];else if(G(m,u))!o.slotRelocation||"slot"!==m.$tag$&&"slot"!==u.$tag$||K(m.$elm$.parentNode,!1),ee(m,u),e.insertBefore(m.$elm$,h.$elm$.nextSibling),m=t[++r],u=s[--p];else if(G(h,f))!o.slotRelocation||"slot"!==m.$tag$&&"slot"!==u.$tag$||K(h.$elm$.parentNode,!1),ee(h,f),e.insertBefore(h.$elm$,m.$elm$),h=t[--c],f=s[++i];else{if($=-1,o.vdomKey)for(d=r;d<=c;++d)if(t[d]&&null!==t[d].$key$&&t[d].$key$===f.$key$){$=d;break}o.vdomKey&&$>=0?(l=t[$],l.$tag$!==f.$tag$?a=q(t&&t[i],n,$,e):(ee(l,f),t[$]=void 0,a=l.$elm$),f=s[++i]):(a=q(t&&t[i],n,i,e),f=s[++i]),a&&(o.slotRelocation?Z(m.$elm$).insertBefore(a,Y(m.$elm$)):m.$elm$.parentNode.insertBefore(a,m.$elm$))}r>c?X(e,null==s[p+1]?null:s[p+1].$elm$,n,s,i,p):o.updatable&&i>p&&J(t,r,c)})(n,s,t,a):null!==a?(o.updatable&&o.vdomText&&null!==e.$text$&&(n.textContent=""),X(n,null,t,a,0,a.length-1)):o.updatable&&null!==s&&J(s,0,s.length-1),o.svg&&c&&"svg"===l&&(c=!1))},te=e=>{let t,n,o,s,a,l,r=e.childNodes;for(n=0,o=r.length;n<o;n++)if(t=r[n],1===t.nodeType){if(t["s-sr"])for(a=t["s-sn"],t.hidden=!1,s=0;s<o;s++)if(l=r[s].nodeType,r[s]["s-hn"]!==t["s-hn"]||""!==a){if(1===l&&a===r[s].getAttribute("slot")){t.hidden=!0;break}}else if(1===l||3===l&&""!==r[s].textContent.trim()){t.hidden=!0;break}te(t)}},ne=[],oe=e=>{let t,n,o,s,a,l,r=0,i=e.childNodes,d=i.length;for(;r<d;r++){if(t=i[r],t["s-sr"]&&(n=t["s-cr"])&&n.parentNode)for(o=n.parentNode.childNodes,s=t["s-sn"],l=o.length-1;l>=0;l--)n=o[l],n["s-cn"]||n["s-nr"]||n["s-hn"]===t["s-hn"]||(se(n,s)?(a=ne.find(e=>e.$nodeToRelocate$===n),$=!0,n["s-sn"]=n["s-sn"]||s,a?a.$slotRefNode$=t:ne.push({$slotRefNode$:t,$nodeToRelocate$:n}),n["s-sr"]&&ne.map(e=>{se(e.$nodeToRelocate$,n["s-sn"])&&(a=ne.find(e=>e.$nodeToRelocate$===n),a&&!e.$slotRefNode$&&(e.$slotRefNode$=a.$slotRefNode$))})):ne.some(e=>e.$nodeToRelocate$===n)||ne.push({$nodeToRelocate$:n}));1===t.nodeType&&oe(t)}},se=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,ae=e=>{o.vdomRef&&(e.$attrs$&&e.$attrs$.ref&&e.$attrs$.ref(null),e.$children$&&e.$children$.map(ae))},le=(e,t)=>{const n=e.$hostElement$,r=e.$cmpMeta$,c=e.$vnode$||z(null,null),m=I(t)?t:M(null,null,t);if(l=n.tagName,o.isDev&&Array.isArray(t)&&t.some(I))throw new Error(`The <Host> must be the single root component.\nLooks like the render() function of "${l.toLowerCase()}" is returning an array that contains the <Host>.\n\nThe render() function should look like this instead:\n\nrender() {\n // Do not return an array\n return (\n <Host>{content}</Host>\n );\n}\n `);if(o.reflect&&r.$attrsToReflect$&&(m.$attrs$=m.$attrs$||{},r.$attrsToReflect$.map(([e,t])=>m.$attrs$[t]=n[e])),m.$tag$=null,m.$flags$|=4,e.$vnode$=m,m.$elm$=c.$elm$=o.shadowDom&&n.shadowRoot||n,(o.scoped||o.shadowDom)&&(s=n["s-sc"]),o.slotRelocation&&(a=n["s-cr"],i=v&&0!=(1&r.$flags$),$=!1),ee(c,m),o.slotRelocation){if(y.$flags$|=1,d){let e,t,n,s,a,l;oe(m.$elm$);let r=0;for(;r<ne.length;r++)e=ne[r],t=e.$nodeToRelocate$,t["s-ol"]||(n=o.isDebug||o.hydrateServerSide?ie(t):g.createTextNode(""),n["s-nr"]=t,t.parentNode.insertBefore(t["s-ol"]=n,t));for(r=0;r<ne.length;r++)if(e=ne[r],t=e.$nodeToRelocate$,e.$slotRefNode$){for(s=e.$slotRefNode$.parentNode,a=e.$slotRefNode$.nextSibling,n=t["s-ol"];n=n.previousSibling;)if(l=n["s-nr"],l&&l["s-sn"]===t["s-sn"]&&s===l.parentNode&&(l=l.nextSibling,!l||!l["s-nr"])){a=l;break}(!a&&s!==t.parentNode||t.nextSibling!==a)&&t!==a&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),s.insertBefore(t,a))}else 1===t.nodeType&&(t.hidden=!0)}$&&te(m.$elm$),y.$flags$&=-2,ne.length=0}},re=e=>g.createComment(`<slot${e.$name$?' name="'+e.$name$+'"':""}> (host=${l.toLowerCase()})`),ie=e=>g.createComment("org-location for "+(e.localName?`<${e.localName}> (host=${e["s-hn"]})`:`[${e.textContent}]`)),$e=e=>o.lazyLoad?Ie(e).$hostElement$:e,de=(e,t,n)=>{const s=$e(e);return{emit:e=>(o.isDev&&!s.isConnected&&Ve(`The "${t}" event was emitted, but the dispatcher node is no longer connected to the dom.`),ce(s,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e}))}},ce=(e,t,n)=>{const o=y.ce(t,n);return e.dispatchEvent(o),o},me=(e,t)=>{o.asyncLoading&&t&&!e.$onRenderResolve$&&t["s-p"]&&t["s-p"].push(new Promise(t=>e.$onRenderResolve$=t))},he=(e,t)=>{if(o.taskQueue&&o.updatable&&(e.$flags$|=16),o.asyncLoading&&4&e.$flags$)return void(e.$flags$|=512);me(e,e.$ancestorComponent$);const n=()=>pe(e,t);return o.taskQueue?st(n):n()},pe=(e,t)=>{const n=e.$hostElement$,s=k("scheduleUpdate",e.$cmpMeta$.$tagName$),a=o.lazyLoad?e.$lazyInstance$:n;let l;return t?(o.lazyLoad&&o.hostListener&&(e.$flags$|=256,e.$queuedListeners$&&(e.$queuedListeners$.map(([e,t])=>ve(a,e,t)),e.$queuedListeners$=null)),we(n,"componentWillLoad"),o.cmpWillLoad&&(l=ve(a,"componentWillLoad"))):(we(n,"componentWillUpdate"),o.cmpWillUpdate&&(l=ve(a,"componentWillUpdate"))),we(n,"componentWillRender"),o.cmpWillRender&&(l=be(l,()=>ve(a,"componentWillRender"))),s(),be(l,()=>fe(e,a,t))},fe=async(e,t,n)=>{const s=e.$hostElement$,a=k("update",e.$cmpMeta$.$tagName$),l=s["s-rc"];o.style&&n&&(e=>{const t=e.$cmpMeta$,n=e.$hostElement$,s=t.$flags$,a=k("attachStyles",t.$tagName$),l=E(o.shadowDom&&v&&n.shadowRoot?n.shadowRoot:n.getRootNode(),t,e.$modeName$,n);(o.shadowDom||o.scoped)&&o.cssAnnotations&&10&s&&(n["s-sc"]=l,n.classList.add(l+"-h"),o.scoped&&2&s&&n.classList.add(l+"-s")),a()})(e);const r=k("render",e.$cmpMeta$.$tagName$);if(o.isDev&&(e.$flags$|=1024),o.hydrateServerSide?await ue(e,t,s):ue(e,t,s),o.cssVarShim&&y.$cssShim$&&y.$cssShim$.updateHost(s),o.isDev&&(e.$renderCount$++,e.$flags$&=-1025),o.hydrateServerSide)try{Ne(s),n&&(1&e.$cmpMeta$.$flags$?s["s-en"]="":2&e.$cmpMeta$.$flags$&&(s["s-en"]="c"))}catch(e){Be(e,s)}if(o.asyncLoading&&l&&(l.map(e=>e()),s["s-rc"]=void 0),r(),a(),o.asyncLoading){const t=s["s-p"],n=()=>ge(e);0===t.length?n():(Promise.all(t).then(n),e.$flags$|=4,t.length=0)}else ge(e)},ue=(e,t,n)=>{const s=!!o.allRenderFn,a=!!o.lazyLoad,l=!!o.taskQueue,r=!!o.updatable;try{if(m=t,t=(s||t.render)&&t.render(),r&&l&&(e.$flags$&=-17),(r||a)&&(e.$flags$|=2),o.hasRenderFn||o.reflect)if(o.vdomRender||o.reflect){if(o.hydrateServerSide)return Promise.resolve(t).then(t=>le(e,t));le(e,t)}else n.textContent=t}catch(t){Be(t,e.$hostElement$)}return m=null,null},ge=e=>{const t=e.$cmpMeta$.$tagName$,n=e.$hostElement$,s=k("postUpdate",t),a=o.lazyLoad?e.$lazyInstance$:n,l=e.$ancestorComponent$;o.cmpDidRender&&(o.isDev&&(e.$flags$|=1024),ve(a,"componentDidRender"),o.isDev&&(e.$flags$&=-1025)),we(n,"componentDidRender"),64&e.$flags$?(o.cmpDidUpdate&&(o.isDev&&(e.$flags$|=1024),ve(a,"componentDidUpdate"),o.isDev&&(e.$flags$&=-1025)),we(n,"componentDidUpdate"),s()):(e.$flags$|=64,o.asyncLoading&&o.cssAnnotations&&Se(n),o.cmpDidLoad&&(o.isDev&&(e.$flags$|=2048),ve(a,"componentDidLoad"),o.isDev&&(e.$flags$&=-2049)),we(n,"componentDidLoad"),s(),o.asyncLoading&&(e.$onReadyResolve$(n),l||ye(t))),o.hotModuleReplacement&&n["s-hmr-load"]&&n["s-hmr-load"](),o.method&&o.lazyLoad&&e.$onInstanceResolve$(n),o.asyncLoading&&(e.$onRenderResolve$&&(e.$onRenderResolve$(),e.$onRenderResolve$=void 0),512&e.$flags$&&ot(()=>he(e,!1)),e.$flags$&=-517)},ye=e=>{o.cssAnnotations&&Se(g.documentElement),o.asyncQueue&&(y.$flags$|=2),ot(()=>ce(f,"appload",{detail:{namespace:"fa-icon-chooser"}})),o.profile&&performance.measure&&performance.measure(`[Stencil] fa-icon-chooser initial load (by ${e})`,"st:app:start")},ve=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){Be(e)}},be=(e,t)=>e&&e.then?e.then(t):t(),we=(e,t)=>{o.lifecycleDOMEvents&&ce(e,"stencil_"+t,{bubbles:!0,composed:!0,detail:{namespace:"fa-icon-chooser"}})},Se=e=>o.hydratedClass?e.classList.add("hydrated"):o.hydratedAttribute?e.setAttribute("hydrated",""):void 0,Ne=e=>{const t=e.children;if(null!=t)for(let e=0,n=t.length;e<n;e++){const n=t[e];"function"==typeof n.connectedCallback&&n.connectedCallback(),Ne(n)}},Re=(e,t,n,s,a,l,r)=>{let i,$,d,c;if(1===l.nodeType){for(i=l.getAttribute("c-id"),i&&($=i.split("."),$[0]!==r&&"0"!==$[0]||(d={$flags$:0,$hostId$:$[0],$nodeId$:$[1],$depth$:$[2],$index$:$[3],$tag$:l.tagName.toLowerCase(),$elm$:l,$attrs$:null,$children$:null,$key$:null,$name$:null,$text$:null},t.push(d),l.removeAttribute("c-id"),e.$children$||(e.$children$=[]),e.$children$[d.$index$]=d,e=d,s&&"0"===d.$depth$&&(s[d.$index$]=d.$elm$))),c=l.childNodes.length-1;c>=0;c--)Re(e,t,n,s,a,l.childNodes[c],r);if(l.shadowRoot)for(c=l.shadowRoot.childNodes.length-1;c>=0;c--)Re(e,t,n,s,a,l.shadowRoot.childNodes[c],r)}else if(8===l.nodeType)$=l.nodeValue.split("."),$[1]!==r&&"0"!==$[1]||(i=$[0],d={$flags$:0,$hostId$:$[1],$nodeId$:$[2],$depth$:$[3],$index$:$[4],$elm$:l,$attrs$:null,$children$:null,$key$:null,$name$:null,$tag$:null,$text$:null},"t"===i?(d.$elm$=l.nextSibling,d.$elm$&&3===d.$elm$.nodeType&&(d.$text$=d.$elm$.textContent,t.push(d),l.remove(),e.$children$||(e.$children$=[]),e.$children$[d.$index$]=d,s&&"0"===d.$depth$&&(s[d.$index$]=d.$elm$))):d.$hostId$===r&&("s"===i?(d.$tag$="slot",$[5]?l["s-sn"]=d.$name$=$[5]:l["s-sn"]="",l["s-sr"]=!0,o.shadowDom&&s&&(d.$elm$=g.createElement(d.$tag$),d.$name$&&d.$elm$.setAttribute("name",d.$name$),l.parentNode.insertBefore(d.$elm$,l),l.remove(),"0"===d.$depth$&&(s[d.$index$]=d.$elm$)),n.push(d),e.$children$||(e.$children$=[]),e.$children$[d.$index$]=d):"r"===i&&(o.shadowDom&&s?l.remove():o.slotRelocation&&(a["s-cr"]=l,l["s-cn"]=!0))));else if(e&&"style"===e.$tag$){const t=z(null,l.textContent);t.$elm$=l,t.$index$="0",e.$children$=[t]}},Le=(e,t)=>{if(1===e.nodeType){let n=0;for(;n<e.childNodes.length;n++)Le(e.childNodes[n],t);if(e.shadowRoot)for(n=0;n<e.shadowRoot.childNodes.length;n++)Le(e.shadowRoot.childNodes[n],t)}else if(8===e.nodeType){const n=e.nodeValue.split(".");"o"===n[0]&&(t.set(n[1]+"."+n[2],e),e.nodeValue="",e["s-en"]=n[3])}},Ce=(e,t,n)=>{if(o.member&&t.$members$){o.watchCallback&&e.watchers&&(t.$watchers$=e.watchers);const s=Object.entries(t.$members$),a=e.prototype;if(s.map(([e,[s]])=>{(o.prop||o.state)&&(31&s||(!o.lazyLoad||2&n)&&32&s)?Object.defineProperty(a,e,{get(){return t=e,Ie(this).$instanceValues$.get(t);var t},set(a){if(o.isDev){const o=Ie(this);0==(1&n)&&0==(8&o.$flags$)&&0!=(31&s)&&0==(1024&s)&&Ve(`@Prop() "${e}" on <${t.$tagName$}> is immutable but was modified from within the component.\nMore information: https://stenciljs.com/docs/properties#prop-mutability`)}((e,t,n,s)=>{const a=Ie(e),l=o.lazyLoad?a.$hostElement$:e,r=a.$instanceValues$.get(t),i=a.$flags$,$=o.lazyLoad?a.$lazyInstance$:l;var d,c;if(d=n,c=s.$members$[t][0],n=null==d||j(d)?d:o.propBoolean&&4&c?"false"!==d&&(""===d||!!d):o.propNumber&&2&c?parseFloat(d):o.propString&&1&c?String(d):d,!(o.lazyLoad&&8&i&&void 0!==r||n===r)&&(a.$instanceValues$.set(t,n),o.isDev&&(1024&a.$flags$?Ve(`The state/prop "${t}" changed during rendering. This can potentially lead to infinite-loops and other bugs.`,"\nElement",l,"\nNew value",n,"\nOld value",r):2048&a.$flags$&&Ve(`The state/prop "${t}" changed during "componentDidLoad()", this triggers extra re-renders, try to setup on "componentWillLoad()"`,"\nElement",l,"\nNew value",n,"\nOld value",r)),!o.lazyLoad||$)){if(o.watchCallback&&s.$watchers$&&128&i){const e=s.$watchers$[t];e&&e.map(e=>{try{$[e](n,r,t)}catch(e){Be(e,l)}})}if(o.updatable&&2==(18&i)){if(o.cmpShouldUpdate&&$.componentShouldUpdate&&!1===$.componentShouldUpdate(n,r,t))return;he(a,!1)}}})(this,e,a,t)},configurable:!0,enumerable:!0}):o.lazyLoad&&o.method&&1&n&&64&s&&Object.defineProperty(a,e,{value(...t){const n=Ie(this);return n.$onInstancePromise$.then(()=>n.$lazyInstance$[e](...t))}})}),o.observeAttribute&&(!o.lazyLoad||1&n)){const n=new Map;a.attributeChangedCallback=function(e,t,o){y.jmp(()=>{const t=n.get(e);this[t]=(null!==o||"boolean"!=typeof this[t])&&o})},e.observedAttributes=s.filter(([e,t])=>15&t[0]).map(([e,s])=>{const a=s[1]||e;return n.set(a,e),o.reflect&&512&s[0]&&t.$attrsToReflect$.push([e,a]),a})}}return e},xe=async(e,t,s,a,l)=>{if((o.lazyLoad||o.hydrateServerSide||o.style)&&0==(32&t.$flags$)){if(o.lazyLoad||o.hydrateClientSide){if(t.$flags$|=32,(l=qe(s,t,a)).then){const e=(r=`st:load:${s.$tagName$}:${t.$modeName$}`,i=`[Stencil] Load module for <${s.$tagName$}>`,o.profile&&performance.mark?(0===performance.getEntriesByName(r).length&&performance.mark(r),()=>{0===performance.getEntriesByName(i).length&&performance.measure(i,r)}):()=>{});l=await l,e()}if((o.isDev||o.isDebug)&&!l)throw new Error(`Constructor for "${s.$tagName$}#${t.$modeName$}" was not found`);o.member&&!l.isProxied&&(o.watchCallback&&(s.$watchers$=l.watchers),Ce(l,s,2),l.isProxied=!0);const e=k("createInstance",s.$tagName$);o.member&&(t.$flags$|=8);try{new l(t)}catch(e){Be(e)}o.member&&(t.$flags$&=-9),o.watchCallback&&(t.$flags$|=128),e(),ke(t.$lazyInstance$)}else l=e.constructor,t.$flags$|=160;if(o.style&&l.style){let a=l.style;o.mode&&"string"!=typeof a&&(a=a[t.$modeName$=(e=>Xe.map(t=>t(e)).find(e=>!!e))(e)],o.hydrateServerSide&&t.$modeName$&&e.setAttribute("s-mode",t.$modeName$));const r=O(s,t.$modeName$);if(!Ke.has(r)){const e=k("registerStyles",s.$tagName$);!o.hydrateServerSide&&o.shadowDom&&o.shadowDomShim&&8&s.$flags$&&(a=await n.e(17).then(n.bind(null,276)).then(e=>e.scopeCss(a,r,!1))),D(r,a,!!(1&s.$flags$)),e()}}}var r,i;const $=t.$ancestorComponent$,d=()=>he(t,!0);o.asyncLoading&&$&&$["s-rc"]?$["s-rc"].push(d):d()},ke=e=>{o.lazyLoad&&o.connectedCallback&&ve(e,"connectedCallback")},Te=e=>{const t=e["s-cr"]=g.createComment(o.isDebug?`content-ref (host=${e.localName})`:"");t["s-cn"]=!0,e.insertBefore(t,e.firstChild)},De=e=>{const t=e.cloneNode;e.cloneNode=function(e){const n=this,s=!!o.shadowDom&&n.shadowRoot&&v,a=t.call(n,!!s&&e);if(o.slot&&!s&&e){let e,t,s=0,l=["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"];for(;s<n.childNodes.length;s++)e=n.childNodes[s]["s-nr"],t=l.every(e=>!n.childNodes[s][e]),e&&(o.appendChildSlotFix&&a.__appendChild?a.__appendChild(e.cloneNode(!0)):a.appendChild(e.cloneNode(!0))),t&&a.appendChild(n.childNodes[s].cloneNode(!0))}return a}},Ee=e=>{e.__appendChild=e.appendChild,e.appendChild=function(e){const t=e["s-sn"]=Ae(e),n=je(this.childNodes,t);if(n){const o=Me(n,t),s=o[o.length-1];return s.parentNode.insertBefore(e,s.nextSibling)}return this.__appendChild(e)}},Oe=(e,t)=>{class n extends Array{item(e){return this[e]}}if(8&t.$flags$){const t=e.__lookupGetter__("childNodes");Object.defineProperty(e,"children",{get(){return this.childNodes.map(e=>1===e.nodeType)}}),Object.defineProperty(e,"childElementCount",{get:()=>e.children.length}),Object.defineProperty(e,"childNodes",{get(){const e=t.call(this);if(0==(1&y.$flags$)&&2&Ie(this).$flags$){const t=new n;for(let n=0;n<e.length;n++){const o=e[n]["s-nr"];o&&t.push(o)}return t}return n.from(e)}})}},Ae=e=>e["s-sn"]||1===e.nodeType&&e.getAttribute("slot")||"",je=(e,t)=>{let n,o=0;for(;o<e.length;o++){if(n=e[o],n["s-sr"]&&n["s-sn"]===t)return n;if(n=je(n.childNodes,t),n)return n}return null},Me=(e,t)=>{const n=[e];for(;(e=e.nextSibling)&&e["s-sn"]===t;)n.push(e);return n},ze=(e,t={})=>{o.profile&&performance.mark&&performance.mark("st:app:start"),(()=>{if(o.devTools){const e=f.stencil=f.stencil||{},t=e.inspect;e.inspect=e=>{let n=(e=>{const t=Ie(e);if(!t)return;const n=t.$flags$,o=t.$hostElement$;return{renderCount:t.$renderCount$,flags:{hasRendered:!!(2&n),hasConnected:!!(1&n),isWaitingForChildren:!!(4&n),isConstructingInstance:!!(8&n),isQueuedForUpdate:!!(16&n),hasInitializedComponent:!!(32&n),hasLoadedComponent:!!(64&n),isWatchReady:!!(128&n),isListenReady:!!(256&n),needsRerender:!!(512&n)},instanceValues:t.$instanceValues$,ancestorComponent:t.$ancestorComponent$,hostElement:o,lazyInstance:t.$lazyInstance$,vnode:t.$vnode$,modeName:t.$modeName$,onReadyPromise:t.$onReadyPromise$,onReadyResolve:t.$onReadyResolve$,onInstancePromise:t.$onInstancePromise$,onInstanceResolve:t.$onInstanceResolve$,onRenderResolve:t.$onRenderResolve$,queuedListeners:t.$queuedListeners$,rmListeners:t.$rmListeners$,"s-id":o["s-id"],"s-cr":o["s-cr"],"s-lr":o["s-lr"],"s-p":o["s-p"],"s-rc":o["s-rc"],"s-sc":o["s-sc"]}})(e);return n||"function"!=typeof t||(n=t(e)),n}}})();const n=k("bootstrapLazy"),s=[],a=t.exclude||[],l=f.customElements,r=g.head,i=r.querySelector("meta[charset]"),$=g.createElement("style"),d=[],c=g.querySelectorAll("[sty-id]");let m,h=!0,p=0;if(Object.assign(y,t),y.$resourcesUrl$=new URL(t.resourcesUrl||"./",g.baseURI).href,o.asyncQueue&&t.syncQueue&&(y.$flags$|=4),o.hydrateClientSide&&(y.$flags$|=2),o.hydrateClientSide&&o.shadowDom)for(;p<c.length;p++)D(c[p].getAttribute("sty-id"),c[p].innerHTML.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),!0);e.map(e=>e[1].map(n=>{const r={$flags$:n[0],$tagName$:n[1],$members$:n[2],$listeners$:n[3]};o.member&&(r.$members$=n[2]),o.hostListener&&(r.$listeners$=n[3]),o.reflect&&(r.$attrsToReflect$=[]),o.watchCallback&&(r.$watchers$={}),o.shadowDom&&!v&&1&r.$flags$&&(r.$flags$|=8);const i=o.transformTagName&&t.transformTagName?t.transformTagName(r.$tagName$):r.$tagName$,$=class extends HTMLElement{constructor(e){super(e),_e(e=this,r),o.shadowDom&&1&r.$flags$&&(v?o.shadowDelegatesFocus?e.attachShadow({mode:"open",delegatesFocus:!!(16&r.$flags$)}):e.attachShadow({mode:"open"}):o.hydrateServerSide||"shadowRoot"in e||(e.shadowRoot=e)),o.slotChildNodesFix&&Oe(e,r)}connectedCallback(){m&&(clearTimeout(m),m=null),h?d.push(this):y.jmp(()=>(e=>{if(0==(1&y.$flags$)){const t=Ie(e),n=t.$cmpMeta$,s=k("connectedCallback",n.$tagName$);if(o.hostListenerTargetParent&&N(e,t,n.$listeners$,!0),1&t.$flags$)N(e,t,n.$listeners$,!1),ke(t.$lazyInstance$);else{let s;if(t.$flags$|=1,o.hydrateClientSide&&(s=e.getAttribute("s-id"),s)){if(o.shadowDom&&v&&1&n.$flags$){const t=o.mode?E(e.shadowRoot,n,e.getAttribute("s-mode")):E(e.shadowRoot,n);e.classList.remove(t+"-h",t+"-s")}((e,t,n,s)=>{const a=k("hydrateClient",t),l=e.shadowRoot,r=[],i=o.shadowDom&&l?[]:null,$=s.$vnode$=z(t,null);y.$orgLocNodes$||Le(g.body,y.$orgLocNodes$=new Map),e["s-id"]=n,e.removeAttribute("s-id"),Re($,r,[],i,e,e,n),r.map(e=>{const n=e.$hostId$+"."+e.$nodeId$,o=y.$orgLocNodes$.get(n),s=e.$elm$;o&&v&&""===o["s-en"]&&o.parentNode.insertBefore(s,o.nextSibling),l||(s["s-hn"]=t,o&&(s["s-ol"]=o,s["s-ol"]["s-nr"]=s)),y.$orgLocNodes$.delete(n)}),o.shadowDom&&l&&i.map(e=>{e&&l.appendChild(e)}),a()})(e,n.$tagName$,s,t)}if(o.slotRelocation&&!s&&(o.hydrateServerSide||(o.slot||o.shadowDom)&&12&n.$flags$)&&Te(e),o.asyncLoading){let n=e;for(;n=n.parentNode||n.host;)if(o.hydrateClientSide&&1===n.nodeType&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){me(t,t.$ancestorComponent$=n);break}}o.prop&&o.lazyLoad&&!o.hydrateServerSide&&n.$members$&&Object.entries(n.$members$).map(([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}}),o.initializeNextTick?ot(()=>xe(e,t,n)):xe(e,t,n)}s()}})(this))}disconnectedCallback(){y.jmp(()=>(e=>{if(0==(1&y.$flags$)){const t=Ie(e),n=o.lazyLoad?t.$lazyInstance$:e;o.hostListener&&t.$rmListeners$&&(t.$rmListeners$.map(e=>e()),t.$rmListeners$=void 0),o.cssVarShim&&y.$cssShim$&&y.$cssShim$.removeHost(e),o.lazyLoad&&o.disconnectedCallback&&ve(n,"disconnectedCallback"),o.cmpDidUnload&&ve(n,"componentDidUnload")}})(this))}componentOnReady(){return Ie(this).$onReadyPromise$}};o.cloneNodeFix&&De($.prototype),o.appendChildSlotFix&&Ee($.prototype),o.hotModuleReplacement&&($.prototype["s-hmr"]=function(e){((e,t,n)=>{const o=Ie(e);o.$flags$=1,e["s-hmr-load"]=()=>{delete e["s-hmr-load"]},xe(e,o,t,n)})(this,r,e)}),r.$lazyBundleId$=e[0],a.includes(i)||l.get(i)||(s.push(i),l.define(i,Ce($,r,1)))})),(o.hydratedClass||o.hydratedAttribute)&&($.innerHTML=s+"{visibility:hidden}.hydrated{visibility:inherit}",$.setAttribute("data-styles",""),r.insertBefore($,i?i.nextSibling:r.firstChild)),h=!1,d.length?d.map(e=>e.connectedCallback()):o.profile?y.jmp(()=>m=setTimeout(ye,30,"timeout")):y.jmp(()=>m=setTimeout(ye,30)),n()},Pe=new WeakMap,Ie=e=>Pe.get(e),Ue=(e,t)=>Pe.set(t.$lazyInstance$=e,t),_e=(e,t)=>{const n={$flags$:0,$hostElement$:e,$cmpMeta$:t,$instanceValues$:new Map};return o.isDev&&(n.$renderCount$=0),o.method&&o.lazyLoad&&(n.$onInstancePromise$=new Promise(e=>n.$onInstanceResolve$=e)),o.asyncLoading&&(n.$onReadyPromise$=new Promise(e=>n.$onReadyResolve$=e),e["s-p"]=[],e["s-rc"]=[]),N(e,n,t.$listeners$,!1),Pe.set(e,n)},Fe=(e,t)=>t in e,Be=(e,t)=>(0,console.error)(e,t),He=o.isTesting?["STENCIL:"]:["%cstencil","color: white;background:#4c47ff;font-weight: bold; font-size:10px; padding:2px 6px; border-radius: 5px"],We=(...e)=>console.error(...He,...e),Ve=(...e)=>console.warn(...He,...e),Qe=new Map,qe=(e,t,s)=>{const a=e.$tagName$.replace(/-/g,"_"),l=e.$lazyBundleId$;if(o.isDev&&"string"!=typeof l)return void We(`Trying to lazily load component <${e.$tagName$}> with style mode "${t.$modeName$}", but it does not exist.`);const r=!o.hotModuleReplacement&&Qe.get(l);return r?r[a]:n(275)(`./${l}.entry.js${o.hotModuleReplacement&&s?"?s-hmr="+s:""}`).then(e=>(o.hotModuleReplacement||Qe.set(l,e),e[a]),Be)},Ke=new Map,Xe=[],Je=[],Ge=[],Ye=[],Ze=(e,t)=>n=>{e.push(n),p||(p=!0,t&&4&y.$flags$?ot(nt):y.raf(nt))},et=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){Be(e)}e.length=0},tt=(e,t)=>{let n=0,o=0;for(;n<e.length&&(o=performance.now())<t;)try{e[n++](o)}catch(e){Be(e)}n===e.length?e.length=0:0!==n&&e.splice(0,n)},nt=()=>{if(o.asyncQueue&&h++,et(Je),o.asyncQueue){const e=2==(6&y.$flags$)?performance.now()+14*Math.ceil(.1*h):1/0;tt(Ge,e),tt(Ye,e),Ge.length>0&&(Ye.push(...Ge),Ge.length=0),(p=Je.length+Ge.length+Ye.length>0)?y.raf(nt):h=0}else et(Ge),(p=Je.length>0)&&y.raf(nt)},ot=e=>w().then(e),st=Ze(Ge,!0);o.isDev,o.isTesting},288:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var o=n(149),s=n.n(o);const a=(e,t)=>{const n="on"+e;let o=n in t;if(!o){const e=t.createElement("div");e.setAttribute(n,"return;"),o="function"==typeof e[n]}return o},l=(e,t,n)=>{const o=e.__events||(e.__events={}),s=o[t];s&&e.removeEventListener(t,s),e.addEventListener(t,o[t]=function(e){n&&n.call(this,e)})},r=e=>{const t=new Map;return e.forEach(e=>t.set(e,e)),t},i=(...e)=>t=>e.forEach(e=>{"function"==typeof e?e(t):null!=e&&(e.current=t)});const $=(e,t,n)=>{const o=e.toLowerCase().split("-").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(""),$=class extends s.a.Component{constructor(e){super(e),this.setComponentElRef=e=>{this.componentEl=e}}componentDidMount(){this.componentDidUpdate(this.props)}componentDidUpdate(e){((e,t,n={})=>{if(e instanceof Element){const o=((e,t,n)=>{const o=t.className||t.class,s=n.className||n.class,a=r(e),l=r(o?o.split(" "):[]),i=r(s?s.split(" "):[]),$=[];return a.forEach(e=>{l.has(e)?($.push(e),l.delete(e)):i.has(e)||$.push(e)}),l.forEach(e=>$.push(e)),$.join(" ")})(e.classList,t,n);""!==o&&(e.className=o),Object.keys(t).forEach(n=>{if("children"!==n&&"style"!==n&&"ref"!==n&&"class"!==n&&"className"!==n&&"forwardedRef"!==n)if(0===n.indexOf("on")&&n[2]===n[2].toUpperCase()){const o=n.substring(2),s=o[0].toLowerCase()+o.substring(1);"undefined"==typeof document||a(s,document)||l(e,s,t[n])}else e[n]=t[n],"string"==typeof t[n]?e.setAttribute(n.replace(/([A-Z])/g,e=>"-"+e[0].toLowerCase()),t[n]):e[n]=t[n]})}})(this.componentEl,this.props,e)}render(){const t=this.props,{children:o,forwardedRef:l,style:r,className:$,ref:d}=t,c=function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(o=Object.getOwnPropertySymbols(e);s<o.length;s++)t.indexOf(o[s])<0&&Object.prototype.propertyIsEnumerable.call(e,o[s])&&(n[o[s]]=e[o[s]])}return n}(t,["children","forwardedRef","style","className","ref"]);let m=Object.keys(c).reduce((e,t)=>{if(0===t.indexOf("on")&&t[2]===t[2].toUpperCase()){const n=t.substring(2).toLowerCase();"undefined"!=typeof document&&a(n,document)&&(e[t]=c[t])}else e[t]=c[t];return e},{});n&&(m=n(this.props,m));let h=Object.assign(Object.assign({},m),{ref:i(l,this.setComponentElRef),style:r});return s.a.createElement(e,h,o)}static get displayName(){return o}};return t&&($.contextType=t),((e,t)=>{const n=(t,n)=>s.a.createElement(e,Object.assign({},t,{forwardedRef:n}));return n.displayName=t,s.a.forwardRef(n)})($,o)};var d=n(180);!function(){if("undefined"!=typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var e=HTMLElement;window.HTMLElement=function(){return Reflect.construct(e,[],this.constructor)},HTMLElement.prototype=e.prototype,HTMLElement.prototype.constructor=HTMLElement,Object.setPrototypeOf(HTMLElement,e)}}(),"undefined"==typeof window?Promise.resolve():(!d.a.cssVarShim||d.b&&d.b.supports&&d.b.supports("color","var(--c)")?Object(d.c)():n.e(5).then(n.t.bind(null,285,7)).then(()=>(d.i.$cssShim$=d.k.__cssshim)?d.i.$cssShim$.i():0)).then(()=>Object(d.d)([["fa-icon",[[0,"fa-icon",{name:[1],stylePrefix:[1,"style-prefix"],svgApi:[8,"svg-api"],pro:[4],iconUpload:[16],class:[1],svgFetchBaseUrl:[1,"svg-fetch-base-url"],getUrlText:[16],kitToken:[1,"kit-token"],icon:[16],size:[1],loading:[32],iconDefinition:[32]}]]],["fa-icon-chooser",[[1,"fa-icon-chooser",{kitToken:[1,"kit-token"],version:[1],searchInputPlaceholder:[1,"search-input-placeholder"],handleQuery:[16],getUrlText:[16],query:[32],isQuerying:[32],isInitialLoading:[32],hasQueried:[32],icons:[32],styleFilterEnabled:[32],styleFilters:[32],kitMetadata:[32],fatalError:[32]}]]]],void 0));const c=$("fa-icon-chooser")}}]);
1
+ (window.webpackJsonp_font_awesome_admin=window.webpackJsonp_font_awesome_admin||[]).push([[12],{181:function(e,t,n){"use strict";n.d(t,"a",(function(){return o})),n.d(t,"b",(function(){return u})),n.d(t,"c",(function(){return w})),n.d(t,"d",(function(){return ze})),n.d(t,"e",(function(){return de})),n.d(t,"f",(function(){return P})),n.d(t,"g",(function(){return $e})),n.d(t,"h",(function(){return M})),n.d(t,"i",(function(){return y})),n.d(t,"j",(function(){return Ue})),n.d(t,"k",(function(){return f}));const o={allRenderFn:!0,appendChildSlotFix:!1,asyncLoading:!0,asyncQueue:!1,attachStyles:!0,cloneNodeFix:!1,cmpDidLoad:!1,cmpDidRender:!1,cmpDidUnload:!1,cmpDidUpdate:!1,cmpShouldUpdate:!1,cmpWillLoad:!0,cmpWillRender:!1,cmpWillUpdate:!1,connectedCallback:!1,constructableCSS:!0,cssAnnotations:!0,cssVarShim:!1,devTools:!1,disconnectedCallback:!1,dynamicImportShim:!1,element:!1,event:!0,hasRenderFn:!0,hostListener:!1,hostListenerTarget:!1,hostListenerTargetBody:!1,hostListenerTargetDocument:!1,hostListenerTargetParent:!1,hostListenerTargetWindow:!1,hotModuleReplacement:!1,hydrateClientSide:!1,hydrateServerSide:!1,hydratedAttribute:!1,hydratedClass:!0,initializeNextTick:!1,isDebug:!1,isDev:!0,isTesting:!0,lazyLoad:!0,lifecycle:!0,lifecycleDOMEvents:!0,member:!0,method:!1,mode:!1,observeAttribute:!0,profile:!1,prop:!0,propBoolean:!0,propMutable:!1,propNumber:!1,propString:!0,reflect:!1,safari10:!1,scoped:!1,scriptDataOpts:!1,shadowDelegatesFocus:!1,shadowDom:!0,shadowDomShim:!1,slot:!0,slotChildNodesFix:!1,slotRelocation:!1,state:!0,style:!0,svg:!0,taskQueue:!0,transformTagName:!1,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};let s,a,l,r=0,i=!1,$=!1,d=!1,c=!1,m=null,h=0,p=!1;const f="undefined"!=typeof window?window:{},u=o.cssVarShim?f.CSS:null,g=f.document||{head:{}},y=(f.HTMLElement,{$flags$:0,$resourcesUrl$:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,o)=>e.addEventListener(t,n,o),rel:(e,t,n,o)=>e.removeEventListener(t,n,o),ce:(e,t)=>new CustomEvent(e,t)}),v=!o.shadowDomShim||!o.shadowDom||(()=>(g.head.attachShadow+"").indexOf("[native")>-1)(),b=(()=>{let e=!1;try{g.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=!0}}))}catch(e){}return e})(),w=e=>Promise.resolve(e),S=!!o.constructableCSS&&(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replace}catch(e){}return!1})(),N=(e,t,n,s)=>{o.hostListener&&n&&(o.hostListenerTargetParent&&(n=s?n.filter(([e])=>32&e):n.filter(([e])=>!(32&e))),n.map(([n,s,a])=>{const l=o.hostListenerTarget?L(e,n):e,r=R(t,a),i=C(n);y.ael(l,s,r,i),(t.$rmListeners$=t.$rmListeners$||[]).push(()=>y.rel(l,s,r,i))}))},R=(e,t)=>n=>{try{o.lazyLoad?256&e.$flags$?e.$lazyInstance$[t](n):(e.$queuedListeners$=e.$queuedListeners$||[]).push([t,n]):e.$hostElement$[t](n)}catch(e){Be(e)}},L=(e,t)=>o.hostListenerTargetDocument&&4&t?g:o.hostListenerTargetWindow&&8&t?f:o.hostListenerTargetBody&&16&t?g.body:o.hostListenerTargetParent&&32&t?e.parentElement:e,C=e=>b?{passive:0!=(1&e),capture:0!=(2&e)}:0!=(2&e),x="http://www.w3.org/1999/xlink",k=(e,t="")=>{if(o.profile&&performance.mark){const n=`st:${e}:${t}:${r++}`;return performance.mark(n),()=>performance.measure(`[Stencil] ${e}() <${t}>`,n)}return()=>{}},T=new WeakMap,D=(e,t,n)=>{let o=Ke.get(e);S&&n?(o=o||new CSSStyleSheet,o.replace(t)):o=t,Ke.set(e,o)},E=(e,t,n,s)=>{let a=O(t,n),l=Ke.get(a);if(!o.attachStyles)return a;if(e=11===e.nodeType?e:g,l)if("string"==typeof l){e=e.head||e;let n,r=T.get(e);if(r||T.set(e,r=new Set),!r.has(a)){if(o.hydrateClientSide&&e.host&&(n=e.querySelector(`[sty-id="${a}"]`)))n.innerHTML=l;else{if(o.cssVarShim&&y.$cssShim$){n=y.$cssShim$.createHostStyle(s,a,l,!!(10&t.$flags$));const e=n["s-sc"];e&&(a=e,r=null)}else n=g.createElement("style"),n.innerHTML=l;(o.hydrateServerSide||o.hotModuleReplacement)&&n.setAttribute("sty-id",a),e.insertBefore(n,e.querySelector("link"))}r&&r.add(a)}}else o.constructableCSS&&!e.adoptedStyleSheets.includes(l)&&(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return a},O=(e,t)=>"sc-"+(o.mode&&t&&32&e.$flags$?e.$tagName$+"-"+t:e.$tagName$),A={},j=e=>"object"==(e=typeof e)||"function"===e,M=(e,t,...n)=>{let s=null,a=null,l=null,r=!1,i=!1,$=[];const d=t=>{for(let n=0;n<t.length;n++)s=t[n],Array.isArray(s)?d(s):null!=s&&"boolean"!=typeof s&&((r="function"!=typeof e&&!j(s))?s=String(s):o.isDev&&"function"!=typeof e&&void 0===s.$flags$&&We("vNode passed as children has unexpected type.\nMake sure it's using the correct h() function.\nEmpty objects can also be the cause, look for JSX comments that became objects."),r&&i?$[$.length-1].$text$+=s:$.push(r?z(null,s):s),i=r)};if(d(n),t&&(o.isDev&&"input"===e&&B(t),o.vdomKey&&t.key&&(a=t.key),o.slotRelocation&&t.name&&(l=t.name),o.vdomClass)){const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter(t=>e[t]).join(" "))}if(o.isDev&&$.some(I)&&We("The <Host> must be the single root component. Make sure:\n- You are NOT using hostData() and <Host> in the same component.\n- <Host> is used once, and it's the single root component of the render() function."),o.vdomFunctional&&"function"==typeof e)return e(null===t?{}:t,$,U);const c=z(e,null);return c.$attrs$=t,$.length>0&&(c.$children$=$),o.vdomKey&&(c.$key$=a),o.slotRelocation&&(c.$name$=l),c},z=(e,t)=>{const n={$flags$:0,$tag$:e,$text$:t,$elm$:null,$children$:null};return o.vdomAttribute&&(n.$attrs$=null),o.vdomKey&&(n.$key$=null),o.slotRelocation&&(n.$name$=null),n},P={},I=e=>e&&e.$tag$===P,U={forEach:(e,t)=>e.map(_).forEach(t),map:(e,t)=>e.map(_).map(t).map(F)},_=e=>({vattrs:e.$attrs$,vchildren:e.$children$,vkey:e.$key$,vname:e.$name$,vtag:e.$tag$,vtext:e.$text$}),F=e=>{if("function"==typeof e.vtag){const t=Object.assign({},e.vattrs);return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),M(e.vtag,t,...e.vchildren||[])}const t=z(e.vtag,e.vtext);return t.$attrs$=e.vattrs,t.$children$=e.vchildren,t.$key$=e.vkey,t.$name$=e.vname,t},B=e=>{const t=Object.keys(e),n=t.indexOf("type"),o=t.indexOf("min"),s=t.indexOf("max"),a=t.indexOf("min"),l=t.indexOf("value");-1!==l&&(l<n||l<o||l<s||l<a)&&Ve('The "value" prop of <input> should be set after "min", "max", "type" and "step"')},H=(e,t,n,s,a,l)=>{if(n!==s){let r=Fe(e,t),i=t.toLowerCase();if(o.vdomClass&&"class"===t){const t=e.classList,o=V(n),a=V(s);t.remove(...o.filter(e=>e&&!a.includes(e))),t.add(...a.filter(e=>e&&!o.includes(e)))}else if(o.vdomStyle&&"style"===t){if(o.updatable)for(const t in n)s&&null!=s[t]||(!o.hydrateServerSide&&t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in s)n&&s[t]===n[t]||(!o.hydrateServerSide&&t.includes("-")?e.style.setProperty(t,s[t]):e.style[t]=s[t])}else if(o.vdomKey&&"key"===t);else if(o.vdomRef&&"ref"===t)s&&s(e);else if(!o.vdomListener||(o.lazyLoad?r:e.__lookupSetter__(t))||"o"!==t[0]||"n"!==t[1]){if(o.vdomPropOrAttr){const $=j(s);if((r||$&&null!==s)&&!a)try{if(e.tagName.includes("-"))e[t]=s;else{let o=null==s?"":s;"list"===t?r=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(e){}let d=!1;o.vdomXlink&&i!==(i=i.replace(/^xlink\:?/,""))&&(t=i,d=!0),null==s||!1===s?!1===s&&""!==e.getAttribute(t)||(o.vdomXlink&&d?e.removeAttributeNS(x,t):e.removeAttribute(t)):(!r||4&l||a)&&!$&&(s=!0===s?"":s,o.vdomXlink&&d?e.setAttributeNS(x,t,s):e.setAttribute(t,s))}}else t="-"===t[2]?t.slice(3):Fe(f,i)?i.slice(2):i[2]+t.slice(3),n&&y.rel(e,t,n,!1),s&&y.ael(e,t,s,!1)}},W=/\s/,V=e=>e?e.split(W):[],Q=(e,t,n,s)=>{const a=11===t.$elm$.nodeType&&t.$elm$.host?t.$elm$.host:t.$elm$,l=e&&e.$attrs$||A,r=t.$attrs$||A;if(o.updatable)for(s in l)s in r||H(a,s,l[s],void 0,n,t.$flags$);for(s in r)H(a,s,l[s],r[s],n,t.$flags$)},q=(e,t,n,r)=>{let $,m,h,p=t.$children$[n],f=0;if(o.slotRelocation&&!i&&(d=!0,"slot"===p.$tag$&&(s&&r.classList.add(s+"-s"),p.$flags$|=p.$children$?2:1)),o.isDev&&p.$elm$&&We(`The JSX ${null!==p.$text$?`"${p.$text$}" text`:`"${p.$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`),o.vdomText&&null!==p.$text$)$=p.$elm$=g.createTextNode(p.$text$);else if(o.slotRelocation&&1&p.$flags$)$=p.$elm$=o.isDebug||o.hydrateServerSide?re(p):g.createTextNode("");else{if(o.svg&&!c&&(c="svg"===p.$tag$),$=p.$elm$=o.svg?g.createElementNS(c?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.slotRelocation&&2&p.$flags$?"slot-fb":p.$tag$):g.createElement(o.slotRelocation&&2&p.$flags$?"slot-fb":p.$tag$),o.svg&&c&&"foreignObject"===p.$tag$&&(c=!1),o.vdomAttribute&&Q(null,p,c),(o.shadowDom||o.scoped)&&null!=s&&$["s-si"]!==s&&$.classList.add($["s-si"]=s),p.$children$)for(f=0;f<p.$children$.length;++f)m=q(e,p,f,$),m&&$.appendChild(m);o.svg&&("svg"===p.$tag$?c=!1:"foreignObject"===$.tagName&&(c=!0))}return o.slotRelocation&&($["s-hn"]=l,3&p.$flags$&&($["s-sr"]=!0,$["s-cr"]=a,$["s-sn"]=p.$name$||"",h=e&&e.$children$&&e.$children$[n],h&&h.$tag$===p.$tag$&&e.$elm$&&K(e.$elm$,!1))),$},K=(e,t)=>{y.$flags$|=1;const n=e.childNodes;for(let e=n.length-1;e>=0;e--){const o=n[e];o["s-hn"]!==l&&o["s-ol"]&&(Z(o).insertBefore(o,Y(o)),o["s-ol"].remove(),o["s-ol"]=void 0,d=!0),t&&K(o,t)}y.$flags$&=-2},X=(e,t,n,s,a,r)=>{let i,$=o.slotRelocation&&e["s-cr"]&&e["s-cr"].parentNode||e;for(o.shadowDom&&$.shadowRoot&&$.tagName===l&&($=$.shadowRoot);a<=r;++a)s[a]&&(i=q(null,n,a,e),i&&(s[a].$elm$=i,$.insertBefore(i,o.slotRelocation?Y(t):t)))},J=(e,t,n,s,a)=>{for(;t<=n;++t)(s=e[t])&&(a=s.$elm$,ae(s),o.slotRelocation&&($=!0,a["s-ol"]?a["s-ol"].remove():K(a,!0)),a.remove())},G=(e,t)=>e.$tag$===t.$tag$&&(o.slotRelocation&&"slot"===e.$tag$?e.$name$===t.$name$:!o.vdomKey||e.$key$===t.$key$),Y=e=>e&&e["s-ol"]||e,Z=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,ee=(e,t)=>{const n=t.$elm$=e.$elm$,s=e.$children$,a=t.$children$,l=t.$tag$,r=t.$text$;let i;o.vdomText&&null!==r?o.vdomText&&o.slotRelocation&&(i=n["s-cr"])?i.parentNode.textContent=r:o.vdomText&&e.$text$!==r&&(n.data=r):(o.svg&&(c="svg"===l||"foreignObject"!==l&&c),(o.vdomAttribute||o.reflect)&&(o.slot&&"slot"===l||Q(e,t,c)),o.updatable&&null!==s&&null!==a?((e,t,n,s)=>{let a,l,r=0,i=0,$=0,d=0,c=t.length-1,m=t[0],h=t[c],p=s.length-1,f=s[0],u=s[p];for(;r<=c&&i<=p;)if(null==m)m=t[++r];else if(null==h)h=t[--c];else if(null==f)f=s[++i];else if(null==u)u=s[--p];else if(G(m,f))ee(m,f),m=t[++r],f=s[++i];else if(G(h,u))ee(h,u),h=t[--c],u=s[--p];else if(G(m,u))!o.slotRelocation||"slot"!==m.$tag$&&"slot"!==u.$tag$||K(m.$elm$.parentNode,!1),ee(m,u),e.insertBefore(m.$elm$,h.$elm$.nextSibling),m=t[++r],u=s[--p];else if(G(h,f))!o.slotRelocation||"slot"!==m.$tag$&&"slot"!==u.$tag$||K(h.$elm$.parentNode,!1),ee(h,f),e.insertBefore(h.$elm$,m.$elm$),h=t[--c],f=s[++i];else{if($=-1,o.vdomKey)for(d=r;d<=c;++d)if(t[d]&&null!==t[d].$key$&&t[d].$key$===f.$key$){$=d;break}o.vdomKey&&$>=0?(l=t[$],l.$tag$!==f.$tag$?a=q(t&&t[i],n,$,e):(ee(l,f),t[$]=void 0,a=l.$elm$),f=s[++i]):(a=q(t&&t[i],n,i,e),f=s[++i]),a&&(o.slotRelocation?Z(m.$elm$).insertBefore(a,Y(m.$elm$)):m.$elm$.parentNode.insertBefore(a,m.$elm$))}r>c?X(e,null==s[p+1]?null:s[p+1].$elm$,n,s,i,p):o.updatable&&i>p&&J(t,r,c)})(n,s,t,a):null!==a?(o.updatable&&o.vdomText&&null!==e.$text$&&(n.textContent=""),X(n,null,t,a,0,a.length-1)):o.updatable&&null!==s&&J(s,0,s.length-1),o.svg&&c&&"svg"===l&&(c=!1))},te=e=>{let t,n,o,s,a,l,r=e.childNodes;for(n=0,o=r.length;n<o;n++)if(t=r[n],1===t.nodeType){if(t["s-sr"])for(a=t["s-sn"],t.hidden=!1,s=0;s<o;s++)if(l=r[s].nodeType,r[s]["s-hn"]!==t["s-hn"]||""!==a){if(1===l&&a===r[s].getAttribute("slot")){t.hidden=!0;break}}else if(1===l||3===l&&""!==r[s].textContent.trim()){t.hidden=!0;break}te(t)}},ne=[],oe=e=>{let t,n,o,s,a,l,r=0,i=e.childNodes,d=i.length;for(;r<d;r++){if(t=i[r],t["s-sr"]&&(n=t["s-cr"])&&n.parentNode)for(o=n.parentNode.childNodes,s=t["s-sn"],l=o.length-1;l>=0;l--)n=o[l],n["s-cn"]||n["s-nr"]||n["s-hn"]===t["s-hn"]||(se(n,s)?(a=ne.find(e=>e.$nodeToRelocate$===n),$=!0,n["s-sn"]=n["s-sn"]||s,a?a.$slotRefNode$=t:ne.push({$slotRefNode$:t,$nodeToRelocate$:n}),n["s-sr"]&&ne.map(e=>{se(e.$nodeToRelocate$,n["s-sn"])&&(a=ne.find(e=>e.$nodeToRelocate$===n),a&&!e.$slotRefNode$&&(e.$slotRefNode$=a.$slotRefNode$))})):ne.some(e=>e.$nodeToRelocate$===n)||ne.push({$nodeToRelocate$:n}));1===t.nodeType&&oe(t)}},se=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,ae=e=>{o.vdomRef&&(e.$attrs$&&e.$attrs$.ref&&e.$attrs$.ref(null),e.$children$&&e.$children$.map(ae))},le=(e,t)=>{const n=e.$hostElement$,r=e.$cmpMeta$,c=e.$vnode$||z(null,null),m=I(t)?t:M(null,null,t);if(l=n.tagName,o.isDev&&Array.isArray(t)&&t.some(I))throw new Error(`The <Host> must be the single root component.\nLooks like the render() function of "${l.toLowerCase()}" is returning an array that contains the <Host>.\n\nThe render() function should look like this instead:\n\nrender() {\n // Do not return an array\n return (\n <Host>{content}</Host>\n );\n}\n `);if(o.reflect&&r.$attrsToReflect$&&(m.$attrs$=m.$attrs$||{},r.$attrsToReflect$.map(([e,t])=>m.$attrs$[t]=n[e])),m.$tag$=null,m.$flags$|=4,e.$vnode$=m,m.$elm$=c.$elm$=o.shadowDom&&n.shadowRoot||n,(o.scoped||o.shadowDom)&&(s=n["s-sc"]),o.slotRelocation&&(a=n["s-cr"],i=v&&0!=(1&r.$flags$),$=!1),ee(c,m),o.slotRelocation){if(y.$flags$|=1,d){let e,t,n,s,a,l;oe(m.$elm$);let r=0;for(;r<ne.length;r++)e=ne[r],t=e.$nodeToRelocate$,t["s-ol"]||(n=o.isDebug||o.hydrateServerSide?ie(t):g.createTextNode(""),n["s-nr"]=t,t.parentNode.insertBefore(t["s-ol"]=n,t));for(r=0;r<ne.length;r++)if(e=ne[r],t=e.$nodeToRelocate$,e.$slotRefNode$){for(s=e.$slotRefNode$.parentNode,a=e.$slotRefNode$.nextSibling,n=t["s-ol"];n=n.previousSibling;)if(l=n["s-nr"],l&&l["s-sn"]===t["s-sn"]&&s===l.parentNode&&(l=l.nextSibling,!l||!l["s-nr"])){a=l;break}(!a&&s!==t.parentNode||t.nextSibling!==a)&&t!==a&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),s.insertBefore(t,a))}else 1===t.nodeType&&(t.hidden=!0)}$&&te(m.$elm$),y.$flags$&=-2,ne.length=0}},re=e=>g.createComment(`<slot${e.$name$?' name="'+e.$name$+'"':""}> (host=${l.toLowerCase()})`),ie=e=>g.createComment("org-location for "+(e.localName?`<${e.localName}> (host=${e["s-hn"]})`:`[${e.textContent}]`)),$e=e=>o.lazyLoad?Ie(e).$hostElement$:e,de=(e,t,n)=>{const s=$e(e);return{emit:e=>(o.isDev&&!s.isConnected&&Ve(`The "${t}" event was emitted, but the dispatcher node is no longer connected to the dom.`),ce(s,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e}))}},ce=(e,t,n)=>{const o=y.ce(t,n);return e.dispatchEvent(o),o},me=(e,t)=>{o.asyncLoading&&t&&!e.$onRenderResolve$&&t["s-p"]&&t["s-p"].push(new Promise(t=>e.$onRenderResolve$=t))},he=(e,t)=>{if(o.taskQueue&&o.updatable&&(e.$flags$|=16),o.asyncLoading&&4&e.$flags$)return void(e.$flags$|=512);me(e,e.$ancestorComponent$);const n=()=>pe(e,t);return o.taskQueue?st(n):n()},pe=(e,t)=>{const n=e.$hostElement$,s=k("scheduleUpdate",e.$cmpMeta$.$tagName$),a=o.lazyLoad?e.$lazyInstance$:n;let l;return t?(o.lazyLoad&&o.hostListener&&(e.$flags$|=256,e.$queuedListeners$&&(e.$queuedListeners$.map(([e,t])=>ve(a,e,t)),e.$queuedListeners$=null)),we(n,"componentWillLoad"),o.cmpWillLoad&&(l=ve(a,"componentWillLoad"))):(we(n,"componentWillUpdate"),o.cmpWillUpdate&&(l=ve(a,"componentWillUpdate"))),we(n,"componentWillRender"),o.cmpWillRender&&(l=be(l,()=>ve(a,"componentWillRender"))),s(),be(l,()=>fe(e,a,t))},fe=async(e,t,n)=>{const s=e.$hostElement$,a=k("update",e.$cmpMeta$.$tagName$),l=s["s-rc"];o.style&&n&&(e=>{const t=e.$cmpMeta$,n=e.$hostElement$,s=t.$flags$,a=k("attachStyles",t.$tagName$),l=E(o.shadowDom&&v&&n.shadowRoot?n.shadowRoot:n.getRootNode(),t,e.$modeName$,n);(o.shadowDom||o.scoped)&&o.cssAnnotations&&10&s&&(n["s-sc"]=l,n.classList.add(l+"-h"),o.scoped&&2&s&&n.classList.add(l+"-s")),a()})(e);const r=k("render",e.$cmpMeta$.$tagName$);if(o.isDev&&(e.$flags$|=1024),o.hydrateServerSide?await ue(e,t,s):ue(e,t,s),o.cssVarShim&&y.$cssShim$&&y.$cssShim$.updateHost(s),o.isDev&&(e.$renderCount$++,e.$flags$&=-1025),o.hydrateServerSide)try{Ne(s),n&&(1&e.$cmpMeta$.$flags$?s["s-en"]="":2&e.$cmpMeta$.$flags$&&(s["s-en"]="c"))}catch(e){Be(e,s)}if(o.asyncLoading&&l&&(l.map(e=>e()),s["s-rc"]=void 0),r(),a(),o.asyncLoading){const t=s["s-p"],n=()=>ge(e);0===t.length?n():(Promise.all(t).then(n),e.$flags$|=4,t.length=0)}else ge(e)},ue=(e,t,n)=>{const s=!!o.allRenderFn,a=!!o.lazyLoad,l=!!o.taskQueue,r=!!o.updatable;try{if(m=t,t=(s||t.render)&&t.render(),r&&l&&(e.$flags$&=-17),(r||a)&&(e.$flags$|=2),o.hasRenderFn||o.reflect)if(o.vdomRender||o.reflect){if(o.hydrateServerSide)return Promise.resolve(t).then(t=>le(e,t));le(e,t)}else n.textContent=t}catch(t){Be(t,e.$hostElement$)}return m=null,null},ge=e=>{const t=e.$cmpMeta$.$tagName$,n=e.$hostElement$,s=k("postUpdate",t),a=o.lazyLoad?e.$lazyInstance$:n,l=e.$ancestorComponent$;o.cmpDidRender&&(o.isDev&&(e.$flags$|=1024),ve(a,"componentDidRender"),o.isDev&&(e.$flags$&=-1025)),we(n,"componentDidRender"),64&e.$flags$?(o.cmpDidUpdate&&(o.isDev&&(e.$flags$|=1024),ve(a,"componentDidUpdate"),o.isDev&&(e.$flags$&=-1025)),we(n,"componentDidUpdate"),s()):(e.$flags$|=64,o.asyncLoading&&o.cssAnnotations&&Se(n),o.cmpDidLoad&&(o.isDev&&(e.$flags$|=2048),ve(a,"componentDidLoad"),o.isDev&&(e.$flags$&=-2049)),we(n,"componentDidLoad"),s(),o.asyncLoading&&(e.$onReadyResolve$(n),l||ye(t))),o.hotModuleReplacement&&n["s-hmr-load"]&&n["s-hmr-load"](),o.method&&o.lazyLoad&&e.$onInstanceResolve$(n),o.asyncLoading&&(e.$onRenderResolve$&&(e.$onRenderResolve$(),e.$onRenderResolve$=void 0),512&e.$flags$&&ot(()=>he(e,!1)),e.$flags$&=-517)},ye=e=>{o.cssAnnotations&&Se(g.documentElement),o.asyncQueue&&(y.$flags$|=2),ot(()=>ce(f,"appload",{detail:{namespace:"fa-icon-chooser"}})),o.profile&&performance.measure&&performance.measure(`[Stencil] fa-icon-chooser initial load (by ${e})`,"st:app:start")},ve=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){Be(e)}},be=(e,t)=>e&&e.then?e.then(t):t(),we=(e,t)=>{o.lifecycleDOMEvents&&ce(e,"stencil_"+t,{bubbles:!0,composed:!0,detail:{namespace:"fa-icon-chooser"}})},Se=e=>o.hydratedClass?e.classList.add("hydrated"):o.hydratedAttribute?e.setAttribute("hydrated",""):void 0,Ne=e=>{const t=e.children;if(null!=t)for(let e=0,n=t.length;e<n;e++){const n=t[e];"function"==typeof n.connectedCallback&&n.connectedCallback(),Ne(n)}},Re=(e,t,n,s,a,l,r)=>{let i,$,d,c;if(1===l.nodeType){for(i=l.getAttribute("c-id"),i&&($=i.split("."),$[0]!==r&&"0"!==$[0]||(d={$flags$:0,$hostId$:$[0],$nodeId$:$[1],$depth$:$[2],$index$:$[3],$tag$:l.tagName.toLowerCase(),$elm$:l,$attrs$:null,$children$:null,$key$:null,$name$:null,$text$:null},t.push(d),l.removeAttribute("c-id"),e.$children$||(e.$children$=[]),e.$children$[d.$index$]=d,e=d,s&&"0"===d.$depth$&&(s[d.$index$]=d.$elm$))),c=l.childNodes.length-1;c>=0;c--)Re(e,t,n,s,a,l.childNodes[c],r);if(l.shadowRoot)for(c=l.shadowRoot.childNodes.length-1;c>=0;c--)Re(e,t,n,s,a,l.shadowRoot.childNodes[c],r)}else if(8===l.nodeType)$=l.nodeValue.split("."),$[1]!==r&&"0"!==$[1]||(i=$[0],d={$flags$:0,$hostId$:$[1],$nodeId$:$[2],$depth$:$[3],$index$:$[4],$elm$:l,$attrs$:null,$children$:null,$key$:null,$name$:null,$tag$:null,$text$:null},"t"===i?(d.$elm$=l.nextSibling,d.$elm$&&3===d.$elm$.nodeType&&(d.$text$=d.$elm$.textContent,t.push(d),l.remove(),e.$children$||(e.$children$=[]),e.$children$[d.$index$]=d,s&&"0"===d.$depth$&&(s[d.$index$]=d.$elm$))):d.$hostId$===r&&("s"===i?(d.$tag$="slot",$[5]?l["s-sn"]=d.$name$=$[5]:l["s-sn"]="",l["s-sr"]=!0,o.shadowDom&&s&&(d.$elm$=g.createElement(d.$tag$),d.$name$&&d.$elm$.setAttribute("name",d.$name$),l.parentNode.insertBefore(d.$elm$,l),l.remove(),"0"===d.$depth$&&(s[d.$index$]=d.$elm$)),n.push(d),e.$children$||(e.$children$=[]),e.$children$[d.$index$]=d):"r"===i&&(o.shadowDom&&s?l.remove():o.slotRelocation&&(a["s-cr"]=l,l["s-cn"]=!0))));else if(e&&"style"===e.$tag$){const t=z(null,l.textContent);t.$elm$=l,t.$index$="0",e.$children$=[t]}},Le=(e,t)=>{if(1===e.nodeType){let n=0;for(;n<e.childNodes.length;n++)Le(e.childNodes[n],t);if(e.shadowRoot)for(n=0;n<e.shadowRoot.childNodes.length;n++)Le(e.shadowRoot.childNodes[n],t)}else if(8===e.nodeType){const n=e.nodeValue.split(".");"o"===n[0]&&(t.set(n[1]+"."+n[2],e),e.nodeValue="",e["s-en"]=n[3])}},Ce=(e,t,n)=>{if(o.member&&t.$members$){o.watchCallback&&e.watchers&&(t.$watchers$=e.watchers);const s=Object.entries(t.$members$),a=e.prototype;if(s.map(([e,[s]])=>{(o.prop||o.state)&&(31&s||(!o.lazyLoad||2&n)&&32&s)?Object.defineProperty(a,e,{get(){return t=e,Ie(this).$instanceValues$.get(t);var t},set(a){if(o.isDev){const o=Ie(this);0==(1&n)&&0==(8&o.$flags$)&&0!=(31&s)&&0==(1024&s)&&Ve(`@Prop() "${e}" on <${t.$tagName$}> is immutable but was modified from within the component.\nMore information: https://stenciljs.com/docs/properties#prop-mutability`)}((e,t,n,s)=>{const a=Ie(e),l=o.lazyLoad?a.$hostElement$:e,r=a.$instanceValues$.get(t),i=a.$flags$,$=o.lazyLoad?a.$lazyInstance$:l;var d,c;if(d=n,c=s.$members$[t][0],n=null==d||j(d)?d:o.propBoolean&&4&c?"false"!==d&&(""===d||!!d):o.propNumber&&2&c?parseFloat(d):o.propString&&1&c?String(d):d,!(o.lazyLoad&&8&i&&void 0!==r||n===r)&&(a.$instanceValues$.set(t,n),o.isDev&&(1024&a.$flags$?Ve(`The state/prop "${t}" changed during rendering. This can potentially lead to infinite-loops and other bugs.`,"\nElement",l,"\nNew value",n,"\nOld value",r):2048&a.$flags$&&Ve(`The state/prop "${t}" changed during "componentDidLoad()", this triggers extra re-renders, try to setup on "componentWillLoad()"`,"\nElement",l,"\nNew value",n,"\nOld value",r)),!o.lazyLoad||$)){if(o.watchCallback&&s.$watchers$&&128&i){const e=s.$watchers$[t];e&&e.map(e=>{try{$[e](n,r,t)}catch(e){Be(e,l)}})}if(o.updatable&&2==(18&i)){if(o.cmpShouldUpdate&&$.componentShouldUpdate&&!1===$.componentShouldUpdate(n,r,t))return;he(a,!1)}}})(this,e,a,t)},configurable:!0,enumerable:!0}):o.lazyLoad&&o.method&&1&n&&64&s&&Object.defineProperty(a,e,{value(...t){const n=Ie(this);return n.$onInstancePromise$.then(()=>n.$lazyInstance$[e](...t))}})}),o.observeAttribute&&(!o.lazyLoad||1&n)){const n=new Map;a.attributeChangedCallback=function(e,t,o){y.jmp(()=>{const t=n.get(e);this[t]=(null!==o||"boolean"!=typeof this[t])&&o})},e.observedAttributes=s.filter(([e,t])=>15&t[0]).map(([e,s])=>{const a=s[1]||e;return n.set(a,e),o.reflect&&512&s[0]&&t.$attrsToReflect$.push([e,a]),a})}}return e},xe=async(e,t,s,a,l)=>{if((o.lazyLoad||o.hydrateServerSide||o.style)&&0==(32&t.$flags$)){if(o.lazyLoad||o.hydrateClientSide){if(t.$flags$|=32,(l=qe(s,t,a)).then){const e=(r=`st:load:${s.$tagName$}:${t.$modeName$}`,i=`[Stencil] Load module for <${s.$tagName$}>`,o.profile&&performance.mark?(0===performance.getEntriesByName(r).length&&performance.mark(r),()=>{0===performance.getEntriesByName(i).length&&performance.measure(i,r)}):()=>{});l=await l,e()}if((o.isDev||o.isDebug)&&!l)throw new Error(`Constructor for "${s.$tagName$}#${t.$modeName$}" was not found`);o.member&&!l.isProxied&&(o.watchCallback&&(s.$watchers$=l.watchers),Ce(l,s,2),l.isProxied=!0);const e=k("createInstance",s.$tagName$);o.member&&(t.$flags$|=8);try{new l(t)}catch(e){Be(e)}o.member&&(t.$flags$&=-9),o.watchCallback&&(t.$flags$|=128),e(),ke(t.$lazyInstance$)}else l=e.constructor,t.$flags$|=160;if(o.style&&l.style){let a=l.style;o.mode&&"string"!=typeof a&&(a=a[t.$modeName$=(e=>Xe.map(t=>t(e)).find(e=>!!e))(e)],o.hydrateServerSide&&t.$modeName$&&e.setAttribute("s-mode",t.$modeName$));const r=O(s,t.$modeName$);if(!Ke.has(r)){const e=k("registerStyles",s.$tagName$);!o.hydrateServerSide&&o.shadowDom&&o.shadowDomShim&&8&s.$flags$&&(a=await n.e(17).then(n.bind(null,277)).then(e=>e.scopeCss(a,r,!1))),D(r,a,!!(1&s.$flags$)),e()}}}var r,i;const $=t.$ancestorComponent$,d=()=>he(t,!0);o.asyncLoading&&$&&$["s-rc"]?$["s-rc"].push(d):d()},ke=e=>{o.lazyLoad&&o.connectedCallback&&ve(e,"connectedCallback")},Te=e=>{const t=e["s-cr"]=g.createComment(o.isDebug?`content-ref (host=${e.localName})`:"");t["s-cn"]=!0,e.insertBefore(t,e.firstChild)},De=e=>{const t=e.cloneNode;e.cloneNode=function(e){const n=this,s=!!o.shadowDom&&n.shadowRoot&&v,a=t.call(n,!!s&&e);if(o.slot&&!s&&e){let e,t,s=0,l=["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"];for(;s<n.childNodes.length;s++)e=n.childNodes[s]["s-nr"],t=l.every(e=>!n.childNodes[s][e]),e&&(o.appendChildSlotFix&&a.__appendChild?a.__appendChild(e.cloneNode(!0)):a.appendChild(e.cloneNode(!0))),t&&a.appendChild(n.childNodes[s].cloneNode(!0))}return a}},Ee=e=>{e.__appendChild=e.appendChild,e.appendChild=function(e){const t=e["s-sn"]=Ae(e),n=je(this.childNodes,t);if(n){const o=Me(n,t),s=o[o.length-1];return s.parentNode.insertBefore(e,s.nextSibling)}return this.__appendChild(e)}},Oe=(e,t)=>{class n extends Array{item(e){return this[e]}}if(8&t.$flags$){const t=e.__lookupGetter__("childNodes");Object.defineProperty(e,"children",{get(){return this.childNodes.map(e=>1===e.nodeType)}}),Object.defineProperty(e,"childElementCount",{get:()=>e.children.length}),Object.defineProperty(e,"childNodes",{get(){const e=t.call(this);if(0==(1&y.$flags$)&&2&Ie(this).$flags$){const t=new n;for(let n=0;n<e.length;n++){const o=e[n]["s-nr"];o&&t.push(o)}return t}return n.from(e)}})}},Ae=e=>e["s-sn"]||1===e.nodeType&&e.getAttribute("slot")||"",je=(e,t)=>{let n,o=0;for(;o<e.length;o++){if(n=e[o],n["s-sr"]&&n["s-sn"]===t)return n;if(n=je(n.childNodes,t),n)return n}return null},Me=(e,t)=>{const n=[e];for(;(e=e.nextSibling)&&e["s-sn"]===t;)n.push(e);return n},ze=(e,t={})=>{o.profile&&performance.mark&&performance.mark("st:app:start"),(()=>{if(o.devTools){const e=f.stencil=f.stencil||{},t=e.inspect;e.inspect=e=>{let n=(e=>{const t=Ie(e);if(!t)return;const n=t.$flags$,o=t.$hostElement$;return{renderCount:t.$renderCount$,flags:{hasRendered:!!(2&n),hasConnected:!!(1&n),isWaitingForChildren:!!(4&n),isConstructingInstance:!!(8&n),isQueuedForUpdate:!!(16&n),hasInitializedComponent:!!(32&n),hasLoadedComponent:!!(64&n),isWatchReady:!!(128&n),isListenReady:!!(256&n),needsRerender:!!(512&n)},instanceValues:t.$instanceValues$,ancestorComponent:t.$ancestorComponent$,hostElement:o,lazyInstance:t.$lazyInstance$,vnode:t.$vnode$,modeName:t.$modeName$,onReadyPromise:t.$onReadyPromise$,onReadyResolve:t.$onReadyResolve$,onInstancePromise:t.$onInstancePromise$,onInstanceResolve:t.$onInstanceResolve$,onRenderResolve:t.$onRenderResolve$,queuedListeners:t.$queuedListeners$,rmListeners:t.$rmListeners$,"s-id":o["s-id"],"s-cr":o["s-cr"],"s-lr":o["s-lr"],"s-p":o["s-p"],"s-rc":o["s-rc"],"s-sc":o["s-sc"]}})(e);return n||"function"!=typeof t||(n=t(e)),n}}})();const n=k("bootstrapLazy"),s=[],a=t.exclude||[],l=f.customElements,r=g.head,i=r.querySelector("meta[charset]"),$=g.createElement("style"),d=[],c=g.querySelectorAll("[sty-id]");let m,h=!0,p=0;if(Object.assign(y,t),y.$resourcesUrl$=new URL(t.resourcesUrl||"./",g.baseURI).href,o.asyncQueue&&t.syncQueue&&(y.$flags$|=4),o.hydrateClientSide&&(y.$flags$|=2),o.hydrateClientSide&&o.shadowDom)for(;p<c.length;p++)D(c[p].getAttribute("sty-id"),c[p].innerHTML.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),!0);e.map(e=>e[1].map(n=>{const r={$flags$:n[0],$tagName$:n[1],$members$:n[2],$listeners$:n[3]};o.member&&(r.$members$=n[2]),o.hostListener&&(r.$listeners$=n[3]),o.reflect&&(r.$attrsToReflect$=[]),o.watchCallback&&(r.$watchers$={}),o.shadowDom&&!v&&1&r.$flags$&&(r.$flags$|=8);const i=o.transformTagName&&t.transformTagName?t.transformTagName(r.$tagName$):r.$tagName$,$=class extends HTMLElement{constructor(e){super(e),_e(e=this,r),o.shadowDom&&1&r.$flags$&&(v?o.shadowDelegatesFocus?e.attachShadow({mode:"open",delegatesFocus:!!(16&r.$flags$)}):e.attachShadow({mode:"open"}):o.hydrateServerSide||"shadowRoot"in e||(e.shadowRoot=e)),o.slotChildNodesFix&&Oe(e,r)}connectedCallback(){m&&(clearTimeout(m),m=null),h?d.push(this):y.jmp(()=>(e=>{if(0==(1&y.$flags$)){const t=Ie(e),n=t.$cmpMeta$,s=k("connectedCallback",n.$tagName$);if(o.hostListenerTargetParent&&N(e,t,n.$listeners$,!0),1&t.$flags$)N(e,t,n.$listeners$,!1),ke(t.$lazyInstance$);else{let s;if(t.$flags$|=1,o.hydrateClientSide&&(s=e.getAttribute("s-id"),s)){if(o.shadowDom&&v&&1&n.$flags$){const t=o.mode?E(e.shadowRoot,n,e.getAttribute("s-mode")):E(e.shadowRoot,n);e.classList.remove(t+"-h",t+"-s")}((e,t,n,s)=>{const a=k("hydrateClient",t),l=e.shadowRoot,r=[],i=o.shadowDom&&l?[]:null,$=s.$vnode$=z(t,null);y.$orgLocNodes$||Le(g.body,y.$orgLocNodes$=new Map),e["s-id"]=n,e.removeAttribute("s-id"),Re($,r,[],i,e,e,n),r.map(e=>{const n=e.$hostId$+"."+e.$nodeId$,o=y.$orgLocNodes$.get(n),s=e.$elm$;o&&v&&""===o["s-en"]&&o.parentNode.insertBefore(s,o.nextSibling),l||(s["s-hn"]=t,o&&(s["s-ol"]=o,s["s-ol"]["s-nr"]=s)),y.$orgLocNodes$.delete(n)}),o.shadowDom&&l&&i.map(e=>{e&&l.appendChild(e)}),a()})(e,n.$tagName$,s,t)}if(o.slotRelocation&&!s&&(o.hydrateServerSide||(o.slot||o.shadowDom)&&12&n.$flags$)&&Te(e),o.asyncLoading){let n=e;for(;n=n.parentNode||n.host;)if(o.hydrateClientSide&&1===n.nodeType&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){me(t,t.$ancestorComponent$=n);break}}o.prop&&o.lazyLoad&&!o.hydrateServerSide&&n.$members$&&Object.entries(n.$members$).map(([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}}),o.initializeNextTick?ot(()=>xe(e,t,n)):xe(e,t,n)}s()}})(this))}disconnectedCallback(){y.jmp(()=>(e=>{if(0==(1&y.$flags$)){const t=Ie(e),n=o.lazyLoad?t.$lazyInstance$:e;o.hostListener&&t.$rmListeners$&&(t.$rmListeners$.map(e=>e()),t.$rmListeners$=void 0),o.cssVarShim&&y.$cssShim$&&y.$cssShim$.removeHost(e),o.lazyLoad&&o.disconnectedCallback&&ve(n,"disconnectedCallback"),o.cmpDidUnload&&ve(n,"componentDidUnload")}})(this))}componentOnReady(){return Ie(this).$onReadyPromise$}};o.cloneNodeFix&&De($.prototype),o.appendChildSlotFix&&Ee($.prototype),o.hotModuleReplacement&&($.prototype["s-hmr"]=function(e){((e,t,n)=>{const o=Ie(e);o.$flags$=1,e["s-hmr-load"]=()=>{delete e["s-hmr-load"]},xe(e,o,t,n)})(this,r,e)}),r.$lazyBundleId$=e[0],a.includes(i)||l.get(i)||(s.push(i),l.define(i,Ce($,r,1)))})),(o.hydratedClass||o.hydratedAttribute)&&($.innerHTML=s+"{visibility:hidden}.hydrated{visibility:inherit}",$.setAttribute("data-styles",""),r.insertBefore($,i?i.nextSibling:r.firstChild)),h=!1,d.length?d.map(e=>e.connectedCallback()):o.profile?y.jmp(()=>m=setTimeout(ye,30,"timeout")):y.jmp(()=>m=setTimeout(ye,30)),n()},Pe=new WeakMap,Ie=e=>Pe.get(e),Ue=(e,t)=>Pe.set(t.$lazyInstance$=e,t),_e=(e,t)=>{const n={$flags$:0,$hostElement$:e,$cmpMeta$:t,$instanceValues$:new Map};return o.isDev&&(n.$renderCount$=0),o.method&&o.lazyLoad&&(n.$onInstancePromise$=new Promise(e=>n.$onInstanceResolve$=e)),o.asyncLoading&&(n.$onReadyPromise$=new Promise(e=>n.$onReadyResolve$=e),e["s-p"]=[],e["s-rc"]=[]),N(e,n,t.$listeners$,!1),Pe.set(e,n)},Fe=(e,t)=>t in e,Be=(e,t)=>(0,console.error)(e,t),He=o.isTesting?["STENCIL:"]:["%cstencil","color: white;background:#4c47ff;font-weight: bold; font-size:10px; padding:2px 6px; border-radius: 5px"],We=(...e)=>console.error(...He,...e),Ve=(...e)=>console.warn(...He,...e),Qe=new Map,qe=(e,t,s)=>{const a=e.$tagName$.replace(/-/g,"_"),l=e.$lazyBundleId$;if(o.isDev&&"string"!=typeof l)return void We(`Trying to lazily load component <${e.$tagName$}> with style mode "${t.$modeName$}", but it does not exist.`);const r=!o.hotModuleReplacement&&Qe.get(l);return r?r[a]:n(276)(`./${l}.entry.js${o.hotModuleReplacement&&s?"?s-hmr="+s:""}`).then(e=>(o.hotModuleReplacement||Qe.set(l,e),e[a]),Be)},Ke=new Map,Xe=[],Je=[],Ge=[],Ye=[],Ze=(e,t)=>n=>{e.push(n),p||(p=!0,t&&4&y.$flags$?ot(nt):y.raf(nt))},et=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){Be(e)}e.length=0},tt=(e,t)=>{let n=0,o=0;for(;n<e.length&&(o=performance.now())<t;)try{e[n++](o)}catch(e){Be(e)}n===e.length?e.length=0:0!==n&&e.splice(0,n)},nt=()=>{if(o.asyncQueue&&h++,et(Je),o.asyncQueue){const e=2==(6&y.$flags$)?performance.now()+14*Math.ceil(.1*h):1/0;tt(Ge,e),tt(Ye,e),Ge.length>0&&(Ye.push(...Ge),Ge.length=0),(p=Je.length+Ge.length+Ye.length>0)?y.raf(nt):h=0}else et(Ge),(p=Je.length>0)&&y.raf(nt)},ot=e=>w().then(e),st=Ze(Ge,!0);o.isDev,o.isTesting},289:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var o=n(149),s=n.n(o);const a=(e,t)=>{const n="on"+e;let o=n in t;if(!o){const e=t.createElement("div");e.setAttribute(n,"return;"),o="function"==typeof e[n]}return o},l=(e,t,n)=>{const o=e.__events||(e.__events={}),s=o[t];s&&e.removeEventListener(t,s),e.addEventListener(t,o[t]=function(e){n&&n.call(this,e)})},r=e=>{const t=new Map;return e.forEach(e=>t.set(e,e)),t},i=(...e)=>t=>e.forEach(e=>{"function"==typeof e?e(t):null!=e&&(e.current=t)});const $=(e,t,n)=>{const o=e.toLowerCase().split("-").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(""),$=class extends s.a.Component{constructor(e){super(e),this.setComponentElRef=e=>{this.componentEl=e}}componentDidMount(){this.componentDidUpdate(this.props)}componentDidUpdate(e){((e,t,n={})=>{if(e instanceof Element){const o=((e,t,n)=>{const o=t.className||t.class,s=n.className||n.class,a=r(e),l=r(o?o.split(" "):[]),i=r(s?s.split(" "):[]),$=[];return a.forEach(e=>{l.has(e)?($.push(e),l.delete(e)):i.has(e)||$.push(e)}),l.forEach(e=>$.push(e)),$.join(" ")})(e.classList,t,n);""!==o&&(e.className=o),Object.keys(t).forEach(n=>{if("children"!==n&&"style"!==n&&"ref"!==n&&"class"!==n&&"className"!==n&&"forwardedRef"!==n)if(0===n.indexOf("on")&&n[2]===n[2].toUpperCase()){const o=n.substring(2),s=o[0].toLowerCase()+o.substring(1);"undefined"==typeof document||a(s,document)||l(e,s,t[n])}else e[n]=t[n],"string"==typeof t[n]?e.setAttribute(n.replace(/([A-Z])/g,e=>"-"+e[0].toLowerCase()),t[n]):e[n]=t[n]})}})(this.componentEl,this.props,e)}render(){const t=this.props,{children:o,forwardedRef:l,style:r,className:$,ref:d}=t,c=function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(o=Object.getOwnPropertySymbols(e);s<o.length;s++)t.indexOf(o[s])<0&&Object.prototype.propertyIsEnumerable.call(e,o[s])&&(n[o[s]]=e[o[s]])}return n}(t,["children","forwardedRef","style","className","ref"]);let m=Object.keys(c).reduce((e,t)=>{if(0===t.indexOf("on")&&t[2]===t[2].toUpperCase()){const n=t.substring(2).toLowerCase();"undefined"!=typeof document&&a(n,document)&&(e[t]=c[t])}else e[t]=c[t];return e},{});n&&(m=n(this.props,m));let h=Object.assign(Object.assign({},m),{ref:i(l,this.setComponentElRef),style:r});return s.a.createElement(e,h,o)}static get displayName(){return o}};return t&&($.contextType=t),((e,t)=>{const n=(t,n)=>s.a.createElement(e,Object.assign({},t,{forwardedRef:n}));return n.displayName=t,s.a.forwardRef(n)})($,o)};var d=n(181);!function(){if("undefined"!=typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var e=HTMLElement;window.HTMLElement=function(){return Reflect.construct(e,[],this.constructor)},HTMLElement.prototype=e.prototype,HTMLElement.prototype.constructor=HTMLElement,Object.setPrototypeOf(HTMLElement,e)}}(),"undefined"==typeof window?Promise.resolve():(!d.a.cssVarShim||d.b&&d.b.supports&&d.b.supports("color","var(--c)")?Object(d.c)():n.e(5).then(n.t.bind(null,286,7)).then(()=>(d.i.$cssShim$=d.k.__cssshim)?d.i.$cssShim$.i():0)).then(()=>Object(d.d)([["fa-icon",[[0,"fa-icon",{name:[1],stylePrefix:[1,"style-prefix"],svgApi:[8,"svg-api"],pro:[4],iconUpload:[16],class:[1],svgFetchBaseUrl:[1,"svg-fetch-base-url"],getUrlText:[16],kitToken:[1,"kit-token"],icon:[16],size:[1],loading:[32],iconDefinition:[32]}]]],["fa-icon-chooser",[[1,"fa-icon-chooser",{kitToken:[1,"kit-token"],version:[1],searchInputPlaceholder:[1,"search-input-placeholder"],handleQuery:[16],getUrlText:[16],query:[32],isQuerying:[32],isInitialLoading:[32],hasQueried:[32],icons:[32],styleFilterEnabled:[32],styleFilters:[32],kitMetadata:[32],fatalError:[32]}]]]],void 0));const c=$("fa-icon-chooser")}}]);
admin/build/{13.css → 13-5a243ebd2647a8579853.css} RENAMED
File without changes
admin/build/13-5a243ebd2647a8579853.js ADDED
@@ -0,0 +1 @@
 
1
+ (window.webpackJsonp_font_awesome_admin=window.webpackJsonp_font_awesome_admin||[]).push([[13],{287:function(n,o,w){"use strict";w.r(o)}}]);
admin/build/13.js DELETED
@@ -1 +0,0 @@
1
- (window.webpackJsonp_font_awesome_admin=window.webpackJsonp_font_awesome_admin||[]).push([[13],{286:function(n,o,w){"use strict";w.r(o)}}]);
 
admin/build/{14.js → 14-601dd35fd71de8ddd7f3.js} RENAMED
@@ -1 +1 @@
1
- (window.webpackJsonp_font_awesome_admin=window.webpackJsonp_font_awesome_admin||[]).push([[14],{163:function(e,t,n){"use strict";n.r(t),n.d(t,"CONFLICT_DETECTION_SCANNER_DURATION_MIN",(function(){return m})),n.d(t,"resetPendingOptions",(function(){return P})),n.d(t,"resetOptionsFormState",(function(){return y})),n.d(t,"addPendingOption",(function(){return D})),n.d(t,"updatePendingUnregisteredClientsForDeletion",(function(){return R})),n.d(t,"resetUnregisteredClientsDeletionStatus",(function(){return w})),n.d(t,"resetPendingBlocklistSubmissionStatus",(function(){return A})),n.d(t,"submitPendingUnregisteredClientDeletions",(function(){return v})),n.d(t,"updatePendingBlocklist",(function(){return M})),n.d(t,"submitPendingBlocklist",(function(){return U})),n.d(t,"checkPreferenceConflicts",(function(){return k})),n.d(t,"chooseAwayFromKitConfig",(function(){return j})),n.d(t,"chooseIntoKitConfig",(function(){return F})),n.d(t,"queryKits",(function(){return L})),n.d(t,"submitPendingOptions",(function(){return W})),n.d(t,"updateApiToken",(function(){return B})),n.d(t,"userAttemptToStopScanner",(function(){return K})),n.d(t,"reportDetectedConflicts",(function(){return G})),n.d(t,"snoozeV3DeprecationWarning",(function(){return q})),n.d(t,"setActiveAdminTab",(function(){return X})),n.d(t,"setConflictDetectionScanner",(function(){return x}));var o=n(170),s=n.n(o),r=n(176),c=n.n(r),i=n(29),a=n.n(i),u=n(0),l=n.n(u),d=n(171),f=n.n(d),_=n(166),p=n(150),E=n(165),T=n.n(E);const N=s.a.create(),m=10,O=Object(p.__)("Couldn't save those changes","font-awesome"),g=Object(p.__)("Couldn't check preferences","font-awesome"),h=Object(p.__)("A request to your WordPress server never received a response","font-awesome"),I=Object(p.__)("A request to your WordPress server failed","font-awesome"),S=Object(p.__)("Couldn't start the scanner","font-awesome"),C=Object(p.__)("Couldn't snooze","font-awesome");function b(e){const t=T()(e,"headers.fontawesome-confirmation");if(204===e.status&&""!==e.data)return Object(_.b)({error:null,confirmed:t,trimmed:e.data,expectEmpty:!0}),e.data={},e;const n=l()(e,"data",null),o="string"==typeof n&&a()(n)>0,s=o?function(e){if(!e||""===e)return null;const t=function e(t,n=0){let o=null,s=null;if("string"!=typeof t)return null;if(n>=t.length)return null;try{return o=JSON.parse(t.slice(n)),{start:n,parsed:o}}catch(e){const o=t.indexOf("[",n+1),r=t.indexOf("{",n+1);if(-1===o&&-1===r)return null;s=-1!==o&&-1!==r?o<r?o:r:-1!==r?r:o}return null===s?null:e(t,s)}(e);if(null===t)return null;{const{start:n,parsed:o}=t;return{start:n,json:e.slice(n),trimmed:e.slice(0,n),parsed:o}}}(n):{};if(o){if(null===s)return Object(_.b)({error:null,confirmed:t,trimmed:n}),e.data={},e;e.data=l()(s,"parsed")}const r=l()(s,"trimmed",""),c=l()(e,"data.errors",null);if(e.status>=400)return e.uiMessage=c?Object(_.b)({error:e.data,confirmed:t,trimmed:r}):Object(_.b)({error:null,confirmed:t,trimmed:r}),e;if(e.status<400&&e.status>=300)return t&&""===r||(e.uiMessage=Object(_.b)({error:null,confirmed:t,trimmed:r})),e;if(c){const n=!0;return e.falsePositive=!0,e.uiMessage=Object(_.b)({error:e.data,confirmed:t,falsePositive:n,trimmed:r}),e}{const n=l()(e,"data.error",null);return n?(e.uiMessage=Object(_.b)({error:n,ok:!0,confirmed:t,trimmed:r}),e):(t||(e.uiMessage=Object(_.b)({error:null,ok:!0,confirmed:t,trimmed:r})),e)}}function P(){return{type:"RESET_PENDING_OPTIONS"}}function y(){return{type:"OPTIONS_FORM_STATE_RESET"}}function D(e){return function(t,n){const{options:o}=n();for(const[n,s]of c()(e))t(o[n]===s?{type:"RESET_PENDING_OPTION",change:{[n]:s}}:{type:"ADD_PENDING_OPTION",change:{[n]:s}})}}function R(e=[]){return{type:"UPDATE_PENDING_UNREGISTERED_CLIENTS_FOR_DELETION",data:e}}function w(){return{type:"DELETE_UNREGISTERED_CLIENTS_RESET"}}function A(){return{type:"BLOCKLIST_UPDATE_RESET"}}function v(){return function(e,t){const{apiNonce:n,apiUrl:o,unregisteredClientsDeletionStatus:s}=t(),r=l()(s,"pending",null);if(!r||0===a()(r))return;e({type:"DELETE_UNREGISTERED_CLIENTS_START"});const c=({uiMessage:t})=>{e({type:"DELETE_UNREGISTERED_CLIENTS_END",success:!1,message:t||O})};return N.delete(o+"/conflict-detection/conflicts",{data:r,headers:{"X-WP-Nonce":n}}).then(t=>{const{status:n,data:o,falsePositive:s}=t;s?c(t):e({type:"DELETE_UNREGISTERED_CLIENTS_END",success:!0,data:204===n?null:o,message:""})}).catch(c)}}function M(e=[]){return{type:"UPDATE_PENDING_BLOCKLIST",data:e}}function U(){return function(e,t){const{apiNonce:n,apiUrl:o,blocklistUpdateStatus:s}=t(),r=l()(s,"pending",null);if(!r)return;e({type:"BLOCKLIST_UPDATE_START"});const c=({uiMessage:t})=>{e({type:"BLOCKLIST_UPDATE_END",success:!1,message:t||O})};return N.put(o+"/conflict-detection/conflicts/blocklist",r,{headers:{"X-WP-Nonce":n}}).then(t=>{const{status:n,data:o,falsePositive:s}=t;s?c(t):e({type:"BLOCKLIST_UPDATE_END",success:!0,data:204===n?null:o,message:""})}).catch(c)}}function k(){return function(e,t){e({type:"PREFERENCE_CHECK_START"});const{apiNonce:n,apiUrl:o,options:s,pendingOptions:r}=t(),c=({uiMessage:t})=>{e({type:"PREFERENCE_CHECK_END",success:!1,message:t||g})};return N.post(o+"/preference-check",{...s,...r},{headers:{"X-WP-Nonce":n}}).then(t=>{const{data:n,falsePositive:o}=t;o?c(t):e({type:"PREFERENCE_CHECK_END",success:!0,message:"",detectedConflicts:n})}).catch(c)}}function j({activeKitToken:e}){return function(t,n){const{releases:o}=n();t({type:"CHOOSE_AWAY_FROM_KIT_CONFIG",activeKitToken:e,concreteVersion:l()(o,"latest_version")})}}function F(){return{type:"CHOOSE_INTO_KIT_CONFIG"}}function L(){return function(e,t){const{apiNonce:n,apiUrl:o,options:s}=t(),r=l()(s,"kitToken",null);e({type:"KITS_QUERY_START"});const c=({uiMessage:t})=>{e({type:"KITS_QUERY_END",success:!1,message:t||Object(p.__)("Failed to fetch kits","font-awesome")})},i=({uiMessage:t})=>{e({type:"OPTIONS_FORM_SUBMIT_END",success:!1,message:t||Object(p.__)("Couldn't update latest kit settings","font-awesome")})};return N.post(o+"/api","query {\n me {\n kits {\n name\n version\n technologySelected\n licenseSelected\n minified\n token\n shimEnabled\n autoAccessibilityEnabled\n status\n }\n }\n }",{headers:{"X-WP-Nonce":n}}).then(t=>{if(t.falsePositive)return c(t);const a=l()(t,"data.data");if(!l()(a,"me"))return e({type:"KITS_QUERY_END",success:!1,message:Object(p.__)("Failed to fetch kits. Regenerate your API Token and try again.","font-awesome")});if(e({type:"KITS_QUERY_END",data:a,success:!0}),!r)return;const u=l()(a,"me.kits",[]),d=f()(u,{token:r});if(!d)return;const _={};return s.usePro&&"pro"!==d.licenseSelected?_.usePro=!1:s.usePro||"pro"!==d.licenseSelected||(_.usePro=!0),"svg"===s.technology&&"svg"!==d.technologySelected?(_.technology="webfont",_.pseudoElements=!0):"svg"!==s.technology&&"svg"===d.technologySelected&&(_.technology="svg",_.pseudoElements=!1),s.version!==d.version&&(_.version=d.version),s.v4Compat&&!d.shimEnabled?_.v4Compat=!1:!s.v4Compat&&d.shimEnabled&&(_.v4Compat=!0),e({type:"OPTIONS_FORM_SUBMIT_START"}),N.put(o+"/config",{options:{...s,..._}},{headers:{"X-WP-Nonce":n}}).then(t=>{const{data:n,falsePositive:o}=t;if(o)return i(t);e({type:"OPTIONS_FORM_SUBMIT_END",data:n,success:!0,message:Object(p.__)("Kit changes saved","font-awesome")})}).catch(i)}).catch(c)}}function W(){return function(e,t){const{apiNonce:n,apiUrl:o,options:s,pendingOptions:r}=t();e({type:"OPTIONS_FORM_SUBMIT_START"});const c=({uiMessage:t})=>{e({type:"OPTIONS_FORM_SUBMIT_END",success:!1,message:t||O})};return N.put(o+"/config",{options:{...s,...r}},{headers:{"X-WP-Nonce":n}}).then(t=>{const{data:n,falsePositive:o}=t;o?c(t):e({type:"OPTIONS_FORM_SUBMIT_END",data:n,success:!0,message:Object(p.__)("Changes saved","font-awesome")})}).catch(c)}}function B({apiToken:e=!1,runQueryKits:t=!1}){return function(n,o){const{apiNonce:s,apiUrl:r,options:c}=o();n({type:"OPTIONS_FORM_SUBMIT_START"});const i=({uiMessage:e})=>{n({type:"OPTIONS_FORM_SUBMIT_END",success:!1,message:e||O})};return N.put(r+"/config",{options:{...c,apiToken:e}},{headers:{"X-WP-Nonce":s}}).then(e=>{const{data:o,falsePositive:s}=e;if(s)i(e);else if(n({type:"OPTIONS_FORM_SUBMIT_END",data:o,success:!0,message:Object(p.__)("API Token saved","font-awesome")}),t)return n(L())}).catch(i)}}function K(){return{type:"USER_STOP_SCANNER"}}function G({nodesTested:e={}}){return(t,n)=>{const{apiNonce:o,apiUrl:s,unregisteredClients:r,showConflictDetectionReporter:c}=n();if(c){if(a()(e.conflict)>0){const n=Object.keys(e.conflict).reduce((function(t,n){return t[n]=e.conflict[n],t}),{});t({type:"CONFLICT_DETECTION_SUBMIT_START",unregisteredClientsBeforeDetection:r,recentConflictsDetected:e.conflict});const c=({uiMessage:e})=>{t({type:"CONFLICT_DETECTION_SUBMIT_END",success:!1,message:e||O})};return N.post(s+"/conflict-detection/conflicts",n,{headers:{"X-WP-Nonce":o}}).then(e=>{const{status:n,data:o,falsePositive:s}=e;s?c(e):t({type:"CONFLICT_DETECTION_SUBMIT_END",success:!0,data:204===n||0===a()(o)?null:o})}).catch(c)}t({type:"CONFLICT_DETECTION_NONE_FOUND"})}}}function q(){return(e,t)=>{const{apiNonce:n,apiUrl:o}=t();e({type:"SNOOZE_V3DEPRECATION_WARNING_START"});const s=({uiMessage:t})=>{e({type:"SNOOZE_V3DEPRECATION_WARNING_END",success:!1,message:t||C})};return N.put(o+"/v3deprecation",{snooze:!0},{headers:{"X-WP-Nonce":n}}).then(t=>{const{falsePositive:n}=t;n?s(t):e({type:"SNOOZE_V3DEPRECATION_WARNING_END",success:!0,snooze:!0,message:""})}).catch(s)}}function X(e){return{type:"SET_ACTIVE_ADMIN_TAB",tab:e}}function x({enable:e=!0}){return function(t,n){const{apiNonce:o,apiUrl:s}=n(),r=e?"ENABLE_CONFLICT_DETECTION_SCANNER_END":"DISABLE_CONFLICT_DETECTION_SCANNER_END";t({type:e?"ENABLE_CONFLICT_DETECTION_SCANNER_START":"DISABLE_CONFLICT_DETECTION_SCANNER_START"});const c=({uiMessage:e})=>{t({type:r,success:!1,message:e||S})};return N.put(s+"/conflict-detection/until",e?Math.floor(new Date((new Date).valueOf()+1e3*m*60)/1e3):Math.floor(new Date/1e3)-1,{headers:{"X-WP-Nonce":o}}).then(e=>{const{status:n,data:o,falsePositive:s}=e;s?c(e):t({type:r,data:204===n?null:o,success:!0})}).catch(c)}}N.interceptors.response.use(e=>b(e),e=>{if(e.response)e.response=b(e.response),e.uiMessage=l()(e,"response.uiMessage");else if(e.request){const t="fontawesome_request_noresponse",n={errors:{[t]:[h]},error_data:{[t]:{request:e.request}}};e.uiMessage=Object(_.b)({error:n})}else{const t="fontawesome_request_failed",n={errors:{[t]:[I]},error_data:{[t]:{failedRequestMessage:e.message}}};e.uiMessage=Object(_.b)({error:n})}return Promise.reject(e)})},166:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var o=n(0),s=n.n(o),r=n(29),c=n.n(r),i=n(150);const a=Object(i.__)("Font Awesome WordPress Plugin Error Report","font-awesome"),u=Object(i.__)("D'oh! That failed big time.","font-awesome"),l=Object(i.__)("There was an error attempting to report the error.","font-awesome"),d=Object(i.__)("Oh no! Your web browser could not reach your WordPress server.","font-awesome"),f=Object(i.__)("It looks like your web browser session expired. Try logging out and log back in to WordPress admin.","font-awesome"),_=Object(i.__)("The last request was successful, but it also returned the following error(s), which might be helpful for troubleshooting.","font-awesome"),p=Object(i.__)("Error","font-awesome"),E=Object(i.__)("WARNING: The last request contained errors, though your WordPress server reported it as a success. This usually means there's a problem with your theme or one of your other plugins emitting output that is causing problems.","font-awesome"),T=Object(i.__)("WARNING: The last response from your WordPress server did not include the confirmation header that should be in all valid Font Awesome responses. This is a clue that some code from another theme or plugin is acting badly and causing the wrong headers to be sent.","font-awesome"),N=Object(i.__)("WARNING: Invalid Data Trimmed from Server Response","font-awesome"),m=Object(i.__)("WARNING: We expected the last response from the server to contain no data, but it contained something unexpected.","font-awesome"),O=Object(i.__)("Your WordPress server returned an error for that last request, but there was no information about the error.","font-awesome");t.b=function(e){const{error:t,ok:n=!1,falsePositive:o=!1,confirmed:r=!0,expectEmpty:i=!1,trimmed:g=""}=e;console.group(a),n&&console.info(_),o&&console.info(E),r||console.info(T),""!==g&&(console.group(N),i&&console.info(m),console.info(g),console.groupEnd());const h=null!==t?function(e){const t=Object.keys(e.errors||[]).map(t=>({code:t,message:s()(e,`errors.${t}.0`),data:s()(e,"error_data."+t)}));return 0===c()(t)&&t.push({code:"fontawesome_unknown_error",message:l}),t.reduce((e,t)=>{console.group(p);const n=function(e){if(!s()(e,"code"))return console.info(l),u;let t=null,n="";const o=s()(e,"message");o&&(n=n.concat(`message: ${o}\n`),t=o);const r=s()(e,"code");if(r)switch(n=n.concat(`code: ${r}\n`),r){case"rest_no_route":t=d;break;case"rest_cookie_invalid_nonce":t=f;break;case"fontawesome_unknown_error":t=u}const c=s()(e,"data");if("string"==typeof c)n=n.concat(`data: ${c}\n`);else{const t=s()(e,"data.status");t&&(n=n.concat(`status: ${t}\n`));const o=s()(e,"data.trace");o&&(n=n.concat(`trace:\n${o}\n`))}n&&""!==n?console.info(n):console.info(e);const i=s()(e,"data.request");i&&console.info(i);const a=s()(e,"data.failedRequestMessage");return a&&console.info(a),t}(t);return console.groupEnd(),e||"previous_exception"===t.code?e:n},null)}(t):null;return null===t&&""===g&&r&&console.info(O),console.groupEnd(),h}}}]);
1
+ (window.webpackJsonp_font_awesome_admin=window.webpackJsonp_font_awesome_admin||[]).push([[14],{164:function(e,t,n){"use strict";n.r(t),n.d(t,"CONFLICT_DETECTION_SCANNER_DURATION_MIN",(function(){return m})),n.d(t,"resetPendingOptions",(function(){return P})),n.d(t,"resetOptionsFormState",(function(){return y})),n.d(t,"addPendingOption",(function(){return D})),n.d(t,"updatePendingUnregisteredClientsForDeletion",(function(){return R})),n.d(t,"resetUnregisteredClientsDeletionStatus",(function(){return w})),n.d(t,"resetPendingBlocklistSubmissionStatus",(function(){return A})),n.d(t,"submitPendingUnregisteredClientDeletions",(function(){return v})),n.d(t,"updatePendingBlocklist",(function(){return M})),n.d(t,"submitPendingBlocklist",(function(){return U})),n.d(t,"checkPreferenceConflicts",(function(){return k})),n.d(t,"chooseAwayFromKitConfig",(function(){return j})),n.d(t,"chooseIntoKitConfig",(function(){return F})),n.d(t,"queryKits",(function(){return L})),n.d(t,"submitPendingOptions",(function(){return W})),n.d(t,"updateApiToken",(function(){return B})),n.d(t,"userAttemptToStopScanner",(function(){return K})),n.d(t,"reportDetectedConflicts",(function(){return G})),n.d(t,"snoozeV3DeprecationWarning",(function(){return q})),n.d(t,"setActiveAdminTab",(function(){return X})),n.d(t,"setConflictDetectionScanner",(function(){return x}));var o=n(171),s=n.n(o),r=n(177),c=n.n(r),i=n(29),a=n.n(i),u=n(0),l=n.n(u),d=n(172),f=n.n(d),_=n(167),p=n(150),E=n(166),T=n.n(E);const N=s.a.create(),m=10,O=Object(p.__)("Couldn't save those changes","font-awesome"),g=Object(p.__)("Couldn't check preferences","font-awesome"),h=Object(p.__)("A request to your WordPress server never received a response","font-awesome"),I=Object(p.__)("A request to your WordPress server failed","font-awesome"),S=Object(p.__)("Couldn't start the scanner","font-awesome"),C=Object(p.__)("Couldn't snooze","font-awesome");function b(e){const t=T()(e,"headers.fontawesome-confirmation");if(204===e.status&&""!==e.data)return Object(_.b)({error:null,confirmed:t,trimmed:e.data,expectEmpty:!0}),e.data={},e;const n=l()(e,"data",null),o="string"==typeof n&&a()(n)>0,s=o?function(e){if(!e||""===e)return null;const t=function e(t,n=0){let o=null,s=null;if("string"!=typeof t)return null;if(n>=t.length)return null;try{return o=JSON.parse(t.slice(n)),{start:n,parsed:o}}catch(e){const o=t.indexOf("[",n+1),r=t.indexOf("{",n+1);if(-1===o&&-1===r)return null;s=-1!==o&&-1!==r?o<r?o:r:-1!==r?r:o}return null===s?null:e(t,s)}(e);if(null===t)return null;{const{start:n,parsed:o}=t;return{start:n,json:e.slice(n),trimmed:e.slice(0,n),parsed:o}}}(n):{};if(o){if(null===s)return Object(_.b)({error:null,confirmed:t,trimmed:n}),e.data={},e;e.data=l()(s,"parsed")}const r=l()(s,"trimmed",""),c=l()(e,"data.errors",null);if(e.status>=400)return e.uiMessage=c?Object(_.b)({error:e.data,confirmed:t,trimmed:r}):Object(_.b)({error:null,confirmed:t,trimmed:r}),e;if(e.status<400&&e.status>=300)return t&&""===r||(e.uiMessage=Object(_.b)({error:null,confirmed:t,trimmed:r})),e;if(c){const n=!0;return e.falsePositive=!0,e.uiMessage=Object(_.b)({error:e.data,confirmed:t,falsePositive:n,trimmed:r}),e}{const n=l()(e,"data.error",null);return n?(e.uiMessage=Object(_.b)({error:n,ok:!0,confirmed:t,trimmed:r}),e):(t||(e.uiMessage=Object(_.b)({error:null,ok:!0,confirmed:t,trimmed:r})),e)}}function P(){return{type:"RESET_PENDING_OPTIONS"}}function y(){return{type:"OPTIONS_FORM_STATE_RESET"}}function D(e){return function(t,n){const{options:o}=n();for(const[n,s]of c()(e))t(o[n]===s?{type:"RESET_PENDING_OPTION",change:{[n]:s}}:{type:"ADD_PENDING_OPTION",change:{[n]:s}})}}function R(e=[]){return{type:"UPDATE_PENDING_UNREGISTERED_CLIENTS_FOR_DELETION",data:e}}function w(){return{type:"DELETE_UNREGISTERED_CLIENTS_RESET"}}function A(){return{type:"BLOCKLIST_UPDATE_RESET"}}function v(){return function(e,t){const{apiNonce:n,apiUrl:o,unregisteredClientsDeletionStatus:s}=t(),r=l()(s,"pending",null);if(!r||0===a()(r))return;e({type:"DELETE_UNREGISTERED_CLIENTS_START"});const c=({uiMessage:t})=>{e({type:"DELETE_UNREGISTERED_CLIENTS_END",success:!1,message:t||O})};return N.delete(o+"/conflict-detection/conflicts",{data:r,headers:{"X-WP-Nonce":n}}).then(t=>{const{status:n,data:o,falsePositive:s}=t;s?c(t):e({type:"DELETE_UNREGISTERED_CLIENTS_END",success:!0,data:204===n?null:o,message:""})}).catch(c)}}function M(e=[]){return{type:"UPDATE_PENDING_BLOCKLIST",data:e}}function U(){return function(e,t){const{apiNonce:n,apiUrl:o,blocklistUpdateStatus:s}=t(),r=l()(s,"pending",null);if(!r)return;e({type:"BLOCKLIST_UPDATE_START"});const c=({uiMessage:t})=>{e({type:"BLOCKLIST_UPDATE_END",success:!1,message:t||O})};return N.put(o+"/conflict-detection/conflicts/blocklist",r,{headers:{"X-WP-Nonce":n}}).then(t=>{const{status:n,data:o,falsePositive:s}=t;s?c(t):e({type:"BLOCKLIST_UPDATE_END",success:!0,data:204===n?null:o,message:""})}).catch(c)}}function k(){return function(e,t){e({type:"PREFERENCE_CHECK_START"});const{apiNonce:n,apiUrl:o,options:s,pendingOptions:r}=t(),c=({uiMessage:t})=>{e({type:"PREFERENCE_CHECK_END",success:!1,message:t||g})};return N.post(o+"/preference-check",{...s,...r},{headers:{"X-WP-Nonce":n}}).then(t=>{const{data:n,falsePositive:o}=t;o?c(t):e({type:"PREFERENCE_CHECK_END",success:!0,message:"",detectedConflicts:n})}).catch(c)}}function j({activeKitToken:e}){return function(t,n){const{releases:o}=n();t({type:"CHOOSE_AWAY_FROM_KIT_CONFIG",activeKitToken:e,concreteVersion:l()(o,"latest_version")})}}function F(){return{type:"CHOOSE_INTO_KIT_CONFIG"}}function L(){return function(e,t){const{apiNonce:n,apiUrl:o,options:s}=t(),r=l()(s,"kitToken",null);e({type:"KITS_QUERY_START"});const c=({uiMessage:t})=>{e({type:"KITS_QUERY_END",success:!1,message:t||Object(p.__)("Failed to fetch kits","font-awesome")})},i=({uiMessage:t})=>{e({type:"OPTIONS_FORM_SUBMIT_END",success:!1,message:t||Object(p.__)("Couldn't update latest kit settings","font-awesome")})};return N.post(o+"/api","query {\n me {\n kits {\n name\n version\n technologySelected\n licenseSelected\n minified\n token\n shimEnabled\n autoAccessibilityEnabled\n status\n }\n }\n }",{headers:{"X-WP-Nonce":n}}).then(t=>{if(t.falsePositive)return c(t);const a=l()(t,"data.data");if(!l()(a,"me"))return e({type:"KITS_QUERY_END",success:!1,message:Object(p.__)("Failed to fetch kits. Regenerate your API Token and try again.","font-awesome")});if(e({type:"KITS_QUERY_END",data:a,success:!0}),!r)return;const u=l()(a,"me.kits",[]),d=f()(u,{token:r});if(!d)return;const _={};return s.usePro&&"pro"!==d.licenseSelected?_.usePro=!1:s.usePro||"pro"!==d.licenseSelected||(_.usePro=!0),"svg"===s.technology&&"svg"!==d.technologySelected?(_.technology="webfont",_.pseudoElements=!0):"svg"!==s.technology&&"svg"===d.technologySelected&&(_.technology="svg",_.pseudoElements=!1),s.version!==d.version&&(_.version=d.version),s.v4Compat&&!d.shimEnabled?_.v4Compat=!1:!s.v4Compat&&d.shimEnabled&&(_.v4Compat=!0),e({type:"OPTIONS_FORM_SUBMIT_START"}),N.put(o+"/config",{options:{...s,..._}},{headers:{"X-WP-Nonce":n}}).then(t=>{const{data:n,falsePositive:o}=t;if(o)return i(t);e({type:"OPTIONS_FORM_SUBMIT_END",data:n,success:!0,message:Object(p.__)("Kit changes saved","font-awesome")})}).catch(i)}).catch(c)}}function W(){return function(e,t){const{apiNonce:n,apiUrl:o,options:s,pendingOptions:r}=t();e({type:"OPTIONS_FORM_SUBMIT_START"});const c=({uiMessage:t})=>{e({type:"OPTIONS_FORM_SUBMIT_END",success:!1,message:t||O})};return N.put(o+"/config",{options:{...s,...r}},{headers:{"X-WP-Nonce":n}}).then(t=>{const{data:n,falsePositive:o}=t;o?c(t):e({type:"OPTIONS_FORM_SUBMIT_END",data:n,success:!0,message:Object(p.__)("Changes saved","font-awesome")})}).catch(c)}}function B({apiToken:e=!1,runQueryKits:t=!1}){return function(n,o){const{apiNonce:s,apiUrl:r,options:c}=o();n({type:"OPTIONS_FORM_SUBMIT_START"});const i=({uiMessage:e})=>{n({type:"OPTIONS_FORM_SUBMIT_END",success:!1,message:e||O})};return N.put(r+"/config",{options:{...c,apiToken:e}},{headers:{"X-WP-Nonce":s}}).then(e=>{const{data:o,falsePositive:s}=e;if(s)i(e);else if(n({type:"OPTIONS_FORM_SUBMIT_END",data:o,success:!0,message:Object(p.__)("API Token saved","font-awesome")}),t)return n(L())}).catch(i)}}function K(){return{type:"USER_STOP_SCANNER"}}function G({nodesTested:e={}}){return(t,n)=>{const{apiNonce:o,apiUrl:s,unregisteredClients:r,showConflictDetectionReporter:c}=n();if(c){if(a()(e.conflict)>0){const n=Object.keys(e.conflict).reduce((function(t,n){return t[n]=e.conflict[n],t}),{});t({type:"CONFLICT_DETECTION_SUBMIT_START",unregisteredClientsBeforeDetection:r,recentConflictsDetected:e.conflict});const c=({uiMessage:e})=>{t({type:"CONFLICT_DETECTION_SUBMIT_END",success:!1,message:e||O})};return N.post(s+"/conflict-detection/conflicts",n,{headers:{"X-WP-Nonce":o}}).then(e=>{const{status:n,data:o,falsePositive:s}=e;s?c(e):t({type:"CONFLICT_DETECTION_SUBMIT_END",success:!0,data:204===n||0===a()(o)?null:o})}).catch(c)}t({type:"CONFLICT_DETECTION_NONE_FOUND"})}}}function q(){return(e,t)=>{const{apiNonce:n,apiUrl:o}=t();e({type:"SNOOZE_V3DEPRECATION_WARNING_START"});const s=({uiMessage:t})=>{e({type:"SNOOZE_V3DEPRECATION_WARNING_END",success:!1,message:t||C})};return N.put(o+"/v3deprecation",{snooze:!0},{headers:{"X-WP-Nonce":n}}).then(t=>{const{falsePositive:n}=t;n?s(t):e({type:"SNOOZE_V3DEPRECATION_WARNING_END",success:!0,snooze:!0,message:""})}).catch(s)}}function X(e){return{type:"SET_ACTIVE_ADMIN_TAB",tab:e}}function x({enable:e=!0}){return function(t,n){const{apiNonce:o,apiUrl:s}=n(),r=e?"ENABLE_CONFLICT_DETECTION_SCANNER_END":"DISABLE_CONFLICT_DETECTION_SCANNER_END";t({type:e?"ENABLE_CONFLICT_DETECTION_SCANNER_START":"DISABLE_CONFLICT_DETECTION_SCANNER_START"});const c=({uiMessage:e})=>{t({type:r,success:!1,message:e||S})};return N.put(s+"/conflict-detection/until",e?Math.floor(new Date((new Date).valueOf()+1e3*m*60)/1e3):Math.floor(new Date/1e3)-1,{headers:{"X-WP-Nonce":o}}).then(e=>{const{status:n,data:o,falsePositive:s}=e;s?c(e):t({type:r,data:204===n?null:o,success:!0})}).catch(c)}}N.interceptors.response.use(e=>b(e),e=>{if(e.response)e.response=b(e.response),e.uiMessage=l()(e,"response.uiMessage");else if(e.request){const t="fontawesome_request_noresponse",n={errors:{[t]:[h]},error_data:{[t]:{request:e.request}}};e.uiMessage=Object(_.b)({error:n})}else{const t="fontawesome_request_failed",n={errors:{[t]:[I]},error_data:{[t]:{failedRequestMessage:e.message}}};e.uiMessage=Object(_.b)({error:n})}return Promise.reject(e)})},167:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var o=n(0),s=n.n(o),r=n(29),c=n.n(r),i=n(150);const a=Object(i.__)("Font Awesome WordPress Plugin Error Report","font-awesome"),u=Object(i.__)("D'oh! That failed big time.","font-awesome"),l=Object(i.__)("There was an error attempting to report the error.","font-awesome"),d=Object(i.__)("Oh no! Your web browser could not reach your WordPress server.","font-awesome"),f=Object(i.__)("It looks like your web browser session expired. Try logging out and log back in to WordPress admin.","font-awesome"),_=Object(i.__)("The last request was successful, but it also returned the following error(s), which might be helpful for troubleshooting.","font-awesome"),p=Object(i.__)("Error","font-awesome"),E=Object(i.__)("WARNING: The last request contained errors, though your WordPress server reported it as a success. This usually means there's a problem with your theme or one of your other plugins emitting output that is causing problems.","font-awesome"),T=Object(i.__)("WARNING: The last response from your WordPress server did not include the confirmation header that should be in all valid Font Awesome responses. This is a clue that some code from another theme or plugin is acting badly and causing the wrong headers to be sent.","font-awesome"),N=Object(i.__)("WARNING: Invalid Data Trimmed from Server Response","font-awesome"),m=Object(i.__)("WARNING: We expected the last response from the server to contain no data, but it contained something unexpected.","font-awesome"),O=Object(i.__)("Your WordPress server returned an error for that last request, but there was no information about the error.","font-awesome");t.b=function(e){const{error:t,ok:n=!1,falsePositive:o=!1,confirmed:r=!0,expectEmpty:i=!1,trimmed:g=""}=e;console.group(a),n&&console.info(_),o&&console.info(E),r||console.info(T),""!==g&&(console.group(N),i&&console.info(m),console.info(g),console.groupEnd());const h=null!==t?function(e){const t=Object.keys(e.errors||[]).map(t=>({code:t,message:s()(e,`errors.${t}.0`),data:s()(e,"error_data."+t)}));return 0===c()(t)&&t.push({code:"fontawesome_unknown_error",message:l}),t.reduce((e,t)=>{console.group(p);const n=function(e){if(!s()(e,"code"))return console.info(l),u;let t=null,n="";const o=s()(e,"message");o&&(n=n.concat(`message: ${o}\n`),t=o);const r=s()(e,"code");if(r)switch(n=n.concat(`code: ${r}\n`),r){case"rest_no_route":t=d;break;case"rest_cookie_invalid_nonce":t=f;break;case"fontawesome_unknown_error":t=u}const c=s()(e,"data");if("string"==typeof c)n=n.concat(`data: ${c}\n`);else{const t=s()(e,"data.status");t&&(n=n.concat(`status: ${t}\n`));const o=s()(e,"data.trace");o&&(n=n.concat(`trace:\n${o}\n`))}n&&""!==n?console.info(n):console.info(e);const i=s()(e,"data.request");i&&console.info(i);const a=s()(e,"data.failedRequestMessage");return a&&console.info(a),t}(t);return console.groupEnd(),e||"previous_exception"===t.code?e:n},null)}(t):null;return null===t&&""===g&&r&&console.info(O),console.groupEnd(),h}}}]);
admin/build/{15.js → 15-2dd973ba30e1c9d41a5d.js} RENAMED
@@ -1 +1 @@
1
- (window.webpackJsonp_font_awesome_admin=window.webpackJsonp_font_awesome_admin||[]).push([[15],{277:function(n,a,t){"use strict";t.r(a),t.d(a,"fa_icon_chooser",(function(){return m}));var i=t(180),r=t(202);const o={prefix:"fas",iconName:"sad-tear",icon:[496,512,[],"f5b4","M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm80 168c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zM152 416c-26.5 0-48-21-48-47 0-20 28.5-60.4 41.6-77.8 3.2-4.3 9.6-4.3 12.8 0C171.5 308.6 200 349 200 369c0 26-21.5 47-48 47zm16-176c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm170.2 154.2C315.8 367.4 282.9 352 248 352c-21.2 0-21.2-32 0-32 44.4 0 86.3 19.6 114.7 53.8 13.8 16.4-11.2 36.5-24.5 20.4z"]},e={prefix:"far",iconName:"tire",icon:[512,512,[],"f631","M202.1 290.3L140.5 310.3C158.8 349.1 195.9 376.8 240 382.4V317.7C224.2 313.6 210.7 303.8 202.1 290.3zM192 256c0-15.45 5.695-29.43 14.81-40.48L168.6 162.1C143.8 186.4 128 219.3 128 256c0 8.207 .9251 16.2 2.408 23.98L192.4 259.8C192.3 258.5 192 257.3 192 256zM256 191.1c8.287 0 16.15 1.705 23.41 4.572l37.94-52.2C299.1 134.3 278.3 128 256 128S212.9 134.3 194.6 144.4l37.94 52.2C239.8 193.7 247.7 191.1 256 191.1zM305.2 215.5C314.3 226.6 320 240.6 320 256c0 1.314-.3086 2.545-.3867 3.84l61.98 20.14C383.1 272.2 384 264.2 384 256c0-36.73-15.76-69.65-40.63-93.01L305.2 215.5zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 416c-88.37 0-160-71.63-160-160s71.63-160 160-160s160 71.63 160 160S344.4 416 256 416zM272 317.7v64.64c44.12-5.588 81.16-33.31 99.47-72.04l-61.6-20.02C301.3 303.8 287.8 313.6 272 317.7zM288 256c0-17.64-14.36-32-32-32S224 238.4 224 256s14.36 32 32 32S288 273.6 288 256z"]},p={"fatal-error-heading":"Well, this is awkward...","fatal-error-detail":"Something has gone horribly wrong. Check the console for additional error information.","start-view-heading":"Font Awesome is the web's most popular icon set, with tons of icons in a variety of styles."};p["start-view-detail"]=Object(i.h)(r.b,null,"Not sure where to start? Here are some favorites, or try a search for ",Object(i.h)("strong",null,"spinners"),", ",Object(i.h)("strong",null,"shopping"),", ",Object(i.h)("strong",null,"food"),", or"," ",Object(i.h)("strong",null,"whatever you're looking for"),"."),p["initial-loading-view-heading"]="Fetching icons",p["initial-loading-view-detail"]="When this thing gets up to 88 mph...",p["search-field-label-free"]="Search Font Awesome Free Icons in Version",p["search-field-label-pro"]="Search Font Awesome Pro Icons in Version",p["search-field-placeholder"]="Find icons by name, category, or keyword",p["searching-free"]="You're searching Font Awesome Free icons in version",p["searching-pro"]="You're searching Font Awesome Pro icons in version",p["light-requires-pro"]="You need to use a Pro kit to get Light icons.",p["thin-requires-pro"]="You need to use a Pro kit with Version 6 to get Thin icons.",p["duotone-requires-pro"]="You need to use a Pro kit with Version 5.10 or later to get Duotone icons.",p["uploaded-requires-pro"]="You need to use a Pro kit to get Uploaded icons.",p["kit-has-no-uploaded-icons"]="This kit contains no uploaded icons.",p["no-search-results-heading"]="Sorry, we couldn't find anything for that.",p["no-search-results-detail"]="You might try a different search...",p["suggest-icon-upload"]=Object(i.h)(r.b,null,"Or"," ",Object(i.h)("a",{href:"https://fontawesome.com/v5.15/how-to-use/on-the-web/using-kits/uploading-icons",target:"_blank"},"upload your own icon")," ","to a Pro kit!"),p["get-fontawesome-pro"]=Object(i.h)(r.b,null,"Or"," ",Object(i.h)("a",{href:"https://fontawesome.com/",target:"_blank"},"use Font Awesome Pro")," ","for more icons and styles!"),p["solid-style-filter-sr-message"]="Show solid style icons",p["regular-style-filter-sr-message"]="Show regular style icons",p["light-style-filter-sr-message"]="Show light style icons",p["thin-style-filter-sr-message"]="Show thin style icons",p["duotone-style-filter-sr-message"]="Show duotone style icons",p["brands-style-filter-sr-message"]="Show brands style icons",p["uploaded-style-filter-sr-message"]="Show your uploaded icons";const l={display:"none"},m=class{constructor(n){Object(i.j)(this,n),this.finish=Object(i.e)(this,"finish",7),this.query="",this.isQuerying=!1,this.isInitialLoading=!1,this.hasQueried=!1,this.icons=[],this.styleFilterEnabled=!1,this.styleFilters={fas:!1,far:!1,fad:!1,fat:!1,fab:!1,fal:!1,fak:!1},this.fatalError=!1,this.activeSlotDefaults={},this.updateQueryResultsWithDebounce=r.k.debounce(n=>{this.updateQueryResults(n).catch(n=>{console.error(n),this.fatalError=!0})},500),this.toggleStyleFilter=this.toggleStyleFilter.bind(this)}async loadKitMetadata(){const n=await this.handleQuery(`\n query {\n me {\n kit(token:"${this.kitToken}") {\n version\n technologySelected\n licenseSelected\n name\n release {\n version\n }\n iconUploads {\n name\n unicode\n version\n width\n height\n path\n }\n }\n }\n }\n `);if(r.k.get(n,"errors"))throw console.error("Font Awesome Icon Chooser GraphQL query errors",n.errors),new Error;const a=r.k.get(n,"data.me.kit");this.kitMetadata=a}activateDefaultStyleFilters(){this.styleFilterEnabled=!0,this.styleFilters.fas=!0,this.styleFilters.fab=!0}resolvedVersion(){return r.k.get(this,"kitMetadata.release.version")||this.version}pro(){return"pro"===r.k.get(this,"kitMetadata.licenseSelected")}async preload(){return this.kitToken?this.loadKitMetadata():Promise.resolve()}setupSlots(){for(const n in p)this.host.querySelector(`[slot="${n}"]`)||(this.activeSlotDefaults[n]=p[n])}slot(n){return this.activeSlotDefaults&&this.activeSlotDefaults[n]||Object(i.h)("slot",{name:n})}componentWillLoad(){if(!this.kitToken&&!Object(r.i)(this.version))return console.error(r.a+": either a kit-token or valid semantic version is required.",this),void(this.fatalError=!0);this.query="",this.isInitialLoading=!0,this.setupSlots(),this.preload().then(()=>{const n=this.pro(),a=this.kitToken?Object(r.j)(n):Object(r.h)();n&&(this.svgFetchBaseUrl=`${a}/releases/v${this.resolvedVersion()}/svgs`);const t=r.k.get(window,"FontAwesome");return t?Promise.resolve(t):Object(r.f)(this.getUrlText,n,this.resolvedVersion(),a,this.kitToken).then(n=>(document.head.appendChild(n),r.k.get(window,"FontAwesome")))}).then(n=>{this.svgApi=n;const a=r.k.get(window,"FontAwesome.dom"),t=document.createElement("STYLE");t.setAttribute("type","text/css");const i=document.createTextNode(a.css());t.appendChild(i),this.host.shadowRoot.appendChild(t),this.defaultIcons=r.g,this.setIcons(this.defaultIcons,this.iconUploadsAsIconUploadLookups()),this.activateDefaultStyleFilters(),this.mayHaveIconUploads()&&r.k.size(r.k.get(this,"kitMetadata.iconUploads"))>0&&(this.styleFilters.fak=!0),this.commonFaIconProps={svgApi:r.k.get(window,"FontAwesome"),pro:this.pro(),svgFetchBaseUrl:this.svgFetchBaseUrl,kitToken:this.kitToken,getUrlText:this.getUrlText},this.isInitialLoading=!1}).catch(n=>{console.error(n),this.isInitialLoading=!1,this.fatalError=!0})}async updateQueryResults(n){if(0===r.k.size(n))return;this.isQuerying=!0;const a=await this.handleQuery(`\n query {\n search(version:"${this.resolvedVersion()}", query: "${n}", first: 100) {\n id\n label\n membership {\n free\n pro\n }\n }\n }`),t=this.iconUploadsAsIconUploadLookups().filter(({iconName:a})=>a.indexOf(n)>-1);let i=a;Array.isArray(r.k.get(i,"data.search"))||(console.warn(r.a+": search results may be inaccurate since 'handleQuery' returned an unexpected value:",a),i={data:{search:[]}}),this.setIcons(i,t),this.hasQueried=!0,this.isQuerying=!1}iconUploadsAsIconUploadLookups(){return r.k.get(this,"kitMetadata.iconUploads",[]).map(n=>({prefix:"fak",iconName:n.name,iconUpload:n}))}setIcons(n,a){this.icons=(r.k.get(n,"data.search")||[]).reduce((n,a)=>{const{id:t,membership:i}=a,o=i.free;return this.pro()&&i.pro&&i.pro.filter(n=>!i.free.includes(n)).forEach(n=>o.push(n)),o.map(a=>{const i=r.d[a];n.push({iconName:t,prefix:i})}),n},a)}filteredIcons(){return this.styleFilterEnabled?this.icons.filter(({prefix:n})=>this.styleFilters[n]):this.icons}resetStyleFilter(){Object.keys(this.styleFilters).forEach(n=>{this.styleFilters[n]=!1}),this.styleFilterEnabled=!1}isOnlyEnabledStyleFilter(n){return!!this.styleFilters[n]&&!Object.keys(this.styleFilters).find(a=>a!==n&&this.styleFilters[a])}showCheckedStyleIcon(n){return this.styleFilterEnabled&&this.styleFilters[n]}toggleStyleFilter(n){this.styleFilterEnabled?this.isOnlyEnabledStyleFilter(n)?(this.styleFilters=Object.assign(Object.assign({},this.styleFilters),{[n]:!this.styleFilters[n]}),this.styleFilterEnabled=!1):this.styleFilters=Object.assign(Object.assign({},this.styleFilters),{[n]:!this.styleFilters[n]}):(this.styleFilters=Object.assign(Object.assign({},this.styleFilters),{[n]:!0}),this.styleFilterEnabled=!0)}isV6(){const n=this.resolvedVersion();return n&&"6"===n[0]}isDuotoneAvailable(){return this.pro()&&!!this.resolvedVersion().match("(5.[1-9][0-9]+.)|^6.")}mayHaveIconUploads(){return this.pro()}hasIconUploads(){return r.k.size(r.k.get(this,"kitMetadata.iconUploads"))}onKeyUp(n){this.query=n.target.value,0===r.k.size(this.query)?this.setIcons(this.defaultIcons,this.iconUploadsAsIconUploadLookups()):this.updateQueryResultsWithDebounce(this.query)}preventDefaultFormSubmit(n){n.preventDefault(),n.stopPropagation()}render(){const n=!this.pro(),a=!(this.isV6()&&this.pro()),t=!this.isDuotoneAvailable(),m=!this.mayHaveIconUploads();return this.fatalError?Object(i.h)("div",{class:"fa-icon-chooser"},Object(i.h)("div",{class:"message-loading text-center margin-2xl"},Object(i.h)("h3",null,this.slot("fatal-error-heading")),Object(i.h)("p",null,this.slot("fatal-error-detail")))):this.isInitialLoading?Object(i.h)("div",{class:"fa-icon-chooser"},Object(i.h)("div",{class:"message-loading text-center margin-2xl"},Object(i.h)("h3",null,"Loading..."))):Object(i.h)("div",{class:"fa-icon-chooser"},Object(i.h)("form",{id:"search-form",onSubmit:this.preventDefaultFormSubmit},Object(i.h)("label",{htmlFor:"search",class:"margin-bottom-xs margin-left-xl sr-only"},this.pro()?this.slot("search-field-label-pro"):this.slot("search-field-label-free")," ",this.resolvedVersion()),Object(i.h)("div",{class:"tablet:margin-bottom-xl"},Object(i.h)("div",{class:"wrap-search margin-bottom-3xs with-icon-before"},Object(i.h)("fa-icon",Object.assign({},this.commonFaIconProps,{stylePrefix:"fas",name:"search",class:"icons-search-decorative"})),Object(i.h)("input",{type:"text",name:"search",id:"search",class:"rounded",value:this.query,onKeyUp:this.onKeyUp.bind(this),placeholder:this.searchInputPlaceholder||p["search-field-placeholder"]}))),Object(i.h)("div",{class:"icons-style-menu-listing display-flex flex-items-center align-between margin-bottom-xl"},Object(i.h)("div",{class:"wrap-icons-style-choice size-sm laptop:size-md margin-3xs column"},Object(i.h)("input",{id:"icons-style-solid",checked:this.styleFilterEnabled&&this.styleFilters.fas,onChange:()=>this.toggleStyleFilter("fas"),type:"checkbox",name:"icons-style",class:"input-checkbox-custom"}),Object(i.h)("label",{htmlFor:"icons-style-solid",class:"icons-style-choice padding-xs tablet:padding-md laptop:padding-sm margin-0 display-flex flex-column flex-items-center"},Object(i.h)("span",{class:"style-icon position-relative display-none size-sm margin-bottom-2xs tablet:display-block laptop:display-inline-block laptop:margin-right-sm laptop:margin-bottom-0 desktop:size-md"},Object(i.h)("fa-icon",Object.assign({style:!this.showCheckedStyleIcon("fas")&&l},this.commonFaIconProps,{name:"grin-tongue",stylePrefix:"fas",size:"2x",class:"checked-icon fa-fw"})),Object(i.h)("fa-icon",Object.assign({style:this.showCheckedStyleIcon("fas")&&l},this.commonFaIconProps,{name:"smile",stylePrefix:"fas",size:"2x",class:"unchecked-icon fa-fw"}))),Object(i.h)("span",null,"Solid ",Object(i.h)("span",{class:"sr-only"},this.slot("solid-style-filter-sr-message"))))),Object(i.h)("div",{class:"wrap-icons-style-choice size-sm laptop:size-md margin-3xs column"},Object(i.h)("input",{id:"icons-style-regular",checked:this.styleFilterEnabled&&this.styleFilters.far,onChange:()=>this.toggleStyleFilter("far"),type:"checkbox",name:"icons-style",class:"input-checkbox-custom"}),Object(i.h)("label",{htmlFor:"icons-style-regular",class:"icons-style-choice padding-xs tablet:padding-md laptop:padding-sm margin-0 display-flex flex-column flex-items-center "},Object(i.h)("span",{class:"style-icon position-relative display-none size-sm margin-bottom-2xs tablet:display-block laptop:display-inline-block laptop:margin-right-sm laptop:margin-bottom-0"},Object(i.h)("fa-icon",Object.assign({style:!this.showCheckedStyleIcon("far")&&l},this.commonFaIconProps,{name:"grin-tongue",stylePrefix:"far",size:"2x",class:"checked-icon fa-fw"})),Object(i.h)("fa-icon",Object.assign({style:this.showCheckedStyleIcon("far")&&l},this.commonFaIconProps,{name:"smile",stylePrefix:"far",size:"2x",class:"unchecked-icon fa-fw"}))),Object(i.h)("span",null,"Regular ",Object(i.h)("span",{class:"sr-only"},this.slot("regular-style-filter-sr-message"))))),Object(i.h)("div",{class:"wrap-icons-style-choice size-sm laptop:size-md margin-3xs column"},Object(i.h)("input",{disabled:n,id:"icons-style-light",checked:this.styleFilterEnabled&&this.styleFilters.fal,onChange:()=>this.toggleStyleFilter("fal"),type:"checkbox",name:"icons-style",class:"input-checkbox-custom"}),Object(i.h)("label",{htmlFor:"icons-style-light",class:"icons-style-choice padding-xs tablet:padding-md laptop:padding-sm margin-0 display-flex flex-column flex-items-center "},n?Object(i.h)("span",{class:"style-icon position-relative display-none size-sm margin-bottom-2xs tablet:display-block laptop:display-inline-block laptop:margin-right-sm laptop:margin-bottom-0"},Object(i.h)("fa-icon",Object.assign({},this.commonFaIconProps,{name:"meh",stylePrefix:"far",size:"2x",class:"checked-icon fa-fw"}))):Object(i.h)("span",{class:"style-icon position-relative display-none size-sm margin-bottom-2xs tablet:display-block laptop:display-inline-block laptop:margin-right-sm laptop:margin-bottom-0"},Object(i.h)("fa-icon",Object.assign({style:!this.showCheckedStyleIcon("fal")&&l},this.commonFaIconProps,{name:"grin-tongue",stylePrefix:"fal",size:"2x",class:"checked-icon fa-fw"})),Object(i.h)("fa-icon",Object.assign({style:this.showCheckedStyleIcon("fal")&&l},this.commonFaIconProps,{name:"smile",stylePrefix:"fal",size:"2x",class:"unchecked-icon fa-fw"}))),Object(i.h)("span",null,"Light ",Object(i.h)("span",{class:"sr-only"},this.slot("light-style-filter-sr-message")))),Object(i.h)("span",{class:"disabled-tooltip size-sm"},this.slot("light-requires-pro"))),Object(i.h)("div",{class:"wrap-icons-style-choice size-sm laptop:size-md margin-3xs column"},Object(i.h)("input",{disabled:a,id:"icons-style-thin",checked:this.styleFilterEnabled&&this.styleFilters.fat,onChange:()=>this.toggleStyleFilter("fat"),type:"checkbox",name:"icons-style",class:"input-checkbox-custom"}),Object(i.h)("label",{htmlFor:"icons-style-thin",class:"icons-style-choice padding-xs tablet:padding-md laptop:padding-sm margin-0 display-flex flex-column flex-items-center "},a?Object(i.h)("span",{class:"style-icon position-relative display-none size-sm margin-bottom-2xs tablet:display-block laptop:display-inline-block laptop:margin-right-sm laptop:margin-bottom-0"},Object(i.h)("fa-icon",Object.assign({},this.commonFaIconProps,{name:"meh",stylePrefix:"far",size:"2x",class:"checked-icon fa-fw"}))):Object(i.h)("span",{class:"style-icon position-relative display-none size-sm margin-bottom-2xs tablet:display-block laptop:display-inline-block laptop:margin-right-sm laptop:margin-bottom-0"},Object(i.h)("fa-icon",Object.assign({style:!this.showCheckedStyleIcon("fat")&&l},this.commonFaIconProps,{name:"grin-tongue",stylePrefix:"fat",size:"2x",class:"checked-icon fa-fw"})),Object(i.h)("fa-icon",Object.assign({style:this.showCheckedStyleIcon("fat")&&l},this.commonFaIconProps,{name:"smile",stylePrefix:"fat",size:"2x",class:"unchecked-icon fa-fw"}))),Object(i.h)("span",null,"Thin ",Object(i.h)("span",{class:"sr-only"},this.slot("thin-style-filter-sr-message")))),Object(i.h)("span",{class:"disabled-tooltip size-sm"},this.slot("thin-requires-pro"))),Object(i.h)("div",{class:"wrap-icons-style-choice size-sm laptop:size-md margin-3xs column"},Object(i.h)("input",{disabled:t,id:"icons-style-duotone",checked:this.styleFilterEnabled&&this.styleFilters.fad,onChange:()=>this.toggleStyleFilter("fad"),type:"checkbox",name:"icons-style",class:"input-checkbox-custom"}),Object(i.h)("label",{htmlFor:"icons-style-duotone",class:"icons-style-choice padding-xs tablet:padding-md laptop:padding-sm margin-0 display-flex flex-column flex-items-center "},t?Object(i.h)("span",{class:"style-icon position-relative display-none size-sm margin-bottom-2xs tablet:display-block laptop:display-inline-block laptop:margin-right-sm laptop:margin-bottom-0"},Object(i.h)("fa-icon",Object.assign({},this.commonFaIconProps,{name:"meh",stylePrefix:"far",size:"2x",class:"unchecked-icon fa-fw"}))):Object(i.h)("span",{class:"style-icon position-relative display-none size-sm margin-bottom-2xs tablet:display-block laptop:display-inline-block laptop:margin-right-sm laptop:margin-bottom-0"},Object(i.h)("fa-icon",Object.assign({style:!this.showCheckedStyleIcon("fad")&&l},this.commonFaIconProps,{name:"grin-tongue",stylePrefix:"fad",size:"2x",class:"checked-icon fa-fw"})),Object(i.h)("fa-icon",Object.assign({style:this.showCheckedStyleIcon("fad")&&l},this.commonFaIconProps,{name:"smile",stylePrefix:"fad",size:"2x",class:"unchecked-icon fa-fw"}))),Object(i.h)("span",null,"Duotone ",Object(i.h)("span",{class:"sr-only"},this.slot("duotone-style-filter-sr-message")))),Object(i.h)("span",{class:"disabled-tooltip size-sm"},this.slot("duotone-requires-pro"))),Object(i.h)("div",{class:"wrap-icons-style-choice size-sm laptop:size-md margin-3xs column"},Object(i.h)("input",{id:"icons-style-brands",checked:this.styleFilterEnabled&&this.styleFilters.fab,onChange:()=>this.toggleStyleFilter("fab"),type:"checkbox",name:"icons-style",class:"input-checkbox-custom"}),Object(i.h)("label",{htmlFor:"icons-style-brands",class:"icons-style-choice padding-xs tablet:padding-md laptop:padding-sm margin-0 display-flex flex-column flex-items-center "},Object(i.h)("span",{class:"style-icon position-relative display-none size-sm margin-bottom-2xs tablet:display-block laptop:display-inline-block laptop:margin-right-sm laptop:margin-bottom-0"},Object(i.h)("fa-icon",Object.assign({},this.commonFaIconProps,{stylePrefix:"fab",name:"font-awesome",size:"2x",class:"fa-fw"}))),Object(i.h)("span",null,"Brands ",Object(i.h)("span",{class:"sr-only"},this.slot("brands-style-filter-sr-message"))))),Object(i.h)("div",{class:"wrap-icons-style-choice size-sm laptop:size-md margin-3xs column"},Object(i.h)("input",{disabled:m,id:"icons-style-uploads",checked:this.styleFilterEnabled&&this.styleFilters.fak,onChange:()=>this.toggleStyleFilter("fak"),type:"checkbox",name:"icons-style",class:"input-checkbox-custom"}),Object(i.h)("label",{htmlFor:"icons-style-uploads",class:"icons-style-choice padding-xs tablet:padding-md laptop:padding-sm margin-0 display-flex flex-column flex-items-center"},Object(i.h)("span",{class:"style-icon position-relative display-none size-sm margin-bottom-2xs tablet:display-block laptop:display-inline-block laptop:margin-right-sm laptop:margin-bottom-0"},m?Object(i.h)("fa-icon",Object.assign({},this.commonFaIconProps,{stylePrefix:"far",name:"meh",size:"2x",class:"fa-fw"})):Object(i.h)("fa-icon",Object.assign({},this.commonFaIconProps,{stylePrefix:"far",name:"cloud",size:"2x",class:"fa-fw"}))),Object(i.h)("span",null,"Uploaded ",Object(i.h)("span",{class:"sr-only"},this.slot("uploaded-style-filter-sr-message")))),Object(i.h)("span",{class:"disabled-tooltip size-sm"},this.slot("uploaded-requires-pro"))))),Object(i.h)("p",{class:"muted size-sm text-center margin-bottom-xs"},this.pro()?this.slot("searching-pro"):this.slot("searching-free")," ",this.resolvedVersion()),Object(i.h)("div",{class:"wrap-icon-listing margin-y-lg"},!this.isQuerying&&this.mayHaveIconUploads()&&!this.hasIconUploads()&&this.styleFilterEnabled&&this.styleFilters.fak&&Object(i.h)("article",{class:"text-center margin-2xl"},Object(i.h)("p",{class:"muted size-sm"},this.slot("kit-has-no-uploaded-icons"))),!this.isQuerying&&""===this.query&&Object(i.h)("article",{class:"text-center margin-y-2xl line-length-lg margin-auto"},Object(i.h)("h3",{class:"margin-bottom-md"},this.slot("start-view-heading")),Object(i.h)("p",{class:"margin-bottom-3xl"},this.slot("start-view-detail"))),this.isQuerying?Object(i.h)("article",{class:"message-loading text-center margin-2xl"},Object(i.h)("fa-icon",Object.assign({},this.commonFaIconProps,{icon:e,class:"message-icon fa-2x margin-top-xs fa-spin fa-fw"})),Object(i.h)("h3",null,this.slot("initial-loading-view-header")),Object(i.h)("p",{key:"a",class:"margin-y-md muted"},this.slot("initial-loading-view-detail"))):r.k.size(this.filteredIcons())>0?Object(i.h)("div",{class:"icon-listing"},this.filteredIcons().map(n=>Object(i.h)("article",{class:"wrap-icon",key:`${n.prefix}-${n.iconName}`},Object(i.h)("button",{class:"icon subtle display-flex flex-column flex-items-center flex-content-center",onClick:()=>this.finish.emit(Object(r.e)(n))},Object(i.h)("fa-icon",Object.assign({},this.commonFaIconProps,{size:"2x",stylePrefix:n.prefix,name:n.iconName,iconUpload:r.k.get(n,"iconUpload")})),Object(i.h)("span",{class:"icon-name size-sm text-truncate margin-top-lg"},""+n.iconName))))):Object(i.h)("article",{class:"message message-noresults text-center margin-2xl"},Object(i.h)("span",{key:"b"},Object(i.h)("fa-icon",Object.assign({},this.commonFaIconProps,{icon:o,class:"message-icon fa-2x margin-top-xs"}))),Object(i.h)("h2",{class:"message-title margin-top-lg"},this.slot("no-search-results-heading")),Object(i.h)("p",{key:"c",class:"size-lg"},this.slot("no-search-results-detail")),Object(i.h)("p",{key:"d",class:"muted display-block"},this.pro()?this.slot("suggest-icon-upload"):this.slot("get-fontawesome-pro")))))}get host(){return Object(i.g)(this)}};m.style='/* vendor.css */\n/* stylelint-disable */\n:host {\n --oc-white: #fff;\n --oc-black: #000;\n --oc-gray-0: #f8f9fa;\n --oc-gray-1: #f1f3f5;\n --oc-gray-2: #e9ecef;\n --oc-gray-3: #dee2e6;\n --oc-gray-4: #ced4da;\n --oc-gray-5: #adb5bd;\n --oc-gray-6: #868e96;\n --oc-gray-7: #495057;\n --oc-gray-8: #343a40;\n --oc-gray-9: #212529;\n --oc-red-0: #fff5f5;\n --oc-red-1: #ffe3e3;\n --oc-red-2: #ffc9c9;\n --oc-red-3: #ffa8a8;\n --oc-red-4: #ff8787;\n --oc-red-5: #ff6b6b;\n --oc-red-6: #fa5252;\n --oc-red-7: #f03e3e;\n --oc-red-8: #e03131;\n --oc-red-9: #c92a2a;\n --oc-pink-0: #fff0f6;\n --oc-pink-1: #ffdeeb;\n --oc-pink-2: #fcc2d7;\n --oc-pink-3: #faa2c1;\n --oc-pink-4: #f783ac;\n --oc-pink-5: #f06595;\n --oc-pink-6: #e64980;\n --oc-pink-7: #d6336c;\n --oc-pink-8: #c2255c;\n --oc-pink-9: #a61e4d;\n --oc-grape-0: #f8f0fc;\n --oc-grape-1: #f3d9fa;\n --oc-grape-2: #eebefa;\n --oc-grape-3: #e599f7;\n --oc-grape-4: #da77f2;\n --oc-grape-5: #cc5de8;\n --oc-grape-6: #be4bdb;\n --oc-grape-7: #ae3ec9;\n --oc-grape-8: #9c36b5;\n --oc-grape-9: #862e9c;\n --oc-violet-0: #f3f0ff;\n --oc-violet-1: #e5dbff;\n --oc-violet-2: #d0bfff;\n --oc-violet-3: #b197fc;\n --oc-violet-4: #9775fa;\n --oc-violet-5: #845ef7;\n --oc-violet-6: #7950f2;\n --oc-violet-7: #7048e8;\n --oc-violet-8: #6741d9;\n --oc-violet-9: #5f3dc4;\n --oc-indigo-0: #edf2ff;\n --oc-indigo-1: #dbe4ff;\n --oc-indigo-2: #bac8ff;\n --oc-indigo-3: #91a7ff;\n --oc-indigo-4: #748ffc;\n --oc-indigo-5: #5c7cfa;\n --oc-indigo-6: #4c6ef5;\n --oc-indigo-7: #4263eb;\n --oc-indigo-8: #3b5bdb;\n --oc-indigo-9: #364fc7;\n --oc-blue-0: #e7f5ff;\n --oc-blue-1: #d0ebff;\n --oc-blue-2: #a5d8ff;\n --oc-blue-3: #74c0fc;\n --oc-blue-4: #4dabf7;\n --oc-blue-5: #339af0;\n --oc-blue-6: #228be6;\n --oc-blue-7: #1c7ed6;\n --oc-blue-8: #1971c2;\n --oc-blue-9: #1864ab;\n --oc-cyan-0: #e3fafc;\n --oc-cyan-1: #c5f6fa;\n --oc-cyan-2: #99e9f2;\n --oc-cyan-3: #66d9e8;\n --oc-cyan-4: #3bc9db;\n --oc-cyan-5: #22b8cf;\n --oc-cyan-6: #15aabf;\n --oc-cyan-7: #1098ad;\n --oc-cyan-8: #0c8599;\n --oc-cyan-9: #0b7285;\n --oc-teal-0: #e6fcf5;\n --oc-teal-1: #c3fae8;\n --oc-teal-2: #96f2d7;\n --oc-teal-3: #63e6be;\n --oc-teal-4: #38d9a9;\n --oc-teal-5: #20c997;\n --oc-teal-6: #12b886;\n --oc-teal-7: #0ca678;\n --oc-teal-8: #099268;\n --oc-teal-9: #087f5b;\n --oc-green-0: #ebfbee;\n --oc-green-1: #d3f9d8;\n --oc-green-2: #b2f2bb;\n --oc-green-3: #8ce99a;\n --oc-green-4: #69db7c;\n --oc-green-5: #51cf66;\n --oc-green-6: #40c057;\n --oc-green-7: #37b24d;\n --oc-green-8: #2f9e44;\n --oc-green-9: #2b8a3e;\n --oc-lime-0: #f4fce3;\n --oc-lime-1: #e9fac8;\n --oc-lime-2: #d8f5a2;\n --oc-lime-3: #c0eb75;\n --oc-lime-4: #a9e34b;\n --oc-lime-5: #94d82d;\n --oc-lime-6: #82c91e;\n --oc-lime-7: #74b816;\n --oc-lime-8: #66a80f;\n --oc-lime-9: #5c940d;\n --oc-yellow-0: #fff9db;\n --oc-yellow-1: #fff3bf;\n --oc-yellow-2: #ffec99;\n --oc-yellow-3: #ffe066;\n --oc-yellow-4: #ffd43b;\n --oc-yellow-5: #fcc419;\n --oc-yellow-6: #fab005;\n --oc-yellow-7: #f59f00;\n --oc-yellow-8: #f08c00;\n --oc-yellow-9: #e67700;\n --oc-orange-0: #fff4e6;\n --oc-orange-1: #ffe8cc;\n --oc-orange-2: #ffd8a8;\n --oc-orange-3: #ffc078;\n --oc-orange-4: #ffa94d;\n --oc-orange-5: #ff922b;\n --oc-orange-6: #fd7e14;\n --oc-orange-7: #f76707;\n --oc-orange-8: #e8590c;\n --oc-orange-9: #d9480f;\n}\n/* stylelint-enable */\n/* Box sizing rules */\n*,\n*::before,\n*::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n/* Remove default margin */\n:host,\nbody,\nh1,\nh2,\nh3,\nh4,\np,\nli,\nfigure,\nfigcaption,\nblockquote,\ndl,\ndd {\n margin: 0;\n}\n/* Set core body defaults */\nbody {\n min-height: 100vh;\n scroll-behavior: smooth;\n text-rendering: optimizeSpeed;\n line-height: 1.5;\n}\n/* A elements that don\'t have a class get default styles */\na:not([class]) {\n -webkit-text-decoration-skip: ink;\n text-decoration-skip-ink: auto;\n}\n/* Make images easier to work with */\nimg {\n display: block;\n max-width: 100%;\n}\n/* Inherit fonts for inputs and buttons */\ninput,\nbutton,\ntextarea,\nselect {\n font: inherit;\n}\n/* Remove all animations and transitions for people that prefer not to see them */\n@media (prefers-reduced-motion: reduce) {\n * {\n -webkit-transition-duration: 0.0001s !important;\n transition-duration: 0.0001s !important;\n -webkit-animation-duration: 0.0001s !important;\n animation-duration: 0.0001s !important;\n -webkit-animation-iteration-count: 1 !important;\n animation-iteration-count: 1 !important;\n scroll-behavior: auto !important;\n }\n}\n/* setting.css */\n:host {\n /* viewports */\n --viewport-tablet: 48rem; /* 768px */\n --viewport-laptop: 64rem; /* 1024px */\n --viewport-desktop: 96rem; /* 1536px */\n\n /* colors */\n --white: var(--oc-white);\n --black: var(--oc-black);\n\n /* colors: Brand Grays */\n --gray-50: #f0f1f3;\n --gray-100: #e0e2e8;\n --gray-200: #c3c6d1;\n --gray-300: #a5abbb;\n --gray-400: #8991a5;\n --gray-500: #6d7790;\n --gray-600: #515e7b;\n --gray-700: #364767;\n --gray-800: #183153;\n --gray-900: #001c40;\n\n /* colors: red */\n --red0: var(--oc-red-0);\n --red1: var(--oc-red-1);\n --red2: var(--oc-red-2);\n --red3: var(--oc-red-3);\n --red4: var(--oc-red-4);\n --red5: var(--oc-red-5);\n --red6: var(--oc-red-6);\n --red7: var(--oc-red-7);\n --red8: var(--oc-red-8);\n --red9: var(--oc-red-9);\n\n /* colors: pink */\n --pink0: var(--oc-pink-0);\n --pink1: var(--oc-pink-1);\n --pink2: var(--oc-pink-2);\n --pink3: var(--oc-pink-3);\n --pink4: var(--oc-pink-4);\n --pink5: var(--oc-pink-5);\n --pink6: var(--oc-pink-6);\n --pink7: var(--oc-pink-7);\n --pink8: var(--oc-pink-8);\n --pink9: var(--oc-pink-9);\n\n /* colors: grape */\n --grape0: var(--oc-grape-0);\n --grape1: var(--oc-grape-1);\n --grape2: var(--oc-grape-2);\n --grape3: var(--oc-grape-3);\n --grape4: var(--oc-grape-4);\n --grape5: var(--oc-grape-5);\n --grape6: var(--oc-grape-6);\n --grape7: var(--oc-grape-7);\n --grape8: var(--oc-grape-8);\n --grape9: var(--oc-grape-9);\n\n /* colors: violet */\n --violet0: var(--oc-violet-0);\n --violet1: var(--oc-violet-1);\n --violet2: var(--oc-violet-2);\n --violet3: var(--oc-violet-3);\n --violet4: var(--oc-violet-4);\n --violet5: var(--oc-violet-5);\n --violet6: var(--oc-violet-6);\n --violet7: var(--oc-violet-7);\n --violet8: var(--oc-violet-8);\n --violet9: var(--oc-violet-9);\n\n /* colors: indigo */\n --indigo0: var(--oc-indigo-0);\n --indigo1: var(--oc-indigo-1);\n --indigo2: var(--oc-indigo-2);\n --indigo3: var(--oc-indigo-3);\n --indigo4: var(--oc-indigo-4);\n --indigo5: var(--oc-indigo-5);\n --indigo6: var(--oc-indigo-6);\n --indigo7: var(--oc-indigo-7);\n --indigo8: var(--oc-indigo-8);\n --indigo9: var(--oc-indigo-9);\n\n /* colors: blue */\n --blue0: var(--oc-blue-0);\n --blue1: var(--oc-blue-1);\n --blue2: var(--oc-blue-2);\n --blue3: var(--oc-blue-3);\n --blue4: var(--oc-blue-4);\n --blue5: var(--oc-blue-5);\n --blue6: var(--oc-blue-6);\n --blue7: var(--oc-blue-7);\n --blue8: var(--oc-blue-8);\n --blue9: var(--oc-blue-9);\n\n /* colors: cyan */\n --cyan0: var(--oc-cyan-0);\n --cyan1: var(--oc-cyan-1);\n --cyan2: var(--oc-cyan-2);\n --cyan3: var(--oc-cyan-3);\n --cyan4: var(--oc-cyan-4);\n --cyan5: var(--oc-cyan-5);\n --cyan6: var(--oc-cyan-6);\n --cyan7: var(--oc-cyan-7);\n --cyan8: var(--oc-cyan-8);\n --cyan9: var(--oc-cyan-9);\n\n /* colors: teal */\n --teal0: var(--oc-teal-0);\n --teal1: var(--oc-teal-1);\n --teal2: var(--oc-teal-2);\n --teal3: var(--oc-teal-3);\n --teal4: var(--oc-teal-4);\n --teal5: var(--oc-teal-5);\n --teal6: var(--oc-teal-6);\n --teal7: var(--oc-teal-7);\n --teal8: var(--oc-teal-8);\n --teal9: var(--oc-teal-9);\n\n /* colors: green */\n --green0: var(--oc-green-0);\n --green1: var(--oc-green-1);\n --green2: var(--oc-green-2);\n --green3: var(--oc-green-3);\n --green4: var(--oc-green-4);\n --green5: var(--oc-green-5);\n --green6: var(--oc-green-6);\n --green7: var(--oc-green-7);\n --green8: var(--oc-green-8);\n --green9: var(--oc-green-9);\n\n /* colors: lime */\n --lime0: var(--oc-lime-0);\n --lime1: var(--oc-lime-1);\n --lime2: var(--oc-lime-2);\n --lime3: var(--oc-lime-3);\n --lime4: var(--oc-lime-4);\n --lime5: var(--oc-lime-5);\n --lime6: var(--oc-lime-6);\n --lime7: var(--oc-lime-7);\n --lime8: var(--oc-lime-8);\n --lime9: var(--oc-lime-9);\n\n /* colors: yellow */\n --yellow0: var(--oc-yellow-0);\n --yellow1: var(--oc-yellow-1);\n --yellow2: var(--oc-yellow-2);\n --yellow3: var(--oc-yellow-3);\n --yellow4: var(--oc-yellow-4);\n --yellow5: var(--oc-yellow-5);\n --yellow6: var(--oc-yellow-6);\n --yellow7: var(--oc-yellow-7);\n --yellow8: var(--oc-yellow-8);\n --yellow9: var(--oc-yellow-9);\n\n /* colors: orange */\n --orange0: var(--oc-orange-0);\n --orange1: var(--oc-orange-1);\n --orange2: var(--oc-orange-2);\n --orange3: var(--oc-orange-3);\n --orange4: var(--oc-orange-4);\n --orange5: var(--oc-orange-5);\n --orange6: var(--oc-orange-6);\n --orange7: var(--oc-orange-7);\n --orange8: var(--oc-orange-8);\n --orange9: var(--oc-orange-9);\n\n /* Brand Colors\n Brand Gravy */\n --fa-dk-navy: var(--gray-900);\n --fa-navy: var(--gray-800);\n --fa-dk-gravy: var(--gray-600);\n --fa-md-gravy: var(--gray-400);\n --fa-gravy: var(--gray-200);\n --fa-lt-gravy: var(--gray-50);\n\n /* Brand Yellow */\n --fa-yellow: var(--oc-yellow-4);\n --fa-dk-yellow: var(--oc-yellow-6);\n\n /* Brand Blue */\n --fa-blue: var(--oc-blue-3);\n --fa-dk-blue: var(--oc-blue-7);\n\n /* Brand Teal */\n --fa-teal: var(--oc-teal-3);\n --fa-dk-teal: var(--oc-teal-7);\n\n /* Brand Red */\n --fa-red: var(--oc-red-4);\n --fa-dk-red: var(--oc-red-8);\n\n /* Brand Purple */\n --fa-purple: var(--oc-grape-3);\n --fa-dk-purple: var(--oc-grape-8);\n\n /* Brand Violet */\n --fa-violet: var(--oc-violet-3);\n --fa-dk-violet: var(--oc-violet-8);\n\n /* focus */\n --focus-outline-size: 1px;\n --focus-outline-style: solid;\n --focus-outline-color: var(--white);\n\n /* timing */\n --timing-base: 1s;\n --timing-glacial: calc(var(--timing-base) * 200); /* 200s */\n --timing-3xslow: calc(var(--timing-base) * 10); /* 10s */\n --timing-2xslow: calc(var(--timing-base) * 4); /* 4s */\n --timing-xslow: calc(var(--timing-base) * 2); /* 2s */\n --timing-slow: calc(var(--timing-base) * 1.5); /* 1.5s */\n --timing-md: var(--timing-base);\n --timing-fast: calc(var(--timing-base) * 0.5); /* 0.5s */\n --timing-xfast: calc(var(--timing-base) * 0.25); /* 0.25s */\n --timing-2xfast: calc(var(--timing-base) * 0.1); /* 0.1s */\n\n /* typography */\n --font-family-sans-serif: cera-round-pro, "Helvetica Neue", "Helvetica", "Arial", sans-serif; /* Available typefaces in the Fort Awesome kit for WA: "cera-pro" & "cera-round-pro" */\n --font-family-serif: fa-livory, "Georgia", "Times New Roman", "Times", serif;\n --font-family-monospace: "Menlo", "Monaco", "Consolas", "Courier New", monospace;\n --font-family-base: var(--font-family-sans-serif);\n\n /* viewport scaling */\n --font-size-root: 14px;\n --font-size-root-tablet: 16px;\n\n /* sizes */\n --size-base: 1em;\n --size-6xs: calc(var(--size-base) * 0.25); /* 4px */\n --size-5xs: calc(var(--size-base) * 0.3125); /* 5px */\n --size-4xs: calc(var(--size-base) * 0.375); /* 6px */\n --size-3xs: calc(var(--size-base) * 0.5); /* 8px */\n --size-2xs: calc(var(--size-base) * 0.625); /* 10px */\n --size-xs: calc(var(--size-base) * 0.75); /* 12px */\n --size-sm: calc(var(--size-base) * 0.875); /* 14px */\n --size-md: var(--size-base); /* 16px */\n --size-lg: calc(var(--size-base) * 1.25); /* 20px */\n --size-xl: calc(var(--size-base) * 1.5); /* 24px */\n --size-2xl: calc(var(--size-base) * 2); /* 32px */\n --size-3xl: calc(var(--size-base) * 2.5); /* 40px */\n --size-4xl: calc(var(--size-base) * 3); /* 48px */\n --size-5xl: calc(var(--size-base) * 3.75); /* 60px */\n --size-6xl: calc(var(--size-base) * 4.5); /* 72px */\n\n /* font-sizes */\n --font-size-base: 1em;\n --font-size-6xs: calc(var(--font-size-base) * 0.25); /* 4px */\n --font-size-5xs: calc(var(--font-size-base) * 0.3125); /* 5px */\n --font-size-4xs: calc(var(--font-size-base) * 0.375); /* 6px */\n --font-size-3xs: calc(var(--font-size-base) * 0.5); /* 8px */\n --font-size-2xs: calc(var(--font-size-base) * 0.625); /* 10px */\n --font-size-xs: calc(var(--font-size-base) * 0.75); /* 12px */\n --font-size-sm: calc(var(--font-size-base) * 0.875); /* 14px */\n --font-size-md: var(--font-size-base); /* 16px */\n --font-size-lg: calc(var(--font-size-base) * 1.25); /* 20px */\n --font-size-xl: calc(var(--font-size-base) * 1.5); /* 24px */\n --font-size-2xl: calc(var(--font-size-base) * 2); /* 32px */\n --font-size-3xl: calc(var(--font-size-base) * 2.5); /* 40px */\n --font-size-4xl: calc(var(--font-size-base) * 3); /* 48px */\n --font-size-5xl: calc(var(--font-size-base) * 3.75); /* 60px */\n --font-size-6xl: calc(var(--font-size-base) * 4.5); /* 72px */\n\n /* size resets */\n --size-reset-base: 1rem;\n --size-reset-6xs: calc(var(--size-reset-base) * 0.25); /* 4px */\n --size-reset-5xs: calc(var(--size-reset-base) * 0.3125); /* 5px */\n --size-reset-4xs: calc(var(--size-reset-base) * 0.375); /* 6px */\n --size-reset-3xs: calc(var(--size-reset-base) * 0.5); /* 8px */\n --size-reset-2xs: calc(var(--size-reset-base) * 0.625); /* 10px */\n --size-reset-xs: calc(var(--size-reset-base) * 0.75); /* 12px */\n --size-reset-sm: calc(var(--size-reset-base) * 0.875); /* 14px */\n --size-reset-md: var(--size-reset-base); /* 16px */\n --size-reset-lg: calc(var(--size-reset-base) * 1.25); /* 20px */\n --size-reset-xl: calc(var(--size-reset-base) * 1.5); /* 24px */\n --size-reset-2xl: calc(var(--size-reset-base) * 2); /* 32px */\n --size-reset-3xl: calc(var(--size-reset-base) * 2.5); /* 40px */\n --size-reset-4xl: calc(var(--size-reset-base) * 3); /* 48px */\n --size-reset-5xl: calc(var(--size-reset-base) * 3.75); /* 60px */\n --size-reset-6xl: calc(var(--size-reset-base) * 4.5); /* 72px */\n\n /* spacing */\n --spacing-base: 1em; /* ~16px */\n --spacing-0: 0;\n --spacing-1: calc(var(--spacing-base) * 1 / 16); /* 1px */\n --spacing-1px: 1px;\n --spacing-7xs: calc(var(--spacing-base) * 1 / 16); /* 1px */\n --spacing-6xs: calc(var(--spacing-base) * 2 / 16); /* 2px */\n --spacing-5xs: calc(var(--spacing-base) * 3 / 16); /* 3px */\n --spacing-4xs: calc(var(--spacing-base) * 4 / 16); /* 4px */\n --spacing-3xs: calc(var(--spacing-base) * 6 / 16); /* 6px */\n --spacing-2xs: calc(var(--spacing-base) * 8 / 16); /* 8px */\n --spacing-xs: calc(var(--spacing-base) * 10 / 16); /* 10px */\n --spacing-sm: calc(var(--spacing-base) * 12 / 16); /* 12px */\n --spacing-md: calc(var(--spacing-base) * 1); /* 16px */\n --spacing-lg: calc(var(--spacing-base) * 1.25); /* 20px */\n --spacing-xl: calc(var(--spacing-base) * 1.5); /* 24px */\n --spacing-2xl: calc(var(--spacing-base) * 2); /* 32px */\n --spacing-3xl: calc(var(--spacing-base) * 2.5); /* 40px */\n --spacing-4xl: calc(var(--spacing-base) * 3); /* 48px */\n --spacing-5xl: calc(var(--spacing-base) * 4); /* 64px */\n --spacing-6xl: calc(var(--spacing-base) * 5); /* 80px */\n --spacing-7xl: calc(var(--spacing-base) * 6); /* 96px */\n --spacing-8xl: calc(var(--spacing-base) * 8); /* 128px */\n --spacing-9xl: calc(var(--spacing-base) * 10); /* 160px */\n --spacing-10xl: calc(var(--spacing-base) * 12); /* 192px */\n --spacing-11xl: calc(var(--spacing-base) * 16); /* 256px */\n --spacing-12xl: calc(var(--spacing-base) * 20); /* 320px */\n\n /* headings */\n --headings-font-weight: var(--font-weight-semibold);\n --headings-font-family: var(--font-family-base);\n --headings-margin-top: 2em;\n --h1-font-size: var(--font-size-3xl); /* 40px */\n --h2-font-size: var(--font-size-2xl); /* 32px */\n --h3-font-size: var(--font-size-xl); /* 24px */\n --h4-font-size: var(--font-size-lg); /* 20px */\n --h5-font-size: var(--font-size-md); /* 16px */\n --h6-font-size: var(--font-size-xs); /* 12px */\n --h1-line-height: calc((40 + 6) / 40);\n --h2-line-height: calc((32 + 6) / 32);\n --h3-line-height: calc((24 + 6) / 24);\n --h4-line-height: calc((20 + 6) / 20);\n --h5-line-height: calc((16 + 6) / 16);\n --h6-line-height: calc((12 + 6) / 12);\n --h1-margin-bottom: calc(8em / 40);\n --h2-margin-bottom: calc(8em / 32);\n --h3-margin-bottom: calc(8em / 24);\n --h4-margin-bottom: calc(8em / 20);\n --h5-margin-bottom: calc(8em / 16);\n --h6-margin-bottom: calc(8em / 12);\n\n /* font-weights */\n --font-weight-light: 300;\n --font-weight-normal: 400;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n\n /* line heights */\n --line-height-0: 0;\n --line-height-base: 1.5;\n --line-height-sm: 1.25;\n --line-height-xs: 1.125;\n --line-height-1: 1;\n --line-height-md: var(--line-height-base);\n --line-height-lg: 1.6;\n --line-height-heading: var(--line-height-xs);\n --line-height-code: var(--line-height-md);\n --line-height-copy: var(--line-height-md);\n\n /* letter-spacing */\n --letter-spacing-0: 0;\n --letter-spacing-base: var(--letter-spacing-base);\n --letter-spacing-lg: 0.025em;\n --letter-spacing-xl: 0.05em;\n --letter-spacing-2xl: 0.1em;\n --letter-spacing-3xl: 0.25em;\n\n /* depth */\n --depth--1: -1;\n --depth-0: 0;\n --depth-1: 10;\n --depth-2: 20;\n --depth-3: 30;\n --depth-4: 40;\n --depth-5: 50;\n --depth-background: var(--depth--1);\n --depth-foreground: var(--depth-5);\n\n /* borders */\n --border-radius-none: 0;\n --border-radius-sm: 0.5em;\n --border-radius-md: 0.75em;\n --border-radius-lg: 1em;\n --border-radius-circle: 100%;\n --border-radius-pill: 9999px;\n --border-width-none: 0;\n --border-width-sm: 0.125em;\n --border-width-md: 0.25em;\n --border-width-lg: 0.5em;\n --border-style: solid;\n --border-width: var(--border-width-sm);\n --border-color: var(--fa-gravy);\n --border-radius: var(--border-radius-md);\n\n /* shadows */\n --with-shadow-box-shadow-color: var(--border-color);\n --with-shadow-box-shadow-width: 0.25em;\n --with-shadow-box-shadow: 0 var(--with-shadow-box-shadow-width) 0 var(--with-shadow-box-shadow-color);\n\n /* line-length */\n --line-length-2xs: 15ch;\n --line-length-xs: 30ch;\n --line-length-sm: 45ch;\n --line-length-md: 66ch;\n --line-length-lg: 77ch;\n --line-length-xl: 90ch;\n\n /* focus style */\n --focus-outline: solid 0.1875em var(--blue3); /* 3px outline width. Solid outline style must be set for consistent browser rendering. */\n --focus-outline-offset: var(--spacing-1);\n\n /* links */\n --link-display: inline;\n --link-transition-duration: var(--timing-2xfast);\n --link-decoration-line: underline;\n --link-decoration-style: dotted;\n --link-decoration-color: currentColor;\n --link-decoration-thickness: 0.0625em;\n --link-color: var(--fa-dk-blue);\n --link-font-weight: var(--font-weight-base);\n --link-hover-color: var(--fa-blue);\n --link-active-color: var(--fa-navy);\n --link-hover-decoration-line: underline;\n --link-hover-decoration-style: solid;\n --link-hover-decoration-color: currentColor;\n\n /* code */\n --code-background: transparent;\n --code-color: var(--orange5);\n --code-font-size: var(--font-size-sm);\n\n /* paragraphs */\n --paragraph-margin-top: 0;\n --paragraph-margin-bottom: var(--spacing-md);\n\n /* blockquotes */\n --blockquote-font-family: var(--font-family-serif);\n --blockquote-font-size: inherit;\n --blockquote-margin-bottom: var(--spacing-lg);\n --blockquote-quote-indent: var(--spacing-xl);\n --blockquote-quote-border-color: var(--gray-300);\n --blockquote-quote-border-style: solid;\n --blockquote-quote-border-width: var(--spacing-4xs);\n --blockquote-footer-color: var(--gray-500);\n --blockquote-footer-font-family: var(--font-family-base);\n --blockquote-footer-font-size: var(--font-size-sm);\n --blockquote-footer-margin-top: calc(var(--paragraph-margin-bottom) * -1);\n --blockquote-footer-padding-top: var(--spacing-lg);\n\n /* lists */\n --list-margin-top: var(--spacing-md);\n --list-margin-bottom: var(--spacing-md);\n --list-nested-margin-bottom: var(--spacing-4xs);\n --list-line-height: calc((16 + 8) / 16);\n --list-padding-left: var(--spacing-xl);\n --list-unordered-style-type: disc;\n --list-ordered-style-type: decimal;\n\n /* buttons */\n\n /* --button-transition-timing: var(--timing-2xfast); */\n --button-min-height: 4em; /* padding based on this value */\n --button-border-width: var(--border-width-sm);\n --button-border-radius: var(--border-radius-sm);\n --button-border-color: currentColor;\n --button-box-shadow-width: 0.375em;\n --button-box-shadow: 0 var(--button-box-shadow-width) 0 currentColor;\n --button-padding-vertical: calc((var(--button-min-height) - (var(--font-size-base) * var(--line-height-base)) - (var(--button-border-width) * 2) - var(--button-box-shadow-width)) / 2);\n --button-padding-horizontal: var(--spacing-xl);\n --button-padding: var(--button-padding-vertical) var(--button-padding-horizontal);\n --button-transition-duration: 0;\n --button-margin-bottom: 0.875em;\n --button-font-weight: 600;\n --button-background: var(--white);\n --button-decoration: none;\n --button-decoration-color: unset;\n --button-color: var(--fa-navy);\n --button-hover-background: var(--fa-gravy);\n --button-hover-decoration: none;\n --button-hover-decoration-color: unset;\n --button-hover-color: var(--button-color);\n --button-hover-border-color: currentColor;\n --button-active-border-width: var(--border-width-sm);\n --button-active-border-color: var(--fa-navy);\n --button-active-box-shadow: none;\n --button-active-background: var(--fa-navy);\n --button-active-color: var(--button-background);\n --button-disabled-opacity: 0.5;\n --button-disabled-background: var(--button-background);\n --button-padding-roomy: calc(var(--button-padding-vertical) + 0.5em) calc(var(--button-padding-horizontal) + 0.5em);\n --button-padding-compact: calc(var(--button-padding-vertical) - 0.5em) calc(var(--button-padding-horizontal) - 0.5em);\n\n /* tables */\n --table-layout: initial;\n --table-margin-bottom: var(--spacing-xl);\n --table-width: 100%;\n --table-background: inherit;\n --table-hover-background-color: transparent;\n --table-head-background: transparent;\n --table-th-background: transparent;\n --table-th-border-width: 2px;\n --table-th-border-style: solid;\n --table-th-border-color: var(--gray-200);\n --table-th-font-weight: var(--font-weight-semibold);\n --table-body-background: transparent;\n --table-row-background: transparent;\n --table-striped-row-background: var(--gray-100);\n --table-cell-border-collapse: collapse;\n --table-cell-border-spacing: none;\n --table-cell-text-align: left;\n --table-cell-vertical-align: initial;\n --table-cell-spacing-top: 0.5em;\n --table-cell-spacing-right: 0.75em;\n --table-cell-spacing-bottom: 0.5em;\n --table-cell-spacing-left: 0.75em;\n --table-cell-spacing-compact: calc(var(--table-cell-spacing-top) * 0.5) calc(var(--table-cell-spacing-right) * 0.5) calc(var(--table-cell-spacing-bottom) * 0.5) calc(var(--table-cell-spacing-left) * 0.5);\n --table-cell-spacing-roomy: calc(var(--table-cell-spacing-top) * 2) calc(var(--table-cell-spacing-right) * 2) calc(var(--table-cell-spacing-bottom) * 2) calc(var(--table-cell-spacing-left) * 2);\n --table-cell-border-width: 1px;\n --table-cell-border-style: solid;\n --table-cell-border-color: var(--gray-100);\n --table-cell-background: transparent;\n --table-foot-background: transparent;\n --table-caption-color: var(--gray-600);\n --table-caption-side: bottom;\n --table-caption-text-align: left;\n --table-caption-text-size: var(--size-sm);\n\n /* hrs */\n --hr-border-style: solid;\n --hr-border-width: var(--border-width-sm);\n --hr-border-color: var(--fa-gravy);\n --hr-padding-bottom: 0.25em; /* 8px */\n\n /* triangles */\n --triangle-color: var(--white);\n --triangle-size: 1em;\n\n /* tags */\n --tag-border: 0;\n --tag-border-radius: var(--border-radius-md);\n --tag-background: var(--fa-gravy);\n --tag-padding: 0.5em 1em; /* ~6px ~12px */\n --tag-vertical-align: calc(100% / 12); /* ~1px */\n --tag-text-transform: uppercase;\n --tag-letter-spacing: 0.0625em; /* ~0.5px */\n --tag-color: var(--fa-navy);\n --tag-font-size: var(--font-size-xs); /* ~12px */\n --tag-font-weight: bold;\n --tag-link-hover-color: var(--fa-dk-blue);\n --top-tag-top: -1em; /* 12px, half of tag height */\n --top-tag-indent: calc(32em / 12);\n --top-tag-margin-top: 0.75em; /* 12px, half of tag height */\n\n /* grid */\n --grid-gutter-x-width: 0.5rem;\n --grid-gutter-y-width: 1rem;\n --grid-outer-gutter-width: 1rem;\n --grid-min-width: none;\n --grid-max-width: 100%;\n --grid-fluid-max-width: 100%;\n --grid-row-direction: row;\n --grid-wrap: wrap;\n --grid-column-direction: column;\n --tablet-grid-outer-gutter-width: 1rem;\n --laptop-grid-outer-gutter-width: 2rem;\n --desktop-grid-outer-gutter-width: 2rem;\n --tablet-grid-max-width: var(--viewport-tablet);\n --laptop-grid-max-width: var(--viewport-laptop);\n --desktop-grid-max-width: var(--viewport-desktop);\n\n /* default text and background color */\n --text-color: var(--fa-navy);\n --text-align: left;\n --background-color: var(--fa-lt-gravy);\n\n /* body/page */\n --body-background: var(--background-color);\n --body-color: var(--text-color);\n\n /* messages */\n --message-min-height: 4em; /* 64px min height for messages. Change this and padding automatically adjusts. */\n --message-border-width: var(--border-width-sm);\n --message-border-style: solid;\n --message-border-color: var(--white);\n --message-vertical-padding: calc((var(--message-min-height) - (var(--font-size-base) * var(--line-height-base)) - (var(--message-border-width) * 2)) / 2);\n --message-horizontal-padding: var(--spacing-xl);\n --message-background: var(--white);\n --message-color: var(--fa-navy);\n --message-padding: var(--message-vertical-padding) var(--message-horizontal-padding);\n --message-border-radius: var(--border-radius-md);\n --message-margin: 0 0 1em;\n --message-with-icon-decorative-top: calc((var(--message-vertical-padding) + (var(--line-height-base) - var(--message-with-icon-decorative-scale))/2) / var(--message-with-icon-decorative-scale) * 1em);\n --message-with-icon-decorative-color: var(--fa-md-gravy);\n --message-with-icon-decorative-scale: 1.5; /* Scales icon size. Basically like unit-less ems. */\n --message-roomy-with-icon-decorative-scale: 1.75; /* Scales icon size. Basically like unit-less ems. */\n --message-roomy-with-icon-decorative-top: calc((1.625 + (var(--line-height-base) - var(--message-roomy-with-icon-decorative-scale))/2) / var(--message-roomy-with-icon-decorative-scale) * 1em);\n --message-roomy-padding: calc(var(--message-vertical-padding) + 0.5em) calc(var(--message-horizontal-padding) + 0.5em);\n --message-roomy-min-height: 5em;\n --message-compact-with-icon-decorative-scale: 1.25; /* Scales icon size. Basically like unit-less ems. */\n --message-compact-with-icon-decorative-top: calc((0.625 + (var(--line-height-base) - var(--message-compact-with-icon-decorative-scale))/2) / var(--message-compact-with-icon-decorative-scale) * 1em);\n --message-compact-padding: calc(var(--message-vertical-padding) - 0.5em) calc(var(--message-horizontal-padding) - 0.5em);\n --message-compact-min-height: 3em;\n\n /* forms */\n --fieldset-border-width: var(--border-width-sm) 0;\n --fieldset-border-style: solid;\n --fieldset-border-color: var(--fa-md-gravy);\n --fieldset-background: none;\n --fieldset-padding: 0 0 var(--spacing-sm) 0;\n --legend-background: transparent;\n --legend-padding: 0 var(--spacing-sm) 0 0;\n --legend-font-weight: bold;\n --legend-color: var(--fa-dk-gravy);\n --label-font-weight: bold;\n --label-font-size: var(--font-size-md);\n --label-color: var(--text-color);\n --label-required-color: var(--label-color);\n --label-disabled-color: var(--fa-dk-gravy);\n --input-font-size: var(--font-size-md);\n --input-font-weight: bold;\n --input-background: var(--white);\n --input-min-height: 4em; /* 64px min height for input, textarea, & select */\n --input-padding-vertical: calc((var(--input-min-height) - (var(--input-font-size) * var(--line-height-base)) - (var(--input-border-width) * 2)) / 2);\n --input-padding-horizontal: var(--spacing-xl);\n --input-padding: var(--input-padding-vertical) var(--input-padding-horizontal);\n --input-border-width: var(--border-width-sm);\n --input-border-style: solid;\n --input-border-radius: var(--border-radius-md);\n --input-border-color: var(--fa-md-gravy);\n --input-box-shadow: inset 0 0.25em 0 0 var(--fa-lt-gravy);\n --input-with-icon-scale: 1.25;\n --input-with-icon-color: var(--fa-gravy);\n --input-affix-background: var(--input-border-color);\n --input-affix-color: var(--white);\n --help-font-size: var(--font-size-sm);\n --help-color: var(--fa-dk-gravy);\n --input-disabled-box-shadow: none;\n --input-disabled-background: var(--fa-gravy);\n --input-disabled-color: var(--fa-dk-gravy);\n --input-disabled-border-color: var(--input-disabled-background);\n --input-disabled-opacity: 1;\n --input-placeholder-color: var(--fa-gravy);\n --input-placeholder-font-weight: normal;\n --form-button-margin: var(--spacing-sm) 0 0;\n\n /* cards */\n --card-display: block;\n --card-vertical-padding: calc((var(--card-min-height) - (var(--font-size-base) * var(--line-height-base)) - (var(--card-border-width) * 2)) / 2);\n --card-horizontal-padding: var(--spacing-xl);\n --card-text-align: center;\n --card-border-width: 0em; /* I shit you not. CSS calc cannot add 0 to something with units without 0 having units on it too. */\n --card-border-style: solid;\n --card-border-color: var(--white);\n --card-padding: var(--card-vertical-padding) var(--card-horizontal-padding);\n --card-border-radius: var(--border-radius-md);\n --card-margin-bottom: var(--spacing-xl);\n --card-vertical-align: top;\n --card-min-height: 4em; /* 64px min height for cards. A ton of math is based on this number, including vertical padding. */\n --card-roomy-vertical-padding: calc((var(--card-roomy-min-height) - (var(--font-size-base) * var(--line-height-base)) - (var(--card-border-width) * 2)) / 2);\n --card-roomy-horizontal-padding: var(--spacing-2xl);\n --card-roomy-min-height: 5em;\n --card-compact-vertical-padding: calc((var(--card-compact-min-height) - (var(--font-size-base) * var(--line-height-base)) - (var(--card-border-width) * 2)) / 2);\n --card-compact-horizontal-padding: var(--spacing-lg);\n --card-compact-min-height: 3em;\n --card-link-text-decoration: none;\n --card-link-hover-border-width: 0.125em;\n --card-link-hover-border-style: solid;\n --card-link-hover-text-decoration: none;\n --card-color: var(--fa-navy);\n --card-background: var(--white);\n --card-link-box-shadow: var(--with-shadow-box-shadow);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--white);\n --card-link-hover-color: var(--fa-dk-blue);\n --card-link-hover-border-color: var(--fa-blue);\n --card-header-border: 0.125em dotted var(--fa-dk-navy);\n --card-header-background: var(--fa-navy);\n --card-header-color: var(--white);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n --card-section-border: 0.125em dotted var(--fa-lt-gravy);\n --card-section-color: var(--card-color);\n\n /* with-close */\n --with-close-close-font-size: var(--font-size-xl);\n --with-close-times-color: var(--white);\n --with-close-close-color: inherit;\n --with-close-close-hover-color: var(--fa-dk-red);\n\n /* focus */\n --focus-border-color: var(--blue3);\n --focus-box-shadow: 0 0 3px 3px var(--blue3);\n\n /* modals */\n --modal-min-height: 4em;\n --modal-padding: 2em;\n --modal-border-radius: var(--border-radius-md);\n --modal-margin: var(--font-size-2xl) auto 0;\n --modal-transition-duration: var(--timing-xfast);\n --modal-shadow: rgba(81, 94, 123, 0.5);\n --modal-opacity: 0;\n\n /* icons */\n --icon-caret-down: url("data:image/svg+xml,%3Csvg aria-hidden=\'true\' focusable=\'false\' data-prefix=\'fas\' data-icon=\'caret-down\' class=\'svg-inline--fa fa-caret-down fa-w-10\' role=\'img\' xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 320 512\'%3E%3Cpath fill=\'rgb(73, 80, 87)\' d=\'M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\'%3E%3C/path%3E%3C/svg%3E");\n}\n/* alias: misc states */\n/* alias: system states */\n/* alias: theme states */\n/* alias: color states */\n/* alias: state custom selector rollups */\n/* Inverted States */\n/* alias: buttons */\n/* alias: add-ons */\n/* alias: code */\n/* alias: headings */\n/* alias: lists */\n/* alias: messages */\n/* alias: modals */\n/* alias: icons */\n/* alias: forms */\n/* alias: block-level elements */\n/* viewports */\n/* 768px */\n/* 1024px */\n/* 1536px */\n/* misc state variables */\n.default {\n --button-background: var(--white);\n --button-hover-background: var(--fa-gravy);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--white);\n --message-border-color: var(--white);\n --message-with-icon-decorative-color: var(--fa-md-gravy);\n --with-close-close-color: var(--fa-navy);\n --border-color: var(--gray-400);\n --link-color: var(--fa-dk-blue);\n --link-hover-color: var(--fa-blue);\n --table-background: var(--gray-50);\n --table-th-background: var(--gray-100);\n --table-row-background: var(--gray-50);\n --table-striped-row-background: var(--gray-100);\n --table-cell-border-color: var(--gray-300);\n --table-cell-background: transparent;\n --table-hover-background-color: var(--gray-400);\n --table-th-border-color: var(--gray-300);\n --tag-background: var(--fa-gravy);\n --tag-color: var(--fa-navy);\n --tag-link-hover-color: var(--fa-dk-blue);\n --fieldset-border-color: var(--gray-200);\n --legend-color: var(--gray-400);\n --card-color: var(--fa-navy);\n --card-background: var(--white);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--white);\n --card-link-hover-color: var(--fa-dk-blue);\n --card-link-hover-border-color: var(--fa-dk-blue);\n --card-header-background: var(--fa-navy);\n --card-header-color: var(--white);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n}\n.muted,.mute {\n --text-color: var(--fa-md-gravy);\n --hr-border-color: var(--gray-300);\n}\n/* theme state variables */\n.primary {\n --button-background: var(--white);\n --button-hover-background: var(--fa-gravy);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--white);\n --message-border-color: var(--white);\n --message-with-icon-decorative-color: var(--fa-md-gravy);\n --with-close-close-color: var(--fa-navy);\n --border-color: var(--blue3);\n --link-color: var(--fa-dk-blue);\n --link-hover-color: var(--fa-blue);\n --table-background: var(--blue0);\n --table-th-background: var(--blue1);\n --table-row-background: var(--blue0);\n --table-striped-row-background: var(--blue1);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--blue2);\n --table-hover-background-color: var(--blue1);\n --table-th-border-color: var(--blue2);\n --tag-background: var(--fa-navy);\n --tag-color: var(--white);\n --tag-link-hover-color: var(--fa-blue);\n --card-color: var(--fa-navy);\n --card-background: var(--white);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--white);\n --card-link-hover-color: var(--fa-dk-blue);\n --card-link-hover-border-color: var(--fa-dk-blue);\n --card-header-background: var(--fa-navy);\n --card-header-color: var(--white);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n}\n.secondary {\n --button-background: var(--fa-lt-gravy);\n --button-hover-background: var(--fa-gravy);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--fa-lt-gravy);\n --message-border-color: var(--fa-gravy);\n --message-with-icon-decorative-color: var(--fa-md-gravy);\n --with-close-close-color: var(--fa-navy);\n --border-color: var(--gray-400);\n --link-color: var(--fa-md-gravy);\n --link-hover-color: var(--fa-dk-blue);\n --table-background: var(--gray-50);\n --table-th-background: var(--gray-100);\n --table-row-background: var(--gray-50);\n --table-striped-row-background: var(--gray-100);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--gray-300);\n --table-hover-background-color: var(--gray-100);\n --table-th-border-color: var(--gray-300);\n --tag-background: var(--white);\n --tag-color: var(--fa-navy);\n --tag-link-hover-color: var(--fa-dk-blue);\n --card-border-width: 0.125em;\n --card-border-color: var(--fa-gravy);\n --card-color: var(--fa-navy);\n --card-background: var(--fa-lt-gravy);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--fa-navy);\n --card-link-hover-color: var(--white);\n --card-link-hover-border-color: var(--fa-navy);\n --card-header-background: var(--fa-md-gravy);\n --card-header-color: var(--white);\n --card-header-link-hover-background: var(--fa-lt-gravy);\n --card-header-link-hover-color: var(--card-link-hover-background);\n --card-section-border: 0.125em solid var(--card-border-color);\n}\n.accent {\n --button-background: var(--fa-yellow);\n --button-hover-background: var(--fa-dk-yellow);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--white);\n --message-border-color: var(--fa-dk-yellow);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --border-color: var(--fa-yellow);\n --link-color: var(--fa-dk-yellow);\n --link-hover-color: var(--fa-yellow);\n --table-background: var(--teal0);\n --table-th-background: var(--teal1);\n --table-row-background: var(--teal0);\n --table-striped-row-background: var(--teal1);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--teal2);\n --table-hover-background-color: var(--teal1);\n --table-th-border-color: var(--teal2);\n --tag-background: var(--fa-yellow);\n --tag-color: var(--fa-navy);\n --tag-link-hover-color: var(--fa-dk-blue);\n --fieldset-border-color: var(--fa-yellow);\n --legend-color: var(--fa-dk-yellow);\n --card-color: var(--fa-navy);\n --card-background: var(--white);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--fa-yellow);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-link-hover-background);\n --card-header-background: var(--fa-navy);\n --card-header-color: var(--white);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n --card-section-color: var(--fa-navy);\n --card-section-border: 0.125em solid var(--fa-lt-gravy);\n}\n.light {\n --button-background: var(--fa-gravy);\n --button-hover-background: var(--fa-md-gravy);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--white);\n --message-border-color: var(--fa-md-gravy);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --border-color: var(--white);\n --link-color: var(--fa-md-gravy);\n --link-hover-color: var(--fa-gravy);\n --table-background: var(--white);\n --table-th-background: var(--white);\n --table-row-background: var(--white);\n --table-striped-row-background: var(--gray-50);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--gray-200);\n --table-hover-background-color: var(--gray-100);\n --table-th-border-color: var(--gray-300);\n --tag-background: var(--fa-gravy);\n --tag-color: var(--fa-navy);\n --tag-link-hover-color: var(--fa-dk-blue);\n --card-background: var(--white);\n --card-color: var(--fa-md-gravy);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--white);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-gravy);\n --card-header-color: var(--fa-navy);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n}\n/* system state variables */\n.success {\n --button-background: var(--fa-teal);\n --button-hover-background: var(--fa-dk-teal);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--white);\n --message-border-color: var(--fa-dk-teal);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --border-color: var(--teal3);\n --link-color: var(--fa-dk-teal);\n --link-hover-color: var(--fa-teal);\n --table-background: var(--teal0);\n --table-th-background: var(--teal2);\n --table-row-background: var(--teal1);\n --table-striped-row-background: var(--teal0);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--teal2);\n --table-hover-background-color: var(--teal2);\n --table-th-border-color: var(--teal2);\n --tag-background: var(--fa-teal);\n --tag-color: var(--fa-navy);\n --tag-link-hover-color: var(--fa-dk-teal);\n --label-color: var(--fa-dk-teal);\n --label-required-color: var(--fa-dk-teal);\n --input-border-color: var(--fa-teal);\n --input-affix-background: var(--input-border-color);\n --card-background: var(--white);\n --card-color: var(--fa-dk-teal);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--white);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-teal);\n --card-header-color: var(--fa-navy);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n}\n.warning {\n --button-background: var(--fa-yellow);\n --button-hover-background: var(--fa-dk-yellow);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--white);\n --message-border-color: var(--fa-dk-yellow);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --border-color: var(--yellow3);\n --link-color: var(--fa-dk-yellow);\n --link-hover-color: var(--fa-yellow);\n --table-background: var(--yellow0);\n --table-th-background: var(--yellow2);\n --table-row-background: var(--yellow1);\n --table-striped-row-background: var(--yellow0);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--yellow2);\n --table-hover-background-color: var(--yellow2);\n --table-th-border-color: var(--yellow2);\n --tag-background: var(--fa-yellow);\n --tag-color: var(--fa-navy);\n --tag-link-hover-color: var(--fa-md-gravy);\n --label-color: var(--fa-dk-yellow);\n --label-required-color: var(--fa-dk-yellow);\n --input-border-color: var(--fa-yellow);\n --input-affix-background: var(--input-border-color);\n --card-background: var(--white);\n --card-color: var(--fa-dk-yellow);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--white);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-yellow);\n --card-header-color: var(--fa-navy);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n}\n.danger {\n --button-background: var(--fa-red);\n --button-hover-background: var(--fa-dk-red);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--white);\n --message-border-color: var(--fa-dk-red);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --link-color: var(--fa-dk-red);\n --link-hover-color: var(--fa-red);\n --table-background: var(--red0);\n --table-th-background: var(--red2);\n --table-row-background: var(--red1);\n --table-striped-row-background: var(--red0);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--red2);\n --table-hover-background-color: var(--red2);\n --table-th-border-color: var(--red2);\n --tag-background: var(--fa-red);\n --tag-color: var(--fa-navy);\n --tag-link-hover-color: var(--fa-dk-red);\n --label-color: var(--dk-red);\n --label-required-color: var(--fa-dk-red);\n --input-border-color: var(--fa-red);\n --input-affix-background: var(--input-border-color);\n --card-background: var(--white);\n --card-color: var(--fa-dk-red);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--white);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-red);\n --card-header-color: var(--fa-navy);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n}\n.info {\n --button-background: var(--fa-blue);\n --button-hover-background: var(--fa-dk-blue);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--white);\n --message-border-color: var(--fa-dk-blue);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --border-color: var(--blue3);\n --link-color: var(--fa-dk-blue);\n --link-hover-color: var(--fa-blue);\n --table-background: var(--blue0);\n --table-th-background: var(--blue2);\n --table-row-background: var(--blue1);\n --table-striped-row-background: var(--blue0);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--blue2);\n --table-hover-background-color: var(--blue2);\n --table-th-border-color: var(--blue2);\n --tag-background: var(--fa-blue);\n --tag-color: var(--fa-navy);\n --tag-link-hover-color: var(--fa-dk-blue);\n --label-color: var(--fa-dk-blue);\n --label-required-color: var(--fa-dk-blue);\n --input-border-color: var(--fa-blue);\n --input-affix-background: var(--input-border-color);\n --card-background: var(--white);\n --card-color: var(--fa-dk-blue);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--white);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-blue);\n --card-header-color: var(--fa-navy);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n}\n/* color state variables */\n.gray {\n --button-background: var(--fa-gravy);\n --button-hover-background: var(--fa-md-gravy);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--white);\n --message-border-color: var(--fa-md-gravy);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --link-color: var(--fa-md-gravy);\n --link-hover-color: var(--fa-gravy);\n --table-background: var(--gray-50);\n --table-th-background: var(--gray-100);\n --table-row-background: var(--gray-50);\n --table-striped-row-background: var(--gray-100);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--gray-300);\n --table-hover-background-color: var(--gray-100);\n --table-th-border-color: var(--gray-300);\n --tag-background: var(--fa-gravy);\n --tag-color: var(--fa-navy);\n --tag-link-hover-color: var(--fa-dk-blue);\n --fieldset-border-color: var(--fa-gravy);\n --legend-color: var(--fa-md-gravy);\n --card-background: var(--white);\n --card-color: var(--fa-md-gravy);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--white);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-gravy);\n --card-header-color: var(--fa-navy);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n}\n.red {\n --button-background: var(--fa-red);\n --button-hover-background: var(--fa-dk-red);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--white);\n --message-border-color: var(--fa-dk-red);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --border-color: var(--red3);\n --link-color: var(--fa-dk-red);\n --link-hover-color: var(--fa-red);\n --table-background: var(--red0);\n --table-th-background: var(--red1);\n --table-row-background: var(--red0);\n --table-striped-row-background: var(--red1);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--red2);\n --table-hover-background-color: var(--red1);\n --table-th-border-color: var(--red2);\n --tag-background: var(--fa-red);\n --tag-color: var(--fa-navy);\n --tag-link-hover-color: var(--fa-dk-red);\n --fieldset-border-color: var(--fa-red);\n --legend-color: var(--fa-dk-red);\n --card-background: var(--white);\n --card-color: var(--fa-dk-red);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--white);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-red);\n --card-header-color: var(--fa-navy);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n}\n.purple {\n --button-background: var(--fa-purple);\n --button-hover-background: var(--fa-dk-purple);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--white);\n --message-border-color: var(--fa-dk-purple);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --border-color: var(--grape3);\n --link-color: var(--fa-dk-purple);\n --link-hover-color: var(--fa-purple);\n --table-background: var(--grape0);\n --table-th-background: var(--grape1);\n --table-row-background: var(--grape0);\n --table-striped-row-background: var(--grape1);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--grape2);\n --table-hover-background-color: var(--grape1);\n --table-th-border-color: var(--grape2);\n --tag-background: var(--fa-purple);\n --tag-color: var(--fa-navy);\n --tag-link-hover-color: var(--fa-dk-purple);\n --fieldset-border-color: var(--fa-purple);\n --legend-color: var(--fa-dk-purple);\n --card-background: var(--white);\n --card-color: var(--fa-dk-purple);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--white);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-purple);\n --card-header-color: var(--fa-navy);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n}\n.violet {\n --button-background: var(--fa-violet);\n --button-hover-background: var(--fa-dk-violet);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--white);\n --message-border-color: var(--fa-dk-violet);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --border-color: var(--violet3);\n --link-color: var(--fa-dk-violet);\n --link-hover-color: var(--fa-violet);\n --table-background: var(--violet0);\n --table-th-background: var(--violet1);\n --table-row-background: var(--violet0);\n --table-striped-row-background: var(--violet1);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--violet2);\n --table-hover-background-color: var(--violet1);\n --table-th-border-color: var(--violet2);\n --tag-background: var(--fa-violet);\n --tag-color: var(--fa-navy);\n --tag-link-hover-color: var(--fa-dk-violet);\n --fieldset-border-color: var(--fa-violet);\n --legend-color: var(--fa-dk-violet);\n --card-background: var(--white);\n --card-color: var(--fa-dk-violet);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--white);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-violet);\n --card-header-color: var(--fa-navy);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n}\n.blue {\n --button-background: var(--fa-blue);\n --button-hover-background: var(--fa-dk-blue);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--white);\n --message-border-color: var(--fa-dk-blue);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --border-color: var(--blue3);\n --link-color: var(--fa-dk-blue);\n --link-hover-color: var(--fa-blue);\n --table-background: var(--blue0);\n --table-th-background: var(--blue1);\n --table-row-background: var(--blue0);\n --table-striped-row-background: var(--blue1);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--blue2);\n --table-hover-background-color: var(--blue1);\n --table-th-border-color: var(--blue2);\n --tag-background: var(--fa-blue);\n --tag-color: var(--fa-navy);\n --tag-link-hover-color: var(--fa-dk-blue);\n --fieldset-border-color: var(--fa-blue);\n --legend-color: var(--fa-dk-blue);\n --card-background: var(--white);\n --card-color: var(--fa-dk-blue);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--white);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-blue);\n --card-header-color: var(--fa-navy);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n}\n.teal {\n --button-background: var(--fa-teal);\n --button-hover-background: var(--fa-dk-teal);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--white);\n --message-border-color: var(--fa-dk-teal);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --border-color: var(--teal3);\n --link-color: var(--fa-dk-teal);\n --link-hover-color: var(--fa-teal);\n --table-background: var(--teal0);\n --table-th-background: var(--teal1);\n --table-row-background: var(--teal0);\n --table-striped-row-background: var(--teal1);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--teal2);\n --table-hover-background-color: var(--teal1);\n --table-th-border-color: var(--teal2);\n --tag-background: var(--fa-teal);\n --tag-color: var(--fa-navy);\n --tag-link-hover-color: var(--fa-dk-teal);\n --fieldset-border-color: var(--fa-teal);\n --legend-color: var(--fa-dk-teal);\n --card-background: var(--white);\n --card-color: var(--fa-dk-teal);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--white);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-teal);\n --card-header-color: var(--fa-navy);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n}\n.yellow {\n --button-background: var(--fa-yellow);\n --button-hover-background: var(--fa-dk-yellow);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--white);\n --message-border-color: var(--fa-dk-yellow);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --border-color: var(--yellow3);\n --link-color: var(--fa-dk-yellow);\n --link-hover-color: var(--fa-yellow);\n --table-background: var(--yellow0);\n --table-th-background: var(--yellow1);\n --table-row-background: var(--yellow0);\n --table-striped-row-background: var(--yellow1);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--yellow2);\n --table-hover-background-color: var(--yellow1);\n --table-th-border-color: var(--yellow2);\n --tag-background: var(--fa-yellow);\n --tag-color: var(--fa-navy);\n --tag-link-hover-color: var(--fa-md-gravy);\n --fieldset-border-color: var(--fa-yellow);\n --legend-color: var(--fa-dk-yellow);\n --card-background: var(--white);\n --card-color: var(--fa-dk-yellow);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--white);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-yellow);\n --card-header-color: var(--fa-navy);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n}\n/* add-ons */\ni[class*="fa-"],.svg-inline--fa {\n --spacing-inline: var(--spacing-6xs);\n}\n/* misc state variables */\n.inverted {\n --body-background: var(--fa-navy);\n --body-color: var(--white);\n --button-border-color: var(--white);\n --button-active-border-color: var(--button-border-color);\n --button-color: var(--white);\n --button-hover-color: var(--button-color);\n --button-active-background: var(--button-color);\n --message-color: var(--body-color);\n --with-close-close-hover-color: var(--fa-red);\n --border-color: var(--fa-dk-gravy);\n --card-border-color: var(--white);\n --card-section-color: var(--card-color);\n --card-section-border: 0.125em solid var(--body-background);\n --card-link-box-shadow: 0 var(--with-shadow-box-shadow-width) 0 var(--fa-dk-gravy);\n\n background: #f0f1f3;\n\n background: var(--body-background);\n color: #183153;\n color: var(--body-color);\n}\n.inverted,\n.inverted .default,\n.inverted.default {\n --button-background: var(--fa-dk-navy);\n --button-hover-background: var(--fa-navy);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--fa-dk-navy);\n --message-border-color: var(--fa-dk-navy);\n --message-with-icon-decorative-color: var(--fa-md-gravy);\n --with-close-times-color: var(--fa-dk-navy);\n --with-close-close-color: var(--white);\n --link-color: var(--fa-blue);\n --link-hover-color: var(--fa-dk-blue);\n --tag-background: var(--fa-dk-gravy);\n --tag-color: var(--white);\n --tag-link-hover-color: var(--fa-blue);\n --card-background: var(--fa-dk-navy);\n --card-color: var(--white);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--card-background);\n --card-link-hover-color: var(--fa-blue);\n --card-link-hover-border-color: var(--card-link-hover-color);\n --card-header-background: var(--white);\n --card-header-color: var(--fa-navy);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n --table-background: var(--gray-50);\n --table-th-background: var(--gray-100);\n --table-row-background: var(--gray-50);\n --table-striped-row-background: var(--gray-100);\n --table-cell-border-color: var(--gray-300);\n --table-cell-background: transparent;\n --table-hover-background-color: var(--gray-400);\n --table-th-border-color: var(--gray-300);\n --fieldset-border-color: var(--gray-200);\n --legend-color: var(--gray-400);\n}\n.inverted .primary,\n.inverted.primary {\n --button-background: var(--fa-dk-navy);\n --button-hover-background: var(--fa-navy);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--fa-dk-navy);\n --message-border-color: var(--fa-dk-navy);\n --message-with-icon-decorative-color: var(--fa-md-gravy);\n --with-close-times-color: var(--fa-dk-navy);\n --with-close-close-color: var(--white);\n --link-color: var(--fa-blue);\n --link-hover-color: var(--fa-dk-blue);\n --tag-background: var(--fa-gravy);\n --tag-color: var(--fa-navy);\n --tag-link-hover-color: var(--fa-dk-blue);\n --card-background: var(--fa-dk-navy);\n --card-color: var(--white);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--card-background);\n --card-link-hover-color: var(--fa-blue);\n --card-link-hover-border-color: var(--card-link-hover-color);\n --card-header-background: var(--white);\n --card-header-color: var(--fa-navy);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n --table-background: var(--gray-50);\n --table-th-background: var(--gray-100);\n --table-row-background: var(--gray-50);\n --table-striped-row-background: var(--gray-100);\n --table-cell-border-color: var(--gray-300);\n --table-cell-background: transparent;\n --table-hover-background-color: var(--gray-400);\n --table-th-border-color: var(--gray-300);\n --fieldset-border-color: var(--gray-200);\n --legend-color: var(--gray-400);\n}\n.inverted .secondary,\n.inverted.secondary {\n --button-background: var(--fa-navy);\n --button-hover-background: var(--fa-dk-gravy);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--fa-navy);\n --message-border-color: var(--fa-dk-gravy);\n --message-with-icon-decorative-color: var(--fa-md-gravy);\n --with-close-close-color: var(--fa-gravy);\n --link-color: var(--fa-md-gravy);\n --link-hover-color: var(--fa-blue);\n --tag-background: var(--fa-dk-navy);\n --tag-color: var(--fa-lt-gravy);\n --tag-link-hover-color: var(--fa-blue);\n --card-border-width: 0.125em;\n --card-border-color: var(--fa-dk-gravy);\n --card-color: var(--white);\n --card-background: var(--fa-navy);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--fa-lt-gravy);\n --card-link-hover-color: var(--fa-dk-navy);\n --card-link-hover-border-color: var(--fa-lt-gravy);\n --card-header-background: var(--fa-md-gravy);\n --card-header-color: var(--fa-navy);\n --card-header-link-hover-background: var(--fa-navy);\n --card-header-link-hover-color: var(--card-link-hover-background);\n --card-section-border: 0.125em solid var(--card-border-color);\n --border-color: var(--gray-400);\n --table-background: var(--gray-50);\n --table-th-background: var(--gray-100);\n --table-row-background: var(--gray-50);\n --table-striped-row-background: var(--gray-100);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--gray-300);\n --table-hover-background-color: var(--gray-100);\n --table-th-border-color: var(--gray-300);\n}\n.inverted .accent,\n.inverted.accent {\n --button-background: var(--fa-dk-navy);\n --button-color: var(--fa-yellow);\n --button-border-color: var(--button-color);\n --button-hover-background: var(--button-background);\n --button-hover-color: var(--fa-dk-yellow);\n --button-active-background: var(--button-color);\n --button-active-color: var(--button-background);\n --button-active-border-color: var(--button-active-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--fa-dk-navy);\n --message-border-color: var(--fa-yellow);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --link-color: var(--fa-yellow);\n --link-hover-color: var(--fa-dk-yellow);\n --tag-background: var(--fa-dk-yellow);\n --tag-color: var(--fa-navy);\n --tag-link-hover-color: var(--fa-dk-gravy);\n --card-color: var(--white);\n --card-background: var(--fa-dk-navy);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--fa-dk-yellow);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-link-hover-background);\n --card-header-background: var(--fa-lt-gravy);\n --card-header-color: var(--fa-dk-navy);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n --card-section-color: var(--white);\n --card-section-border: 0.125em solid var(--fa-navy);\n --border-color: var(--fa-dk-yellow);\n --table-background: var(--teal0);\n --table-th-background: var(--teal1);\n --table-row-background: var(--teal0);\n --table-striped-row-background: var(--teal1);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--teal2);\n --table-hover-background-color: var(--teal1);\n --table-th-border-color: var(--teal2);\n --fieldset-border-color: var(--fa-yellow);\n --legend-color: var(--fa-dk-yellow);\n}\n.inverted .light,\n.inverted.light,\n.inverted .gray,\n.inverted.gray {\n --button-background: var(--body-background);\n --button-color: var(--fa-gravy);\n --button-border-color: var(--button-color);\n --button-hover-background: var(--button-background);\n --button-hover-color: var(--fa-md-gravy);\n --button-active-background: var(--button-color);\n --button-active-color: var(--button-background);\n --button-active-border-color: var(--button-active-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--fa-dk-navy);\n --message-border-color: var(--fa-md-gravy);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --link-color: var(--fa-md-gravy);\n --link-hover-color: var(--fa-dk-gravy);\n --tag-background: var(--fa-dk-gravy);\n --tag-color: var(--white);\n --tag-link-hover-color: var(--fa-blue);\n --card-background: var(--fa-dk-navy);\n --card-color: var(--fa-md-gravy);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--fa-dk-navy);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-dk-gravy);\n --card-header-color: var(--white);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n --table-background: var(--gray-50);\n --table-th-background: var(--gray-100);\n --table-row-background: var(--gray-50);\n --table-striped-row-background: var(--gray-100);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--gray-300);\n --table-hover-background-color: var(--gray-100);\n --table-th-border-color: var(--gray-300);\n --fieldset-border-color: var(--fa-gravy);\n --legend-color: var(--fa-md-gravy);\n}\n.inverted .danger,\n.inverted.danger,\n.inverted .red,\n.inverted.red {\n --button-background: var(--body-background);\n --button-color: var(--fa-red);\n --button-border-color: var(--button-color);\n --button-hover-background: var(--button-background);\n --button-hover-color: var(--fa-dk-red);\n --button-active-background: var(--button-color);\n --button-active-color: var(--button-background);\n --button-active-border-color: var(--button-active-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--fa-dk-navy);\n --message-border-color: var(--fa-red);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --link-color: var(--fa-red);\n --link-hover-color: var(--fa-dk-red);\n --tag-background: var(--fa-dk-red);\n --tag-color: var(--white);\n --tag-link-hover-color: var(--fa-red);\n --card-background: var(--fa-dk-navy);\n --card-color: var(--fa-red);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--fa-dk-navy);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-dk-red);\n --card-header-color: var(--white);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n --border-color: var(--red3);\n --table-background: var(--red0);\n --table-th-background: var(--red1);\n --table-row-background: var(--red0);\n --table-striped-row-background: var(--red1);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--red2);\n --table-hover-background-color: var(--red1);\n --table-th-border-color: var(--red2);\n --fieldset-border-color: var(--fa-red);\n --legend-color: var(--fa-dk-red);\n}\n.inverted .purple,\n.inverted.purple {\n --button-background: var(--body-background);\n --button-color: var(--fa-purple);\n --button-border-color: var(--button-color);\n --button-hover-background: var(--button-background);\n --button-hover-color: var(--fa-dk-purple);\n --button-active-background: var(--button-color);\n --button-active-color: var(--button-background);\n --button-active-border-color: var(--button-active-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--fa-dk-navy);\n --message-border-color: var(--fa-purple);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --link-color: var(--fa-purple);\n --link-hover-color: var(--fa-dk-purple);\n --tag-background: var(--fa-dk-purple);\n --tag-color: var(--white);\n --tag-link-hover-color: var(--fa-purple);\n --card-background: var(--fa-dk-navy);\n --card-color: var(--fa-purple);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--fa-dk-navy);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-dk-purple);\n --card-header-color: var(--white);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n --border-color: var(--grape3);\n --table-background: var(--grape0);\n --table-th-background: var(--grape1);\n --table-row-background: var(--grape0);\n --table-striped-row-background: var(--grape1);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--grape2);\n --table-hover-background-color: var(--grape1);\n --table-th-border-color: var(--grape2);\n --fieldset-border-color: var(--fa-purple);\n --legend-color: var(--fa-dk-purple);\n}\n.inverted .violet,\n.inverted.violet {\n --button-background: var(--body-background);\n --button-color: var(--fa-violet);\n --button-border-color: var(--button-color);\n --button-hover-background: var(--button-background);\n --button-hover-color: var(--fa-dk-violet);\n --button-active-background: var(--button-color);\n --button-active-color: var(--button-background);\n --button-active-border-color: var(--button-active-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--fa-dk-navy);\n --message-border-color: var(--fa-violet);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --link-color: var(--fa-violet);\n --link-hover-color: var(--fa-dk-violet);\n --tag-background: var(--fa-dk-violet);\n --tag-color: var(--white);\n --tag-link-hover-color: var(--fa-violet);\n --card-background: var(--fa-dk-navy);\n --card-color: var(--fa-violet);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--fa-dk-navy);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-dk-violet);\n --card-header-color: var(--white);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n --border-color: var(--violet3);\n --table-background: var(--violet0);\n --table-th-background: var(--violet1);\n --table-row-background: var(--violet0);\n --table-striped-row-background: var(--violet1);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--violet2);\n --table-hover-background-color: var(--violet1);\n --table-th-border-color: var(--violet2);\n --fieldset-border-color: var(--fa-violet);\n --legend-color: var(--fa-dk-violet);\n}\n.inverted .info,\n.inverted.info,\n.inverted .blue,\n.inverted.blue {\n --button-background: var(--body-background);\n --button-color: var(--fa-blue);\n --button-border-color: var(--button-color);\n --button-hover-background: var(--button-background);\n --button-hover-color: var(--fa-dk-blue);\n --button-active-background: var(--button-color);\n --button-active-color: var(--button-background);\n --button-active-border-color: var(--button-active-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--fa-dk-navy);\n --message-border-color: var(--fa-blue);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --link-color: var(--fa-blue);\n --link-hover-color: var(--fa-dk-blue);\n --tag-background: var(--fa-dk-blue);\n --tag-color: var(--white);\n --tag-link-hover-color: var(--fa-blue);\n --card-background: var(--fa-dk-navy);\n --card-color: var(--fa-blue);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--fa-dk-navy);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-dk-blue);\n --card-header-color: var(--white);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n --border-color: var(--blue3);\n --table-background: var(--blue0);\n --table-th-background: var(--blue1);\n --table-row-background: var(--blue0);\n --table-striped-row-background: var(--blue1);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--blue2);\n --table-hover-background-color: var(--blue1);\n --table-th-border-color: var(--blue2);\n --fieldset-border-color: var(--fa-blue);\n --legend-color: var(--fa-dk-blue);\n}\n.inverted .success,\n.inverted.success,\n.inverted .teal,\n.inverted.teal {\n --button-background: var(--body-background);\n --button-color: var(--fa-teal);\n --button-border-color: var(--button-color);\n --button-hover-background: var(--button-background);\n --button-hover-color: var(--fa-dk-teal);\n --button-active-background: var(--button-color);\n --button-active-color: var(--button-background);\n --button-active-border-color: var(--button-active-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--fa-dk-navy);\n --message-border-color: var(--fa-teal);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --link-color: var(--fa-teal);\n --link-hover-color: var(--fa-dk-teal);\n --tag-background: var(--fa-dk-teal);\n --tag-color: var(--white);\n --tag-link-hover-color: var(--fa-teal);\n --card-background: var(--fa-dk-navy);\n --card-color: var(--fa-teal);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--fa-dk-navy);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-dk-teal);\n --card-header-color: var(--white);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n --border-color: var(--teal3);\n --table-background: var(--teal0);\n --table-th-background: var(--teal1);\n --table-row-background: var(--teal0);\n --table-striped-row-background: var(--teal1);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--teal2);\n --table-hover-background-color: var(--teal1);\n --table-th-border-color: var(--teal2);\n --fieldset-border-color: var(--fa-teal);\n --legend-color: var(--fa-dk-teal);\n}\n.inverted .warning,\n.inverted.warning,\n.inverted .yellow,\n.inverted.yellow {\n --button-background: var(--body-background);\n --button-color: var(--fa-yellow);\n --button-border-color: var(--button-color);\n --button-hover-background: var(--button-background);\n --button-hover-color: var(--fa-dk-yellow);\n --button-active-background: var(--button-color);\n --button-active-color: var(--button-background);\n --button-active-border-color: var(--button-active-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--fa-dk-navy);\n --message-border-color: var(--fa-yellow);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --link-color: var(--fa-yellow);\n --link-hover-color: var(--fa-dk-yellow);\n --tag-background: var(--fa-dk-yellow);\n --tag-color: var(--fa-navy);\n --tag-link-hover-color: var(--fa-dk-gravy);\n --card-background: var(--fa-dk-navy);\n --card-color: var(--fa-yellow);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--fa-dk-navy);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-dk-yellow);\n --card-header-color: var(--white);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n --border-color: var(--yellow3);\n --table-background: var(--yellow0);\n --table-th-background: var(--yellow1);\n --table-row-background: var(--yellow0);\n --table-striped-row-background: var(--yellow1);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--yellow2);\n --table-hover-background-color: var(--yellow1);\n --table-th-border-color: var(--yellow2);\n --fieldset-border-color: var(--fa-yellow);\n --legend-color: var(--fa-dk-yellow);\n}\nhtml {\n -ms-overflow-style: -ms-autohiding-scrollbar; /* make sure Edge/IE scrollbars are shown when needed but not otherwise */\n -webkit-text-size-adjust: 100%;\n -moz-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n text-size-adjust: 100%;\n font-size: 14px;\n font-size: var(--font-size-root);\n}\n@media (min-width: 48rem) {\n html {\n font-size: 16px;\n font-size: var(--font-size-root-tablet);\n }\n}\nbody {\n margin: 0;\n padding: 0;\n min-height: 100vh;\n overflow-x: hidden;\n text-align: left;\n text-align: var(--text-align);\n}\ntable {\n border-collapse: collapse;\n border-collapse: var(--table-cell-border-collapse);\n border-spacing: none;\n border-spacing: var(--table-cell-border-spacing);\n}\nth {\n font-weight: 600;\n font-weight: var(--table-th-font-weight);\n}\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n text-decoration: underline;\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n -webkit-text-decoration-skip-ink: none;\n text-decoration-skip-ink: none;\n}\n/* lists */\nol,ul,dl {\n margin: 0;\n padding: 0;\n}\nol > *,ul > *,dl > * {\n margin: 0;\n padding: 0;\n}\nblockquote {\n display: block;\n margin: 0;\n}\n/* links */\na:not([href]),\n a:not([href]):hover {\n text-decoration: none;\n color: inherit;\n }\n/* code */\ncode,pre {\n background: var(--code-bg);\n word-wrap: break-word;\n color: #ff922b;\n color: var(--code-color);\n font-family: "Menlo", "Monaco", "Consolas", "Courier New", monospace;\n font-family: var(--font-family-monospace);\n font-size: calc(1em * 0.875);\n font-size: var(--code-font-size);\n\n a > & {\n color: inherit;\n }\n}\n/* horizontal rules */\nhr,\n.hr {\n -webkit-box-sizing: content-box;\n box-sizing: content-box;\n margin: 0;\n border-width: 0.125em;\n border-width: var(--hr-border-width);\n border-style: solid;\n border-style: var(--hr-border-style);\n border-color: #c3c6d1;\n border-color: var(--hr-border-color);\n padding: 0;\n height: 0;\n overflow: visible;\n}\n/* default outline styling */\n[tabindex="-1"]:focus:not(.focus-visible) {\n outline: 0 !important;\n}\n[tabindex="-1"]:focus:not(:focus-visible) {\n outline: 0 !important;\n}\n/* forms */\nfieldset {\n border: 0;\n padding: 0;\n}\nlegend {\n margin: 0;\n}\nselect {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: 0;\n background-color: transparent;\n}\n/* buttons */\nbutton,\n.button {\n cursor: pointer;\n font-family: inherit;\n}\n:host,\nbody {\n background-color: #f0f1f3;\n background-color: var(--body-background);\n text-align: var(--body-text-align);\n line-height: 1.5;\n line-height: var(--line-height-base);\n color: #183153;\n color: var(--body-color);\n font-family: cera-round-pro, "Helvetica Neue", "Helvetica", "Arial", sans-serif;\n font-family: var(--font-family-base);\n font-size: 1em;\n font-size: var(--font-size-base);\n font-weight: var(--font-weight-base);\n -webkit-font-feature-settings: "ss01" on;\n font-feature-settings: "ss01" on; /* Turns on alternate \'a\' character without the top arm */\n}\n/* Sets global focus style. */\n:focus,.focus,.focused {\n outline: solid 0.1875em #74c0fc;\n outline: var(--focus-outline);\n outline-offset: calc(1em * 1 / 16);\n outline-offset: var(--focus-outline-offset);\n}\n/* lists */\n/* stylelint-disable no-descending-specificity */\nol,ul,dl {\n --margin-top: var(--list-margin-top);\n --margin-bottom: var(--list-margin-bottom);\n --padding-left: var(--list-padding-left);\n --line-height: var(--list-line-height);\n --list-style-type: disc;\n\n margin-top: var(--margin-top);\n margin-bottom: var(--margin-bottom);\n padding-left: var(--padding-left);\n list-style-type: var(--list-style-type);\n line-height: var(--line-height)\n}\nol:first-child,ul:first-child,dl:first-child {\n --margin-top: 0;\n }\nol:last-child,ul:last-child,dl:last-child {\n --margin-bottom: 0;\n }\n/* stylelint-enable no-descending-specificity */\nol li,ul li,dl li {\n --display: list-item;\n\n display: var(--display);\n}\nol {\n --list-style-type: decimal;\n}\nul {\n --list-style-type: disc;\n}\nol ul,\nul ul {\n --list-style-type: circle;\n}\nol ul,\nul ol,\nul ul,\nol ol {\n --margin-top: 0;\n --margin-bottom: var(--list-nested-margin-bottom);\n}\nol ol ul,\nol ul ul,\nul ol ul,\nul ul ul {\n --list-style-type: square;\n}\ndl {\n --margin-bottom: var(--spacing-md);\n\n margin-top: 0;\n margin-bottom: var(--margin-bottom);\n}\ndt {\n --display: block;\n --margin-right: 0;\n --margin-bottom: var(--spacing-4xs);\n\n display: var(--display);\n margin-top: 0;\n margin-right: var(--margin-right);\n margin-bottom: var(--margin-bottom);\n font-weight: 600;\n font-weight: var(--font-weight-semibold);\n}\ndd {\n --display: block;\n --margin-bottom: var(--spacing-sm);\n --margin-left: 0;\n\n display: var(--display);\n margin-top: 0;\n margin-bottom: var(--margin-bottom);\n margin-left: var(--margin-left)\n}\ndd:last-child {\n --margin-bottom: 0;\n }\ndl.display-inline {\n --padding-left: 0;\n}\ndl.display-inline dt {\n --display: inline-block;\n --margin-right: var(--spacing-4xs);\n}\ndl.display-inline dd {\n --display: inline\n}\ndl.display-inline dd::after {\n white-space: pre;\n content: "\\a";\n }\n/* stylelint-disable no-descending-specificity */\nh1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {\n --margin-bottom: var(--spacing-sm);\n --line-height: var(--line-height-heading);\n\n margin-top: 2em;\n\n margin-top: var(--headings-margin-top);\n margin-bottom: var(--margin-bottom);\n line-height: var(--line-height);\n font-family: cera-round-pro, "Helvetica Neue", "Helvetica", "Arial", sans-serif;\n font-family: var(--headings-font-family);\n font-weight: 600;\n font-weight: var(--headings-font-weight)\n}\nh1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,.h1:first-child,.h2:first-child,.h3:first-child,.h4:first-child,.h5:first-child,.h6:first-child {\n margin-top: 0;\n }\nh1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,.h1:last-child,.h2:last-child,.h3:last-child,.h4:last-child,.h5:last-child,.h6:last-child {\n margin-bottom: 0;\n }\n/* stylelint-enable no-descending-specificity */\nh1,\n.h1 {\n --margin-bottom: var(--h1-margin-bottom);\n --line-height: var(--h1-line-height);\n\n font-size: calc(1em * 2.5);\n\n font-size: var(--h1-font-size);\n}\nh2,\n.h2 {\n --margin-bottom: var(--h2-margin-bottom);\n --line-height: var(--h2-line-height);\n\n font-size: calc(1em * 2);\n\n font-size: var(--h2-font-size);\n}\nh3,\n.h3 {\n --margin-bottom: var(--h3-margin-bottom);\n --line-height: var(--h3-line-height);\n\n font-size: calc(1em * 1.5);\n\n font-size: var(--h3-font-size);\n}\nh4,\n.h4 {\n --margin-bottom: var(--h4-margin-bottom);\n --line-height: var(--h4-line-height);\n\n font-size: calc(1em * 1.25);\n\n font-size: var(--h4-font-size);\n}\nh5,\n.h5 {\n --margin-bottom: var(--h5-margin-bottom);\n --line-height: var(--h5-line-height);\n\n font-size: 1em;\n\n font-size: var(--h5-font-size);\n}\nh6,\n.h6 {\n --margin-bottom: var(--h6-margin-bottom);\n --line-height: var(--h6-line-height);\n\n font-size: calc(1em * 0.75);\n\n font-size: var(--h6-font-size);\n}\np,\n.p {\n margin-top: 0;\n margin-top: var(--paragraph-margin-top);\n margin-bottom: calc(1em * 1);\n margin-bottom: var(--paragraph-margin-bottom);\n line-height: 1.5;\n line-height: var(--line-height-copy)\n}\np:last-child, .p:last-child {\n --paragraph-margin-bottom: 0;\n }\nb,\n.b,\nstrong,\n.strong {\n --font-weight: var(--font-weight-bold);\n\n font-weight: 700;\n\n font-weight: var(--font-weight-bold);\n}\ni,\n.i,\nem,\n.em {\n --font-style: italic;\n\n font-style: var(--font-style);\n}\nsmall,\n.small {\n --font-size: var(--font-size-xs);\n\n font-size: var(--font-size);\n}\ndel,\n.del,\ns,\n.s,\n.strike {\n --text-decoration: line-through;\n\n -webkit-text-decoration: var(--text-decoration);\n\n text-decoration: var(--text-decoration);\n}\nsub,\n.sub,\nsup,\n.sup {\n position: relative;\n vertical-align: baseline;\n line-height: 0;\n line-height: var(--line-height-0);\n font-size: calc(1em * 0.75);\n font-size: var(--font-size-xs);\n}\nsub,\n.sub {\n bottom: -0.25em;\n}\nsup,\n.sup {\n top: -0.5em;\n}\n::-webkit-input-placeholder {\n opacity: 0.3;\n color: inherit;\n}\n::-moz-placeholder {\n opacity: 0.3;\n color: inherit;\n}\n:-ms-input-placeholder {\n opacity: 0.3;\n color: inherit;\n}\n::-ms-input-placeholder {\n opacity: 0.3;\n color: inherit;\n}\n::placeholder {\n opacity: 0.3;\n color: inherit;\n}\n/* blockquotes */\nblockquote,\n.blockquote {\n margin-bottom: calc(1em * 1.25);\n margin-bottom: var(--blockquote-margin-bottom);\n border-left: calc(1em * 4 / 16) solid #a5abbb;\n border-left: var(--blockquote-quote-border-width) var(--blockquote-quote-border-style) var(--blockquote-quote-border-color);\n padding-left: calc(1em * 1.5);\n padding-left: var(--blockquote-quote-indent);\n font-family: fa-livory, "Georgia", "Times New Roman", "Times", serif;\n font-family: var(--blockquote-font-family);\n font-size: inherit;\n font-size: var(--blockquote-font-size)\n}\nblockquote:last-child, .blockquote:last-child {\n --blockquote-margin-bottom: 0;\n }\nblockquote footer,\n.blockquote-footer {\n margin-top: calc(calc(1em * 1) * -1);\n margin-top: var(--blockquote-footer-margin-top);\n padding-top: calc(1em * 1.25);\n padding-top: var(--blockquote-footer-padding-top);\n color: #6d7790;\n color: var(--blockquote-footer-color);\n font-family: cera-round-pro, "Helvetica Neue", "Helvetica", "Arial", sans-serif;\n font-family: var(--blockquote-footer-font-family);\n font-size: calc(1em * 0.875);\n font-size: var(--blockquote-footer-font-size);\n}\n/* tables */\ntable {\n margin-bottom: calc(1em * 1.5);\n margin-bottom: var(--table-margin-bottom)\n}\ntable:last-child {\n --table-margin-bottom: 0;\n }\ntable caption {\n text-align: left;\n text-align: var(--table-caption-text-align);\n color: #515e7b;\n color: var(--table-caption-color);\n}\ntd,\nth {\n padding: 0.5em 0.75em 0.5em 0.75em;\n padding: var(--table-cell-spacing-top) var(--table-cell-spacing-right) var(--table-cell-spacing-bottom) var(--table-cell-spacing-left);\n text-align: left;\n text-align: var(--table-cell-text-align);\n}\n.container {\n width: auto;\n width: var(--max-width, auto);\n}\n.container-fluid {\n max-width: 100%;\n max-width: var(--grid-fluid-max-width);\n}\n.container,\n.container-fluid {\n --outer-gutter-width: var(--grid-outer-gutter-width);\n --min-width: var(--grid-min-width);\n\n margin-right: auto;\n margin-left: auto;\n padding-right: var(--outer-gutter-width);\n padding-left: var(--outer-gutter-width);\n min-width: var(--min-width);\n}\n.row {\n --margin-left: calc(var(--grid-gutter-x-width) * -1);\n --margin-right: calc(var(--grid-gutter-x-width) * -1);\n\n display: -webkit-box;\n\n display: -ms-flexbox;\n\n display: flex;\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n -ms-flex-preferred-size: auto;\n flex-basis: auto;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n flex-direction: var(--grid-row-direction);\n -webkit-box-flex: 0;\n -ms-flex-positive: 0;\n flex-grow: 0;\n -ms-flex-negative: 1;\n flex-shrink: 1;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -ms-flex-wrap: var(--grid-wrap);\n flex-wrap: var(--grid-wrap);\n margin-right: var(--margin-right);\n margin-left: var(--margin-left)\n}\n.row.align-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n }\n.row.align-middle {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n.row.align-bottom {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n }\n.row.align-stretch {\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n }\n.row > div,.row > main,.row > aside,.row > header,.row > footer,.row > nav,.row > section,.row > article,.row > ol,.row > ul,.row > li,.row > p,.row > blockquote {\n --padding-left: var(--grid-gutter-x-width);\n --padding-right: var(--grid-gutter-x-width);\n\n padding-right: var(--padding-right);\n padding-left: var(--padding-left);\n }\n/* no gutters */\n.row.flush {\n --margin-left: 0;\n --margin-right: 0\n}\n.row.flush > div,.row.flush > main,.row.flush > aside,.row.flush > header,.row.flush > footer,.row.flush > nav,.row.flush > section,.row.flush > article,.row.flush > ol,.row.flush > ul,.row.flush > li,.row.flush > p,.row.flush > blockquote {\n --padding-left: 0;\n --padding-right: 0;\n }\n/* extra roomy gutters */\n.row.roomy {\n --grid-gutter-x-width: 1rem;\n --grid-gutter-y-width: 2rem;\n --grid-outer-gutter-width: 2rem;\n}\n.row.reverse {\n --grid-row-direction: row-reverse;\n}\n.column,\n.column-1,\n.column-2,\n.column-3,\n.column-4,\n.column-5,\n.column-6,\n.column-7,\n.column-8,\n.column-9,\n.column-10,\n.column-11,\n.column-12,\n.offset-0,\n.offset-1,\n.offset-2,\n.offset-3,\n.offset-4,\n.offset-5,\n.offset-6,\n.offset-7,\n.offset-8,\n.offset-9,\n.offset-10,\n.offset-11,\n.offset-12 {\n --order: 0;\n\n -ms-flex-preferred-size: auto;\n\n flex-basis: auto;\n -webkit-box-flex: 0;\n -ms-flex-positive: 0;\n flex-grow: 0;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n -webkit-box-ordinal-group: var(--order);\n -ms-flex-order: var(--order);\n order: var(--order);\n}\n.column {\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%;\n}\n.column-1 {\n -ms-flex-preferred-size: 8.33333333%;\n flex-basis: 8.33333333%;\n max-width: 8.33333333%;\n}\n.column-2 {\n -ms-flex-preferred-size: 16.66666667%;\n flex-basis: 16.66666667%;\n max-width: 16.66666667%;\n}\n.column-3 {\n -ms-flex-preferred-size: 25%;\n flex-basis: 25%;\n max-width: 25%;\n}\n.column-4 {\n -ms-flex-preferred-size: 33.33333333%;\n flex-basis: 33.33333333%;\n max-width: 33.33333333%;\n}\n.column-5 {\n -ms-flex-preferred-size: 41.66666667%;\n flex-basis: 41.66666667%;\n max-width: 41.66666667%;\n}\n.column-6 {\n -ms-flex-preferred-size: 50%;\n flex-basis: 50%;\n max-width: 50%;\n}\n.column-7 {\n -ms-flex-preferred-size: 58.33333333%;\n flex-basis: 58.33333333%;\n max-width: 58.33333333%;\n}\n.column-8 {\n -ms-flex-preferred-size: 66.66666667%;\n flex-basis: 66.66666667%;\n max-width: 66.66666667%;\n}\n.column-9 {\n -ms-flex-preferred-size: 75%;\n flex-basis: 75%;\n max-width: 75%;\n}\n.column-10 {\n -ms-flex-preferred-size: 83.33333333%;\n flex-basis: 83.33333333%;\n max-width: 83.33333333%;\n}\n.column-11 {\n -ms-flex-preferred-size: 91.66666667%;\n flex-basis: 91.66666667%;\n max-width: 91.66666667%;\n}\n.column-12 {\n -ms-flex-preferred-size: 100%;\n flex-basis: 100%;\n max-width: 100%;\n}\n.offset-0 {\n margin-left: 0;\n}\n.offset-1 {\n margin-left: 8.33333333%;\n}\n.offset-2 {\n margin-left: 16.66666667%;\n}\n.offset-3 {\n margin-left: 25%;\n}\n.offset-4 {\n margin-left: 33.33333333%;\n}\n.offset-5 {\n margin-left: 41.66666667%;\n}\n.offset-6 {\n margin-left: 50%;\n}\n.offset-7 {\n margin-left: 58.33333333%;\n}\n.offset-8 {\n margin-left: 66.66666667%;\n}\n.offset-9 {\n margin-left: 75%;\n}\n.offset-10 {\n margin-left: 83.33333333%;\n}\n.offset-11 {\n margin-left: 91.66666667%;\n}\n.order-first {\n --order: -1;\n}\n.order-last {\n --order: 1;\n}\n@media (min-width: 48rem) {\n .row.tablet\\:flush {\n --margin-left: 0;\n --margin-right: 0\n }\n\n .row.tablet\\:flush > div,.row.tablet\\:flush > main,.row.tablet\\:flush > aside,.row.tablet\\:flush > header,.row.tablet\\:flush > footer,.row.tablet\\:flush > nav,.row.tablet\\:flush > section,.row.tablet\\:flush > article,.row.tablet\\:flush > ol,.row.tablet\\:flush > ul,.row.tablet\\:flush > li,.row.tablet\\:flush > p,.row.tablet\\:flush > blockquote {\n --padding-left: 0;\n --padding-right: 0;\n }\n\n .row.tablet\\:roomy {\n --grid-gutter-x-width: 1rem;\n --grid-gutter-y-width: 2rem;\n --grid-outer-gutter-width: 2rem;\n }\n\n .row.tablet\\:reverse {\n --grid-row-direction: row-reverse;\n }\n\n .row.tablet\\:align-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n }\n\n .row.tablet\\:align-middle {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n\n .row.tablet\\:align-bottom {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n }\n\n .row.tablet\\:align-stretch {\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n }\n\n .tablet\\:column,\n .tablet\\:column-1,\n .tablet\\:column-2,\n .tablet\\:column-3,\n .tablet\\:column-4,\n .tablet\\:column-5,\n .tablet\\:column-6,\n .tablet\\:column-7,\n .tablet\\:column-8,\n .tablet\\:column-9,\n .tablet\\:column-10,\n .tablet\\:column-11,\n .tablet\\:column-12,\n .tablet\\:offset-0,\n .tablet\\:offset-1,\n .tablet\\:offset-2,\n .tablet\\:offset-3,\n .tablet\\:offset-4,\n .tablet\\:offset-5,\n .tablet\\:offset-6,\n .tablet\\:offset-7,\n .tablet\\:offset-8,\n .tablet\\:offset-9,\n .tablet\\:offset-10,\n .tablet\\:offset-11,\n .tablet\\:offset-12 {\n --order: 0;\n\n -ms-flex-preferred-size: auto;\n\n flex-basis: auto;\n -webkit-box-flex: 0;\n -ms-flex-positive: 0;\n flex-grow: 0;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n -webkit-box-ordinal-group: var(--order);\n -ms-flex-order: var(--order);\n order: var(--order);\n }\n\n .tablet\\:column {\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%;\n }\n\n .tablet\\:column-1 {\n -ms-flex-preferred-size: 8.33333333%;\n flex-basis: 8.33333333%;\n max-width: 8.33333333%;\n }\n\n .tablet\\:column-2 {\n -ms-flex-preferred-size: 16.66666667%;\n flex-basis: 16.66666667%;\n max-width: 16.66666667%;\n }\n\n .tablet\\:column-3 {\n -ms-flex-preferred-size: 25%;\n flex-basis: 25%;\n max-width: 25%;\n }\n\n .tablet\\:column-4 {\n -ms-flex-preferred-size: 33.33333333%;\n flex-basis: 33.33333333%;\n max-width: 33.33333333%;\n }\n\n .tablet\\:column-5 {\n -ms-flex-preferred-size: 41.66666667%;\n flex-basis: 41.66666667%;\n max-width: 41.66666667%;\n }\n\n .tablet\\:column-6 {\n -ms-flex-preferred-size: 50%;\n flex-basis: 50%;\n max-width: 50%;\n }\n\n .tablet\\:column-7 {\n -ms-flex-preferred-size: 58.33333333%;\n flex-basis: 58.33333333%;\n max-width: 58.33333333%;\n }\n\n .tablet\\:column-8 {\n -ms-flex-preferred-size: 66.66666667%;\n flex-basis: 66.66666667%;\n max-width: 66.66666667%;\n }\n\n .tablet\\:column-9 {\n -ms-flex-preferred-size: 75%;\n flex-basis: 75%;\n max-width: 75%;\n }\n\n .tablet\\:column-10 {\n -ms-flex-preferred-size: 83.33333333%;\n flex-basis: 83.33333333%;\n max-width: 83.33333333%;\n }\n\n .tablet\\:column-11 {\n -ms-flex-preferred-size: 91.66666667%;\n flex-basis: 91.66666667%;\n max-width: 91.66666667%;\n }\n\n .tablet\\:column-12 {\n -ms-flex-preferred-size: 100%;\n flex-basis: 100%;\n max-width: 100%;\n }\n\n .tablet\\:offset-0 {\n margin-left: 0;\n }\n\n .tablet\\:offset-1 {\n margin-left: 8.33333333%;\n }\n\n .tablet\\:offset-2 {\n margin-left: 16.66666667%;\n }\n\n .tablet\\:offset-3 {\n margin-left: 25%;\n }\n\n .tablet\\:offset-4 {\n margin-left: 33.33333333%;\n }\n\n .tablet\\:offset-5 {\n margin-left: 41.66666667%;\n }\n\n .tablet\\:offset-6 {\n margin-left: 50%;\n }\n\n .tablet\\:offset-7 {\n margin-left: 58.33333333%;\n }\n\n .tablet\\:offset-8 {\n margin-left: 66.66666667%;\n }\n\n .tablet\\:offset-9 {\n margin-left: 75%;\n }\n\n .tablet\\:offset-10 {\n margin-left: 83.33333333%;\n }\n\n .tablet\\:offset-11 {\n margin-left: 91.66666667%;\n }\n\n .tablet\\:order-first {\n --order: -1;\n }\n\n .tablet\\:order-last {\n --order: 1;\n }\n}\n@media (min-width: 64rem) {\n .row.laptop\\:flush {\n --margin-left: 0;\n --margin-right: 0\n }\n\n .row.laptop\\:flush > div,.row.laptop\\:flush > main,.row.laptop\\:flush > aside,.row.laptop\\:flush > header,.row.laptop\\:flush > footer,.row.laptop\\:flush > nav,.row.laptop\\:flush > section,.row.laptop\\:flush > article,.row.laptop\\:flush > ol,.row.laptop\\:flush > ul,.row.laptop\\:flush > li,.row.laptop\\:flush > p,.row.laptop\\:flush > blockquote {\n --padding-left: 0;\n --padding-right: 0;\n }\n\n .row.laptop\\:roomy {\n --grid-gutter-x-width: 1rem;\n --grid-gutter-y-width: 2rem;\n --grid-outer-gutter-width: 2rem;\n }\n\n .row.laptop\\:reverse {\n --grid-row-direction: row-reverse;\n }\n\n .row.laptop\\:align-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n }\n\n .row.laptop\\:align-middle {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n\n .row.laptop\\:align-bottom {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n }\n\n .row.laptop\\:align-stretch {\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n }\n\n .laptop\\:column,\n .laptop\\:column-1,\n .laptop\\:column-2,\n .laptop\\:column-3,\n .laptop\\:column-4,\n .laptop\\:column-5,\n .laptop\\:column-6,\n .laptop\\:column-7,\n .laptop\\:column-8,\n .laptop\\:column-9,\n .laptop\\:column-10,\n .laptop\\:column-11,\n .laptop\\:column-12,\n .laptop\\:offset-0,\n .laptop\\:offset-1,\n .laptop\\:offset-2,\n .laptop\\:offset-3,\n .laptop\\:offset-4,\n .laptop\\:offset-5,\n .laptop\\:offset-6,\n .laptop\\:offset-7,\n .laptop\\:offset-8,\n .laptop\\:offset-9,\n .laptop\\:offset-10,\n .laptop\\:offset-11,\n .laptop\\:offset-12 {\n --order: 0;\n\n -ms-flex-preferred-size: auto;\n\n flex-basis: auto;\n -webkit-box-flex: 0;\n -ms-flex-positive: 0;\n flex-grow: 0;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n -webkit-box-ordinal-group: var(--order);\n -ms-flex-order: var(--order);\n order: var(--order);\n }\n\n .laptop\\:column {\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%;\n }\n\n .laptop\\:column-1 {\n -ms-flex-preferred-size: 8.33333333%;\n flex-basis: 8.33333333%;\n max-width: 8.33333333%;\n }\n\n .laptop\\:column-2 {\n -ms-flex-preferred-size: 16.66666667%;\n flex-basis: 16.66666667%;\n max-width: 16.66666667%;\n }\n\n .laptop\\:column-3 {\n -ms-flex-preferred-size: 25%;\n flex-basis: 25%;\n max-width: 25%;\n }\n\n .laptop\\:column-4 {\n -ms-flex-preferred-size: 33.33333333%;\n flex-basis: 33.33333333%;\n max-width: 33.33333333%;\n }\n\n .laptop\\:column-5 {\n -ms-flex-preferred-size: 41.66666667%;\n flex-basis: 41.66666667%;\n max-width: 41.66666667%;\n }\n\n .laptop\\:column-6 {\n -ms-flex-preferred-size: 50%;\n flex-basis: 50%;\n max-width: 50%;\n }\n\n .laptop\\:column-7 {\n -ms-flex-preferred-size: 58.33333333%;\n flex-basis: 58.33333333%;\n max-width: 58.33333333%;\n }\n\n .laptop\\:column-8 {\n -ms-flex-preferred-size: 66.66666667%;\n flex-basis: 66.66666667%;\n max-width: 66.66666667%;\n }\n\n .laptop\\:column-9 {\n -ms-flex-preferred-size: 75%;\n flex-basis: 75%;\n max-width: 75%;\n }\n\n .laptop\\:column-10 {\n -ms-flex-preferred-size: 83.33333333%;\n flex-basis: 83.33333333%;\n max-width: 83.33333333%;\n }\n\n .laptop\\:column-11 {\n -ms-flex-preferred-size: 91.66666667%;\n flex-basis: 91.66666667%;\n max-width: 91.66666667%;\n }\n\n .laptop\\:column-12 {\n -ms-flex-preferred-size: 100%;\n flex-basis: 100%;\n max-width: 100%;\n }\n\n .laptop\\:offset-0 {\n margin-left: 0;\n }\n\n .laptop\\:offset-1 {\n margin-left: 8.33333333%;\n }\n\n .laptop\\:offset-2 {\n margin-left: 16.66666667%;\n }\n\n .laptop\\:offset-3 {\n margin-left: 25%;\n }\n\n .laptop\\:offset-4 {\n margin-left: 33.33333333%;\n }\n\n .laptop\\:offset-5 {\n margin-left: 41.66666667%;\n }\n\n .laptop\\:offset-6 {\n margin-left: 50%;\n }\n\n .laptop\\:offset-7 {\n margin-left: 58.33333333%;\n }\n\n .laptop\\:offset-8 {\n margin-left: 66.66666667%;\n }\n\n .laptop\\:offset-9 {\n margin-left: 75%;\n }\n\n .laptop\\:offset-10 {\n margin-left: 83.33333333%;\n }\n\n .laptop\\:offset-11 {\n margin-left: 91.66666667%;\n }\n\n .laptop\\:order-first {\n --order: -1;\n }\n\n .laptop\\:order-last {\n --order: 1;\n }\n}\n@media (min-width: 96rem) {\n .row.desktop\\:flush {\n --margin-left: 0;\n --margin-right: 0\n }\n\n .row.desktop\\:flush > div,.row.desktop\\:flush > main,.row.desktop\\:flush > aside,.row.desktop\\:flush > header,.row.desktop\\:flush > footer,.row.desktop\\:flush > nav,.row.desktop\\:flush > section,.row.desktop\\:flush > article,.row.desktop\\:flush > ol,.row.desktop\\:flush > ul,.row.desktop\\:flush > li,.row.desktop\\:flush > p,.row.desktop\\:flush > blockquote {\n --padding-left: 0;\n --padding-right: 0;\n }\n\n .row.desktop\\:roomy {\n --grid-gutter-x-width: 1rem;\n --grid-gutter-y-width: 2rem;\n --grid-outer-gutter-width: 2rem;\n }\n\n .row.desktop\\:reverse {\n --grid-row-direction: row-reverse;\n }\n\n .row.desktop\\:align-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n }\n\n .row.desktop\\:align-middle {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n\n .row.desktop\\:align-bottom {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n }\n\n .row.desktop\\:align-stretch {\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n }\n\n .desktop\\:column,\n .desktop\\:column-1,\n .desktop\\:column-2,\n .desktop\\:column-3,\n .desktop\\:column-4,\n .desktop\\:column-5,\n .desktop\\:column-6,\n .desktop\\:column-7,\n .desktop\\:column-8,\n .desktop\\:column-9,\n .desktop\\:column-10,\n .desktop\\:column-11,\n .desktop\\:column-12,\n .desktop\\:offset-0,\n .desktop\\:offset-1,\n .desktop\\:offset-2,\n .desktop\\:offset-3,\n .desktop\\:offset-4,\n .desktop\\:offset-5,\n .desktop\\:offset-6,\n .desktop\\:offset-7,\n .desktop\\:offset-8,\n .desktop\\:offset-9,\n .desktop\\:offset-10,\n .desktop\\:offset-11,\n .desktop\\:offset-12 {\n --order: 0;\n\n -ms-flex-preferred-size: auto;\n\n flex-basis: auto;\n -webkit-box-flex: 0;\n -ms-flex-positive: 0;\n flex-grow: 0;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n -webkit-box-ordinal-group: var(--order);\n -ms-flex-order: var(--order);\n order: var(--order);\n }\n\n .desktop\\:column {\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%;\n }\n\n .desktop\\:column-1 {\n -ms-flex-preferred-size: 8.33333333%;\n flex-basis: 8.33333333%;\n max-width: 8.33333333%;\n }\n\n .desktop\\:column-2 {\n -ms-flex-preferred-size: 16.66666667%;\n flex-basis: 16.66666667%;\n max-width: 16.66666667%;\n }\n\n .desktop\\:column-3 {\n -ms-flex-preferred-size: 25%;\n flex-basis: 25%;\n max-width: 25%;\n }\n\n .desktop\\:column-4 {\n -ms-flex-preferred-size: 33.33333333%;\n flex-basis: 33.33333333%;\n max-width: 33.33333333%;\n }\n\n .desktop\\:column-5 {\n -ms-flex-preferred-size: 41.66666667%;\n flex-basis: 41.66666667%;\n max-width: 41.66666667%;\n }\n\n .desktop\\:column-6 {\n -ms-flex-preferred-size: 50%;\n flex-basis: 50%;\n max-width: 50%;\n }\n\n .desktop\\:column-7 {\n -ms-flex-preferred-size: 58.33333333%;\n flex-basis: 58.33333333%;\n max-width: 58.33333333%;\n }\n\n .desktop\\:column-8 {\n -ms-flex-preferred-size: 66.66666667%;\n flex-basis: 66.66666667%;\n max-width: 66.66666667%;\n }\n\n .desktop\\:column-9 {\n -ms-flex-preferred-size: 75%;\n flex-basis: 75%;\n max-width: 75%;\n }\n\n .desktop\\:column-10 {\n -ms-flex-preferred-size: 83.33333333%;\n flex-basis: 83.33333333%;\n max-width: 83.33333333%;\n }\n\n .desktop\\:column-11 {\n -ms-flex-preferred-size: 91.66666667%;\n flex-basis: 91.66666667%;\n max-width: 91.66666667%;\n }\n\n .desktop\\:column-12 {\n -ms-flex-preferred-size: 100%;\n flex-basis: 100%;\n max-width: 100%;\n }\n\n .desktop\\:offset-0 {\n margin-left: 0;\n }\n\n .desktop\\:offset-1 {\n margin-left: 8.33333333%;\n }\n\n .desktop\\:offset-2 {\n margin-left: 16.66666667%;\n }\n\n .desktop\\:offset-3 {\n margin-left: 25%;\n }\n\n .desktop\\:offset-4 {\n margin-left: 33.33333333%;\n }\n\n .desktop\\:offset-5 {\n margin-left: 41.66666667%;\n }\n\n .desktop\\:offset-6 {\n margin-left: 50%;\n }\n\n .desktop\\:offset-7 {\n margin-left: 58.33333333%;\n }\n\n .desktop\\:offset-8 {\n margin-left: 66.66666667%;\n }\n\n .desktop\\:offset-9 {\n margin-left: 75%;\n }\n\n .desktop\\:offset-10 {\n margin-left: 83.33333333%;\n }\n\n .desktop\\:offset-11 {\n margin-left: 91.66666667%;\n }\n\n .desktop\\:order-first {\n --order: -1;\n }\n\n .desktop\\:order-last {\n --order: 1;\n }\n}\n@media (min-width: 48rem) {\n .container,\n .container-fluid {\n --outer-gutter-width: var(--tablet-grid-outer-gutter-width);\n }\n\n .container {\n --max-width: var(--tablet-grid-max-width);\n }\n}\n@media (min-width: 64rem) {\n .container,\n .container-fluid {\n --outer-gutter-width: var(--laptop-grid-outer-gutter-width);\n }\n\n .container {\n --max-width: var(--laptop-grid-max-width);\n }\n}\n@media (min-width: 96rem) {\n .container,\n .container-fluid {\n --outer-gutter-width: var(--desktop-grid-outer-gutter-width);\n }\n\n .container {\n --max-width: var(--desktop-grid-max-width);\n }\n}\n/* components.css */\n/* links */\na {\n display: inline;\n display: var(--link-display);\n -webkit-transition-duration: calc(1s * 0.1);\n transition-duration: calc(1s * 0.1);\n -webkit-transition-duration: var(--link-transition-duration);\n transition-duration: var(--link-transition-duration);\n -webkit-transition-property: color, background, -webkit-text-decoration;\n transition-property: color, background, -webkit-text-decoration;\n transition-property: color, text-decoration, background;\n transition-property: color, text-decoration, background, -webkit-text-decoration;\n -webkit-transition-timing-function: ease-in;\n transition-timing-function: ease-in;\n -webkit-text-decoration-color: currentColor;\n text-decoration-color: currentColor;\n -webkit-text-decoration-color: var(--link-decoration-color);\n text-decoration-color: var(--link-decoration-color);\n -webkit-text-decoration-line: underline;\n text-decoration-line: underline;\n -webkit-text-decoration-line: var(--link-decoration-line);\n text-decoration-line: var(--link-decoration-line);\n -webkit-text-decoration-style: dotted;\n text-decoration-style: dotted;\n -webkit-text-decoration-style: var(--link-decoration-style);\n text-decoration-style: var(--link-decoration-style);\n text-decoration-thickness: 0.0625em;\n text-decoration-thickness: var(--link-decoration-thickness);\n color: #1c7ed6;\n color: var(--link-color);\n font-weight: var(--font-weight-base);\n font-weight: var(--link-font-weight)\n}\na:hover,\n a.hover,\n a:active,\n a.active {\n -webkit-text-decoration-color: currentColor;\n text-decoration-color: currentColor;\n -webkit-text-decoration-color: var(--link-hover-decoration-color);\n text-decoration-color: var(--link-hover-decoration-color);\n -webkit-text-decoration-line: underline;\n text-decoration-line: underline;\n -webkit-text-decoration-line: var(--link-hover-decoration-line);\n text-decoration-line: var(--link-hover-decoration-line);\n -webkit-text-decoration-style: solid;\n text-decoration-style: solid;\n -webkit-text-decoration-style: var(--link-hover-decoration-style);\n text-decoration-style: var(--link-hover-decoration-style);\n color: #74c0fc;\n color: var(--link-hover-color);\n }\n.no-underline {\n text-decoration: none !important;\n}\n.nav-link {\n display: inline-block;\n padding: calc((4em - (1em * 1.5) - (0.125em * 2) - 0.375em) / 2) calc(1em * 1.5);\n padding: var(--button-padding);\n text-decoration: none;\n color: #1c7ed6;\n color: var(--link-color);\n font-weight: 600;\n font-weight: var(--font-weight-semibold)\n}\n.nav-link:active,\n .nav-link.active {\n text-decoration: none;\n color: #183153;\n color: var(--link-active-color);\n }\n.nav-link:hover,\n .nav-link.hover {\n text-decoration: none;\n color: #74c0fc;\n color: var(--link-hover-color);\n }\n.message,.msg,.alert {\n margin: 0 0 1em;\n margin: var(--message-margin);\n border-width: 0.125em;\n border-width: var(--message-border-width);\n border-style: solid;\n border-style: var(--message-border-style);\n border-radius: 0.75em;\n border-radius: var(--message-border-radius);\n border-color: #fff;\n border-color: var(--message-border-color);\n background-color: #fff;\n background-color: var(--message-background);\n padding: calc((4em - (1em * 1.5) - (0.125em * 2)) / 2) calc(1em * 1.5);\n padding: var(--message-padding);\n min-height: 4em;\n min-height: var(--message-min-height);\n color: #183153;\n color: var(--message-color)\n}\n.message.with-border,.msg.with-border,.alert.with-border {\n border-width: 0.125em;\n border-width: var(--message-border-width);\n border-style: solid;\n border-style: var(--message-border-style);\n border-color: #fff;\n border-color: var(--message-border-color);\n }\n.message.no-border,.msg.no-border,.alert.no-border {\n border-width: 0;\n }\n.message.with-icon,.msg.with-icon,.alert.with-icon {\n position: relative;\n padding-left: calc(calc(1em * 1.5) * 2 * 1.5);\n padding-left: calc(var(--message-horizontal-padding) * 2 * var(--message-with-icon-decorative-scale))\n }\n.message.with-icon .decorative,.msg.with-icon .decorative,.alert.with-icon .decorative {\n position: absolute;\n top: calc((calc((4em - (1em * 1.5) - (0.125em * 2)) / 2) + (1.5 - 1.5)/2) / 1.5 * 1em);\n top: var(--message-with-icon-decorative-top);\n left: 0.25em;\n width: calc(calc(1em * 1.5) * 1.75);\n width: calc(var(--message-horizontal-padding) * 1.75);\n text-align: center;\n color: #8991a5;\n color: var(--message-with-icon-decorative-color);\n font-size: calc(1em * 1.5);\n font-size: calc(1em * var(--message-with-icon-decorative-scale));\n }\n.message.with-icon h1,.message.with-icon h2,.message.with-icon h3,.message.with-icon h4,.message.with-icon h5,.message.with-icon h6,.message.with-icon .h1,.message.with-icon .h2,.message.with-icon .h3,.message.with-icon .h4,.message.with-icon .h5,.message.with-icon .h6,.msg.with-icon h1,.msg.with-icon h2,.msg.with-icon h3,.msg.with-icon h4,.msg.with-icon h5,.msg.with-icon h6,.msg.with-icon .h1,.msg.with-icon .h2,.msg.with-icon .h3,.msg.with-icon .h4,.msg.with-icon .h5,.msg.with-icon .h6,.alert.with-icon h1,.alert.with-icon h2,.alert.with-icon h3,.alert.with-icon h4,.alert.with-icon h5,.alert.with-icon h6,.alert.with-icon .h1,.alert.with-icon .h2,.alert.with-icon .h3,.alert.with-icon .h4,.alert.with-icon .h5,.alert.with-icon .h6 {\n /* Nasssty icons dom order makes us do this, precious. */\n }\n.message.with-icon h1:nth-child(2),.message.with-icon h2:nth-child(2),.message.with-icon h3:nth-child(2),.message.with-icon h4:nth-child(2),.message.with-icon h5:nth-child(2),.message.with-icon h6:nth-child(2),.message.with-icon .h1:nth-child(2),.message.with-icon .h2:nth-child(2),.message.with-icon .h3:nth-child(2),.message.with-icon .h4:nth-child(2),.message.with-icon .h5:nth-child(2),.message.with-icon .h6:nth-child(2),.msg.with-icon h1:nth-child(2),.msg.with-icon h2:nth-child(2),.msg.with-icon h3:nth-child(2),.msg.with-icon h4:nth-child(2),.msg.with-icon h5:nth-child(2),.msg.with-icon h6:nth-child(2),.msg.with-icon .h1:nth-child(2),.msg.with-icon .h2:nth-child(2),.msg.with-icon .h3:nth-child(2),.msg.with-icon .h4:nth-child(2),.msg.with-icon .h5:nth-child(2),.msg.with-icon .h6:nth-child(2),.alert.with-icon h1:nth-child(2),.alert.with-icon h2:nth-child(2),.alert.with-icon h3:nth-child(2),.alert.with-icon h4:nth-child(2),.alert.with-icon h5:nth-child(2),.alert.with-icon h6:nth-child(2),.alert.with-icon .h1:nth-child(2),.alert.with-icon .h2:nth-child(2),.alert.with-icon .h3:nth-child(2),.alert.with-icon .h4:nth-child(2),.alert.with-icon .h5:nth-child(2),.alert.with-icon .h6:nth-child(2) {\n margin-top: 0;\n }\n.message.roomy,.msg.roomy,.alert.roomy {\n --message-with-icon-decorative-top: var(--message-roomy-with-icon-decorative-top);\n --message-padding: var(--message-roomy-padding);\n --message-with-icon-decorative-scale: var(--message-roomy-with-icon-decorative-scale);\n --message-min-height: var(--message-roomy-min-height);\n }\n.message.compact,.msg.compact,.alert.compact {\n --message-with-icon-decorative-top: var(--message-compact-with-icon-decorative-top);\n --message-padding: var(--message-compact-padding);\n --message-with-icon-decorative-scale: var(--message-compact-with-icon-decorative-scale);\n --message-min-height: var(--message-compact-min-height);\n }\nbutton.roomy,.button.roomy,.btn.roomy,[type=button].roomy,[type=reset].roomy,[type=submit].roomy, .buttons.roomy {\n --button-padding: var(--button-padding-roomy);\n }\nbutton.compact,.button.compact,.btn.compact,[type=button].compact,[type=reset].compact,[type=submit].compact, .buttons.compact {\n --button-padding: var(--button-padding-compact);\n }\nbutton,.button,.btn,[type=button],[type=reset],[type=submit] {\n display: inline-block;\n position: relative;\n -webkit-transition-duration: 0;\n transition-duration: 0;\n -webkit-transition-duration: var(--button-transition-duration);\n transition-duration: var(--button-transition-duration);\n -webkit-transition-property: color background border box-shadow;\n transition-property: color background border box-shadow;\n -webkit-transition-timing-function: ease-in;\n transition-timing-function: ease-in;\n margin: 0 0 0.875em 0;\n margin: 0 0 var(--button-margin-bottom) 0;\n border-width: 0.125em;\n border-width: var(--button-border-width);\n border-style: solid;\n border-radius: 0.5em;\n border-radius: var(--button-border-radius);\n border-color: currentColor;\n border-color: var(--button-border-color);\n -webkit-box-shadow: 0 0.375em 0 currentColor;\n box-shadow: 0 0.375em 0 currentColor;\n -webkit-box-shadow: var(--button-box-shadow);\n box-shadow: var(--button-box-shadow);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background: #fff;\n background: var(--button-background);\n cursor: pointer;\n padding: calc((4em - (1em * 1.5) - (0.125em * 2) - 0.375em) / 2) calc(1em * 1.5);\n padding: var(--button-padding);\n vertical-align: middle;\n text-align: center;\n text-decoration: none;\n -webkit-text-decoration: var(--button-decoration);\n text-decoration: var(--button-decoration);\n -webkit-text-decoration-color: unset;\n text-decoration-color: unset;\n -webkit-text-decoration-color: var(--button-decoration-color);\n text-decoration-color: var(--button-decoration-color);\n color: #183153;\n color: var(--button-color);\n font-weight: 600;\n font-weight: var(--button-font-weight)\n}\nbutton:active,.button:active,.btn:active,[type=button]:active,[type=reset]:active,[type=submit]:active,\n button.active,\n .button.active,\n .btn.active,\n [type=button].active,\n [type=reset].active,\n [type=submit].active {\n top: 0.375em;\n top: var(--button-box-shadow-width);\n border-width: 0.125em;\n border-width: var(--button-active-border-width);\n border-color: #183153;\n border-color: var(--button-active-border-color);\n -webkit-box-shadow: none;\n box-shadow: none;\n -webkit-box-shadow: var(--button-active-box-shadow);\n box-shadow: var(--button-active-box-shadow);\n background: #183153;\n background: var(--button-active-background);\n text-decoration: none;\n -webkit-text-decoration: var(--button-hover-decoration);\n text-decoration: var(--button-hover-decoration);\n color: #fff;\n color: var(--button-active-color);\n }\nbutton:hover,.button:hover,.btn:hover,[type=button]:hover,[type=reset]:hover,[type=submit]:hover,\n button.hover,\n .button.hover,\n .btn.hover,\n [type=button].hover,\n [type=reset].hover,\n [type=submit].hover {\n border-color: currentColor;\n border-color: var(--button-hover-border-color);\n background: #c3c6d1;\n background: var(--button-hover-background);\n text-decoration: none;\n -webkit-text-decoration: var(--button-hover-decoration);\n text-decoration: var(--button-hover-decoration);\n -webkit-text-decoration-color: unset;\n text-decoration-color: unset;\n -webkit-text-decoration-color: var(--button-hover-decoration-color);\n text-decoration-color: var(--button-hover-decoration-color);\n color: #183153;\n color: var(--button-hover-color);\n }\nbutton:disabled,.button:disabled,.btn:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled,\n button.disabled,\n .button.disabled,\n .btn.disabled,\n [type=button].disabled,\n [type=reset].disabled,\n [type=submit].disabled {\n opacity: 0.5;\n opacity: var(--button-disabled-opacity);\n background: #fff;\n background: var(--button-disabled-background);\n pointer-events: none;\n }\nbutton.block,.button.block,.btn.block,[type=button].block,[type=reset].block,[type=submit].block {\n display: block;\n width: 100%;\n }\nbutton.link,.button.link,.btn.link,[type=button].link,[type=reset].link,[type=submit].link {\n --button-border-width: 0;\n --button-box-shadow: none;\n --button-decoration: var(--link-decoration);\n --button-decoration-color: var(--link-decoration-color);\n --button-color: var(--link-color);\n --button-background: transparent;\n --button-hover-background: transparent;\n --button-hover-decoration: var(--link-hover-decoration);\n --button-hover-decoration-color: var(--link-hover-color);\n --button-hover-color: var(--link-hover-color);\n --button-active-border-width: 0;\n --button-active-background: transparent;\n --button-active-color: var(--link-hover-color);\n --button-font-weight: var(--link-font-weight);\n }\nbutton.subtle,.button.subtle,.btn.subtle,[type=button].subtle,[type=reset].subtle,[type=submit].subtle {\n --button-color: var(--link-color);\n --button-border-width: 0;\n --button-box-shadow: none;\n --button-background: transparent;\n --button-active-border-width: 0;\n --button-font-weight: var(--link-font-weight);\n\n -webkit-transition-duration: calc(1s * 0.1);\n\n transition-duration: calc(1s * 0.1);\n\n -webkit-transition-duration: var(--timing-2xfast);\n\n transition-duration: var(--timing-2xfast);\n -webkit-transition-property: color, background, -webkit-text-decoration;\n transition-property: color, background, -webkit-text-decoration;\n transition-property: color, text-decoration, background;\n transition-property: color, text-decoration, background, -webkit-text-decoration;\n -webkit-transition-timing-function: ease-in;\n transition-timing-function: ease-in;\n }\n.buttons {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n position: relative;\n vertical-align: middle\n}\n.buttons > button,.buttons > .button,.buttons > .btn,.buttons > [type=button],.buttons > [type=reset],.buttons > [type=submit] {\n position: relative;\n -webkit-box-flex: 1;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n }\n.buttons > button:not(:first-child),.buttons > .button:not(:first-child),.buttons > .btn:not(:first-child),.buttons > [type=button]:not(:first-child),.buttons > [type=reset]:not(:first-child),.buttons > [type=submit]:not(:first-child) {\n margin-left: calc(-1 * 0.125em);\n margin-left: calc(-1 * var(--border-width-sm));\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n.buttons > button:not(:last-child),.buttons > .button:not(:last-child),.buttons > .btn:not(:last-child),.buttons > [type=button]:not(:last-child),.buttons > [type=reset]:not(:last-child),.buttons > [type=submit]:not(:last-child) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n.btn-reset {\n margin: 0;\n border: none;\n background: var(--transparent);\n padding: 0;\n}\ntable {\n margin-bottom: calc(1em * 1.5);\n margin-bottom: var(--table-margin-bottom);\n background: inherit;\n background: var(--table-background);\n width: 100%;\n width: var(--table-width);\n overflow: hidden;\n table-layout: initial;\n table-layout: var(--table-layout);\n border-collapse: collapse;\n border-collapse: var(--table-cell-border-collapse);\n}\nthead {\n background: transparent;\n background: var(--table-th-background);\n}\ntfoot {\n border-top: 2px solid #c3c6d1;\n border-top: var(--table-th-border-width) var(--table-th-border-style) var(--table-th-border-color);\n background: transparent;\n background: var(--table-th-background);\n}\nth {\n border-bottom: 2px solid #c3c6d1;\n border-bottom: var(--table-th-border-width) var(--table-th-border-style) var(--table-th-border-color);\n background: transparent;\n background: var(--table-th-background);\n}\nth[scope="row"] {\n border-right: 2px solid #c3c6d1;\n border-right: var(--table-th-border-width) var(--table-cell-border-style) var(--table-th-border-color);\n border-bottom: 1px solid #c3c6d1;\n border-bottom: var(--table-cell-border-width) var(--table-cell-border-style) var(--table-th-border-color);\n border-left: 0 solid #c3c6d1;\n border-left: 0 var(--table-cell-border-style) var(--table-th-border-color);\n}\ntbody {\n background: transparent;\n background: var(--table-body-background);\n}\ntr {\n -webkit-transition: background calc(1s * 0.1) ease-in;\n transition: background calc(1s * 0.1) ease-in;\n -webkit-transition: background var(--timing-2xfast) ease-in;\n transition: background var(--timing-2xfast) ease-in;\n background: transparent;\n background: var(--table-row-background);\n}\ntd {\n border-bottom: 1px solid #e0e2e8;\n border-bottom: var(--table-cell-border-width) var(--table-cell-border-style) var(--table-cell-border-color);\n background: transparent;\n background: var(--table-cell-background);\n vertical-align: initial;\n vertical-align: var(--table-cell-vertical-align);\n text-align: left;\n text-align: var(--table-cell-text-align);\n}\ntr:hover td {\n background: transparent;\n background: var(--table-hover-background-color);\n}\ncaption {\n padding: calc(1em * 8 / 16);\n padding: var(--spacing-2xs);\n caption-side: bottom;\n caption-side: var(--table-caption-side);\n font-size: calc(1em * 0.875);\n font-size: var(--table-caption-text-size);\n}\n/* table variations */\ntable.fixed-columns {\n --table-layout: fixed;\n}\ntable.with-borders th {\n border-width: 1px 1px calc(1em * 2 / 16) 1px;\n border-width: var(--table-cell-border-width) var(--table-cell-border-width) var(--spacing-6xs) var(--table-cell-border-width);\n border-style: solid;\n border-style: var(--table-th-border-style);\n border-color: #c3c6d1;\n border-color: var(--table-th-border-color);\n}\ntable.with-borders td {\n border: 1px solid #e0e2e8;\n border: var(--table-cell-border-width) var(--table-cell-border-style) var(--table-cell-border-color);\n}\ntable.no-borders th,\ntable.no-borders td {\n border: 0;\n}\ntable.compact th,\ntable.compact td {\n padding: calc(0.5em * 0.5) calc(0.75em * 0.5) calc(0.5em * 0.5) calc(0.75em * 0.5);\n padding: var(--table-cell-spacing-compact);\n}\ntable.roomy th,\ntable.roomy td {\n padding: calc(0.5em * 2) calc(0.75em * 2) calc(0.5em * 2) calc(0.75em * 2);\n padding: var(--table-cell-spacing-roomy);\n}\ntable.stacked th,\ntable.stacked td {\n display: block;\n}\ntable.flush th:first-child,\ntable.flush td:first-child {\n padding-left: 0;\n}\ntable.flush th:last-child,\ntable.flush td:last-child {\n padding-right: 0;\n}\ntable.stacked.flush th,\ntable.stacked.flush td {\n padding-right: 0;\n padding-left: 0;\n}\nth.flush-left,\ntd.flush-left {\n --table-cell-spacing-left: 0;\n}\nth.flush-right,\ntd.flush-right {\n --table-cell-spacing-right: 0;\n}\ntd.success,\ntd.warning,\ntd.danger,\ntd.info {\n background: transparent;\n background: var(--table-row-background);\n}\ntable.natural {\n table-layout: auto;\n}\ntable.stacked tr {\n border-bottom: 2px solid #e0e2e8;\n border-bottom: var(--table-th-border-width) var(--table-cell-border-style) var(--table-cell-border-color);\n}\ntable.with-hover tr:hover td {\n --table-hover-background-color: var(--gray-200);\n\n background: transparent;\n\n background: var(--table-hover-background-color);\n}\ntable.striped tr:nth-child(even) {\n background: #e0e2e8;\n background: var(--table-striped-row-background);\n}\n@media (min-width: 48rem) {\n table.stacked tr {\n border-bottom: 0;\n }\n\n table.stacked th {\n display: table-cell;\n }\n\n table.stacked td {\n display: table-cell;\n }\n\n table.stacked.flush th,\n table.stacked.flush td {\n padding-right: 0.75em;\n padding-right: var(--table-cell-spacing-right);\n padding-left: 0.75em;\n padding-left: var(--table-cell-spacing-left);\n }\n\n table.stacked.flush th:first-child,\n table.stacked.flush td:first-child {\n --table-cell-spacing-left: 0;\n }\n\n table.stacked.flush th:last-child,\n table.stacked.flush td:last-child {\n --table-cell-spacing-right: 0;\n }\n}\n@media (min-width: 64rem) {\n table.stacked tr {\n border-bottom: 0;\n }\n\n table.stacked th {\n display: table-cell;\n }\n\n table.stacked td {\n display: table-cell;\n }\n\n table.stacked.flush th,\n table.stacked.flush td {\n padding-right: 0.75em;\n padding-right: var(--table-cell-spacing-right);\n padding-left: 0.75em;\n padding-left: var(--table-cell-spacing-left);\n }\n\n table.stacked.flush th:first-child,\n table.stacked.flush td:first-child {\n --table-cell-spacing-left: 0;\n }\n\n table.stacked.flush th:last-child,\n table.stacked.flush td:last-child {\n --table-cell-spacing-right: 0;\n }\n}\n@media (min-width: 96rem) {\n table.stacked tr {\n border-bottom: 0;\n }\n\n table.stacked th {\n display: table-cell;\n }\n\n table.stacked td {\n display: table-cell;\n }\n\n table.stacked.flush th,\n table.stacked.flush td {\n padding-right: 0.75em;\n padding-right: var(--table-cell-spacing-right);\n padding-left: 0.75em;\n padding-left: var(--table-cell-spacing-left);\n }\n\n table.stacked.flush th:first-child,\n table.stacked.flush td:first-child {\n --table-cell-spacing-left: 0;\n }\n\n table.stacked.flush th:last-child,\n table.stacked.flush td:last-child {\n --table-cell-spacing-right: 0;\n }\n}\n.tag {\n display: inline-block;\n border: var(--tag-border-width) var(--tag-border-style) var(--tag-border-color);\n border-radius: 0.75em;\n border-radius: var(--tag-border-radius);\n background: #c3c6d1;\n background: var(--tag-background);\n padding: 0.5em 1em;\n padding: var(--tag-padding);\n vertical-align: calc(100% / 12);\n vertical-align: var(--tag-vertical-align);\n text-transform: uppercase;\n text-transform: var(--tag-text-transform);\n line-height: 1;\n letter-spacing: 0.0625em;\n letter-spacing: var(--tag-letter-spacing);\n white-space: nowrap;\n color: #183153;\n color: var(--tag-color);\n font-size: calc(1em * 0.75);\n font-size: var(--tag-font-size);\n font-weight: bold;\n font-weight: var(--tag-font-weight)\n}\n.tag.rounded {\n --tag-border-radius: 4em;\n }\n.tag i[class*="fa-"],.tag .svg-inline--fa {\n font-size: 0.9em;\n }\na.tag:hover {\n color: #1c7ed6;\n color: var(--tag-link-hover-color);\n}\n.with-top-tag {\n position: relative;\n margin-top: 0.75em;\n margin-top: var(--top-tag-margin-top)\n}\n.with-top-tag .tag {\n position: absolute;\n top: -1em;\n top: var(--top-tag-top);\n left: 50%;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%)\n }\n.with-top-tag .tag.right {\n right: calc(32em / 12);\n right: var(--top-tag-indent);\n left: auto;\n -webkit-transform: none;\n transform: none;\n }\n.with-top-tag .tag.left {\n left: calc(32em / 12);\n left: var(--top-tag-indent);\n -webkit-transform: none;\n transform: none;\n }\n.with-top-tag {\n\n /* When with-top-tag is present, shift automatic margins and border radiuses to the second element. */\n}\n.with-top-tag.card > .header:nth-child(2),\n .with-top-tag.card > .section:nth-child(2) {\n margin-top: calc(-1 * calc((4em - (1em * 1.5) - (0em * 2)) / 2));\n margin-top: calc(-1 * var(--card-vertical-padding));\n border-top-left-radius: inherit;\n border-top-right-radius: inherit;\n }\n.with-top-tag h1,.with-top-tag h2,.with-top-tag h3,.with-top-tag h4,.with-top-tag h5,.with-top-tag h6,.with-top-tag .h1,.with-top-tag .h2,.with-top-tag .h3,.with-top-tag .h4,.with-top-tag .h5,.with-top-tag .h6 {\n /* Nasssty icons dom order makes us do this, precious. */\n }\n.with-top-tag h1:nth-child(2),.with-top-tag h2:nth-child(2),.with-top-tag h3:nth-child(2),.with-top-tag h4:nth-child(2),.with-top-tag h5:nth-child(2),.with-top-tag h6:nth-child(2),.with-top-tag .h1:nth-child(2),.with-top-tag .h2:nth-child(2),.with-top-tag .h3:nth-child(2),.with-top-tag .h4:nth-child(2),.with-top-tag .h5:nth-child(2),.with-top-tag .h6:nth-child(2) {\n margin-top: 0;\n }\nlabel,.label {\n display: block;\n margin: calc(1em * 12 / 16) 0 calc(1em * 4 / 16) 0;\n margin: var(--spacing-sm) 0 var(--spacing-4xs) 0;\n color: #183153;\n color: var(--label-color);\n font-size: 1em;\n font-size: var(--label-font-size);\n font-weight: bold;\n font-weight: var(--label-font-weight);\n}\ninput,textarea,.input {\n display: inline-block;\n width: 100%;\n font-size: 1em;\n font-size: var(--input-font-size);\n font-weight: bold;\n font-weight: var(--input-font-weight)\n}\ninput::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .input::-webkit-input-placeholder {\n opacity: 1;\n color: #c3c6d1;\n color: var(--input-placeholder-color);\n font-weight: normal;\n font-weight: var(--input-placeholder-font-weight);\n }\ninput::-moz-placeholder, textarea::-moz-placeholder, .input::-moz-placeholder {\n opacity: 1;\n color: #c3c6d1;\n color: var(--input-placeholder-color);\n font-weight: normal;\n font-weight: var(--input-placeholder-font-weight);\n }\ninput:-ms-input-placeholder, textarea:-ms-input-placeholder, .input:-ms-input-placeholder {\n opacity: 1;\n color: #c3c6d1;\n color: var(--input-placeholder-color);\n font-weight: normal;\n font-weight: var(--input-placeholder-font-weight);\n }\ninput::-ms-input-placeholder, textarea::-ms-input-placeholder, .input::-ms-input-placeholder {\n opacity: 1;\n color: #c3c6d1;\n color: var(--input-placeholder-color);\n font-weight: normal;\n font-weight: var(--input-placeholder-font-weight);\n }\ninput::placeholder,textarea::placeholder,.input::placeholder {\n opacity: 1;\n color: #c3c6d1;\n color: var(--input-placeholder-color);\n font-weight: normal;\n font-weight: var(--input-placeholder-font-weight);\n }\n[type="text"],[type="email"],[type="password"],textarea,.input-text {\n margin: 0 0 calc(1em * 4 / 16) 0;\n margin: 0 0 var(--spacing-4xs) 0;\n border-width: 0.125em;\n border-width: var(--input-border-width);\n border-style: solid;\n border-style: var(--input-border-style);\n border-radius: 0.75em;\n border-radius: var(--input-border-radius);\n border-color: #8991a5;\n border-color: var(--input-border-color);\n -webkit-box-shadow: inset 0 0.25em 0 0 #f0f1f3;\n box-shadow: inset 0 0.25em 0 0 #f0f1f3;\n -webkit-box-shadow: var(--input-box-shadow);\n box-shadow: var(--input-box-shadow);\n background: #fff;\n background: var(--input-background);\n padding: calc((4em - (1em * 1.5) - (0.125em * 2)) / 2) calc(1em * 1.5);\n padding: var(--input-padding)\n}\n[type="text"].rounded,[type="email"].rounded,[type="password"].rounded,textarea.rounded,.input-text.rounded {\n --input-border-radius: calc(var(--input-min-height) / 2);\n }\ntextarea:not([rows]) {\n height: 10em;\n}\nselect {\n position: relative;\n margin: 0 0 calc(1em * 4 / 16) 0;\n margin: 0 0 var(--spacing-4xs) 0;\n border-width: 0.125em;\n border-width: var(--input-border-width);\n border-style: solid;\n border-style: var(--input-border-style);\n border-radius: 0.75em;\n border-radius: var(--input-border-radius);\n border-color: #8991a5;\n border-color: var(--input-border-color);\n -webkit-box-shadow: inset 0 0.25em 0 0 #f0f1f3;\n box-shadow: inset 0 0.25em 0 0 #f0f1f3;\n -webkit-box-shadow: var(--input-box-shadow);\n box-shadow: var(--input-box-shadow);\n background-color: #fff;\n background-color: var(--input-background);\n background-image: url("data:image/svg+xml,%3Csvg aria-hidden=\'true\' focusable=\'false\' data-prefix=\'fas\' data-icon=\'caret-down\' class=\'svg-inline--fa fa-caret-down fa-w-10\' role=\'img\' xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 320 512\'%3E%3Cpath fill=\'rgb(73, 80, 87)\' d=\'M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\'%3E%3C/path%3E%3C/svg%3E");\n background-image: var(--icon-caret-down);\n background-position: 98% center;\n background-repeat: no-repeat;\n background-size: 20px 20px;\n padding: calc((4em - (1em * 1.5) - (0.125em * 2)) / 2) calc(1em * 1.5);\n padding: var(--input-padding);\n width: 100%;\n height: 4em;\n height: var(--input-min-height)\n}\nselect.rounded {\n --input-border-radius: calc(var(--input-min-height) / 2);\n }\n.tip-text,.help-text,.tip {\n display: block;\n margin: 0 0 calc(1em * 4 / 16) 0;\n margin: 0 0 var(--spacing-4xs) 0;\n color: #515e7b;\n color: var(--help-color);\n font-size: calc(1em * 0.875);\n font-size: var(--help-font-size);\n}\nfieldset {\n margin: calc(1em * 1.25) 0;\n margin: var(--spacing-lg) 0;\n border-width: 0.125em 0;\n border-width: var(--fieldset-border-width);\n border-style: solid;\n border-style: var(--fieldset-border-style);\n border-color: #8991a5;\n border-color: var(--fieldset-border-color);\n background: none;\n background: var(--fieldset-background);\n padding: 0 0 calc(1em * 12 / 16) 0;\n padding: var(--fieldset-padding);\n}\nlegend {\n background: transparent;\n background: var(--legend-background);\n padding: 0 calc(1em * 12 / 16) 0 0;\n padding: var(--legend-padding);\n color: #515e7b;\n color: var(--legend-color);\n font-weight: bold;\n font-weight: var(--legend-font-weight);\n}\nlabel.required {\n color: #183153;\n color: var(--label-required-color)\n}\nlabel.required::after {\n color: #183153;\n color: var(--label-required-color);\n content: "*";\n }\ninput.disabled,textarea.disabled,.input.disabled,\ninput[disabled="disabled"],\ntextarea[disabled="disabled"],\n.input[disabled="disabled"],\ninput[disabled],\ntextarea[disabled],\n.input[disabled] {\n border-color: #c3c6d1;\n border-color: var(--input-disabled-border-color);\n -webkit-box-shadow: none;\n box-shadow: none;\n background: #c3c6d1;\n background: var(--input-disabled-background);\n color: #515e7b;\n color: var(--input-disabled-color);\n}\nlabel.disabled,\ninput[disabled="disabled"] + label,\ninput[disabled] + label {\n color: #515e7b;\n color: var(--label-disabled-color);\n}\ninput[type="checkbox"] + label,\ninput[type="radio"] + label {\n display: inline-block;\n margin-top: 0;\n margin-right: calc(1em * 12 / 16);\n margin-right: var(--spacing-sm);\n font-weight: 400;\n font-weight: var(--font-weight-normal);\n}\ninput[type="checkbox"],\ninput[type="radio"],\ninput[type="button"],\ninput[type="submit"],\ninput[type="reset"] {\n width: auto;\n}\ninput[readonly],textarea[readonly],.input[readonly] {\n -webkit-box-shadow: none;\n box-shadow: none;\n background-color: transparent;\n}\nform button,form .button,form .btn,form [type=button],form [type=reset],form [type=submit] {\n margin: calc(1em * 12 / 16) 0 0;\n margin: var(--form-button-margin);\n}\n.message + input,.message + textarea,.message + .input {\n margin-top: calc(-1 * calc(1em * 4 / 16));\n margin-top: calc(-1 * var(--spacing-4xs));\n}\nform .with-icon-before {\n position: relative\n}\nform .with-icon-before input {\n padding-left: calc((calc(1em * 1.5) - 0.125em) * 1.6 + 1.25 * 1em);\n padding-left: calc((var(--input-padding-horizontal) - var(--input-border-width)) * 1.6 + var(--input-with-icon-scale) * 1em); /* icon width plus space on either side */\n }\nform .with-icon-before i[class*="fa-"],form .with-icon-before .svg-inline--fa {\n display: inline-block;\n position: absolute;\n top: calc((4em / 1.25 - 1em) / 2);\n top: calc((var(--input-min-height) / var(--input-with-icon-scale) - 1em) / 2);\n left: calc(calc(1em * 1.5) / 1.25);\n left: calc(var(--input-padding-horizontal) / var(--input-with-icon-scale));\n color: #c3c6d1;\n color: var(--input-with-icon-color);\n font-size: calc(1.25 * 1em);\n font-size: calc(var(--input-with-icon-scale) * 1em);\n pointer-events: none;\n }\nform .with-icon-after {\n position: relative\n}\nform .with-icon-after i[class*="fa-"],form .with-icon-after .svg-inline--fa {\n display: inline-block;\n position: absolute;\n top: calc((4em / 1.25 - 1em) / 2);\n top: calc((var(--input-min-height) / var(--input-with-icon-scale) - 1em) / 2); /* Automatically scales as icon size scales */\n right: calc(calc(1em * 1.5) / 1.25);\n right: calc(var(--input-padding-horizontal) / var(--input-with-icon-scale));\n color: #c3c6d1;\n color: var(--input-with-icon-color);\n font-size: calc(1.25 * 1em);\n font-size: calc(var(--input-with-icon-scale) * 1em);\n pointer-events: none;\n }\nform .with-icon-after input {\n padding-right: calc((calc(1em * 1.5) - 0.125em) * 1.6 + 1.25 * 1em);\n padding-right: calc((var(--input-padding-horizontal) - var(--input-border-width)) * 1.6 + var(--input-with-icon-scale) * 1em); /* icon width plus space on either side */\n }\nform.inline {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center\n}\nform.inline > * {\n margin: calc(1em * 4 / 16);\n margin: var(--spacing-4xs);\n }\nform.inline input {\n width: auto;\n }\nform.inline button,form.inline .button,form.inline .btn,form.inline [type=button],form.inline [type=reset],form.inline [type=submit] {\n margin-top: calc(-1 * 0.125em);\n margin-top: calc(-1 * var(--button-border-width)); /* Offsets button width */\n }\nform .affix {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n margin: 0 0 calc(1em * 4 / 16) 0;\n margin: 0 0 var(--spacing-4xs) 0\n}\nform .affix span {\n -webkit-box-flex: 0;\n -ms-flex-positive: 0;\n flex-grow: 0;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n border-width: 0.125em;\n border-width: var(--input-border-width);\n border-style: solid;\n border-style: var(--input-border-style);\n border-radius: 0.75em;\n border-radius: var(--input-border-radius);\n border-color: #8991a5;\n border-color: var(--input-border-color);\n background: #8991a5;\n background: var(--input-affix-background);\n padding: calc((4em - (1em * 1.5) - (0.125em * 2)) / 2) calc(1em * 1.5);\n padding: var(--input-padding);\n color: #fff;\n color: var(--input-affix-color)\n }\nform .affix span:first-child {\n margin-right: calc((0.125em) * -1);\n margin-right: calc((var(--input-border-width)) * -1); /* adjust for border */\n border-radius: 0.75em 0 0 0.75em;\n border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);\n }\nform .affix span:last-child {\n margin-left: calc((0.125em) * -1);\n margin-left: calc((var(--input-border-width)) * -1); /* adjust for border */\n border-radius: 0 0.75em 0.75em 0;\n border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;\n }\nform .affix input {\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n margin: 0;\n width: auto\n }\nform .affix input:last-child {\n border-radius: 0 0.75em 0.75em 0;\n border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;\n }\nform .affix input:first-child {\n border-radius: 0.75em 0 0 0.75em;\n border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);\n }\nform .affix button:last-child {\n margin: 0 0 0.375em calc(-1 * 0.125em);\n margin: 0 0 var(--button-box-shadow-width) calc(-1 * var(--button-border-width));\n border-radius: 0 0.75em 0.75em 0;\n border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;\n }\nform .affix.rounded {\n --input-border-radius: calc(var(--input-min-height) / 2)\n }\nform .affix.rounded > :first-child {\n padding-left: calc(1em * 1.25);\n padding-left: var(--spacing-lg);\n }\nform .affix.rounded > :last-child {\n padding-right: calc(1em * 1.25);\n padding-right: var(--spacing-lg);\n }\n.card {\n display: block;\n display: var(--card-display);\n position: relative;\n margin-bottom: calc(1em * 1.5);\n margin-bottom: var(--card-margin-bottom);\n outline: none;\n border: 0em solid #fff;\n border: var(--card-border-width) var(--card-border-style) var(--card-border-color);\n border-radius: 0.75em;\n border-radius: var(--card-border-radius);\n background: #fff;\n background: var(--card-background);\n padding: calc(calc((4em - (1em * 1.5) - (0em * 2)) / 2) - 0em) calc(calc(1em * 1.5) - 0em);\n padding: calc(var(--card-vertical-padding) - var(--card-border-width)) calc(var(--card-horizontal-padding) - var(--card-border-width));\n min-height: 4em;\n min-height: var(--card-min-height);\n vertical-align: top;\n vertical-align: var(--card-vertical-align);\n text-align: center;\n text-align: var(--card-text-align);\n color: #183153;\n color: var(--card-color)\n}\n.card > .text-left {\n text-align: left;\n text-align: var(--text-align);\n }\n.card > .header,\n .card.header {\n background: #183153;\n background: var(--card-header-background);\n color: #fff;\n color: var(--card-header-color);\n }\n.card > .section {\n color: #183153;\n color: var(--card-section-color);\n }\n.card > .header,\n .card > header,\n .card > .section,\n .card > section {\n margin-right: calc(-1 * calc(1em * 1.5) + 0em);\n margin-right: calc(-1 * var(--card-horizontal-padding) + var(--card-border-width));\n margin-left: calc(-1 * calc(1em * 1.5) + 0em);\n margin-left: calc(-1 * var(--card-horizontal-padding) + var(--card-border-width));\n padding: calc((4em - (1em * 1.5) - (0em * 2)) / 2) calc(1em * 1.5);\n padding: var(--card-vertical-padding) var(--card-horizontal-padding)\n }\n.card > .header:first-child, .card > header:first-child, .card > .section:first-child, .card > section:first-child {\n margin-top: calc(-1 * calc((4em - (1em * 1.5) - (0em * 2)) / 2) + 0em);\n margin-top: calc(-1 * var(--card-vertical-padding) + var(--card-border-width));\n border-top-left-radius: calc(0.75em - 0em);\n border-top-left-radius: calc(var(--card-border-radius) - var(--card-border-width));\n border-top-right-radius: calc(0.75em - 0em);\n border-top-right-radius: calc(var(--card-border-radius) - var(--card-border-width));\n padding-top: calc(calc((4em - (1em * 1.5) - (0em * 2)) / 2) - 0em);\n padding-top: calc(var(--card-vertical-padding) - var(--card-border-width));\n }\n.card > .header:last-child, .card > header:last-child, .card > .section:last-child, .card > section:last-child {\n margin-bottom: calc(-1 * calc((4em - (1em * 1.5) - (0em * 2)) / 2) + 0em);\n margin-bottom: calc(-1 * var(--card-vertical-padding) + var(--card-border-width));\n border-bottom-left-radius: calc(0.75em - 0em);\n border-bottom-left-radius: calc(var(--card-border-radius) - var(--card-border-width));\n border-bottom-right-radius: calc(0.75em - 0em);\n border-bottom-right-radius: calc(var(--card-border-radius) - var(--card-border-width));\n padding-bottom: calc(calc((4em - (1em * 1.5) - (0em * 2)) / 2) - 0em);\n padding-bottom: calc(var(--card-vertical-padding) - var(--card-border-width));\n }\n.card > .section + .section {\n border-top: 0.125em dotted #f0f1f3;\n border-top: var(--card-section-border);\n }\n.card > .header + .header {\n border-top: 0.125em dotted #001c40;\n border-top: var(--card-header-border);\n }\n.card.roomy {\n --card-vertical-padding: var(--card-roomy-vertical-padding);\n --card-horizontal-padding: var(--card-roomy-horizontal-padding);\n --card-min-height: var(--card-roomy-min-height);\n --card-margin: 0 0 var(--card-roomy-vertical-padding);\n }\n.card.compact {\n --card-vertical-padding: var(--card-compact-vertical-padding);\n --card-horizontal-padding: var(--card-compact-horizontal-padding);\n --card-min-height: var(--card-compact-min-height);\n --card-margin: 0 0 var(--card-compct-vertical-padding);\n }\na.card {\n -webkit-box-shadow: 0 0.25em 0 #c3c6d1;\n box-shadow: 0 0.25em 0 #c3c6d1;\n -webkit-box-shadow: var(--card-link-box-shadow);\n box-shadow: var(--card-link-box-shadow);\n background: #fff;\n background: var(--card-link-background);\n -webkit-text-decoration: var(--card-link-decoration);\n text-decoration: var(--card-link-decoration);\n color: #183153;\n color: var(--card-link-color)\n}\na.card:hover,\n a.card.hover,\n a.card:active,\n a.card.active,\n a.card:focus,\n a.card.focus {\n border: none;\n -webkit-box-shadow: 0 0.25em 0 #74c0fc;\n box-shadow: 0 0.25em 0 #74c0fc;\n -webkit-box-shadow: 0 var(--with-shadow-box-shadow-width) 0 var(--card-link-hover-border-color);\n box-shadow: 0 var(--with-shadow-box-shadow-width) 0 var(--card-link-hover-border-color);\n padding: calc((4em - (1em * 1.5) - (0em * 2)) / 2) calc(1em * 1.5);\n padding: var(--card-vertical-padding) var(--card-horizontal-padding);\n -webkit-text-decoration: var(--card-link-hover-decoration);\n text-decoration: var(--card-link-hover-decoration)\n }\na.card:hover::before, a.card.hover::before, a.card:active::before, a.card.active::before, a.card:focus::before, a.card.focus::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n border: 0.125em solid #74c0fc;\n border: var(--card-link-hover-border-width) var(--card-link-hover-border-style) var(--card-link-hover-border-color);\n border-radius: 0.75em;\n border-radius: var(--card-border-radius);\n content: "";\n }\na.card:active,\n a.card.active {\n top: 0.25em;\n top: var(--with-shadow-box-shadow-width);\n -webkit-box-shadow: none;\n box-shadow: none;\n }\n.modal,fa-modal {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n -webkit-transition: opacity calc(1s * 0.25);\n transition: opacity calc(1s * 0.25);\n -webkit-transition: opacity var(--modal-transition-duration);\n transition: opacity var(--modal-transition-duration);\n visibility: hidden;\n opacity: 0;\n opacity: var(--modal-opacity);\n z-index: 1;\n background: rgba(81, 94, 123, 0.5);\n background: var(--modal-shadow);\n width: 100%;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto\n}\n.modal .card,fa-modal .card,\n .modal::part(card),\n fa-modal::part(card) {\n margin: calc(1em * 2) auto 0;\n margin: var(--modal-margin);\n max-width: 66ch;\n max-width: var(--line-length-md);\n min-height: 4em;\n min-height: var(--modal-min-height);\n }\n.overlay {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n -webkit-transition: opacity calc(1s * 0.25);\n transition: opacity calc(1s * 0.25);\n -webkit-transition: opacity var(--modal-transition-duration);\n transition: opacity var(--modal-transition-duration);\n visibility: hidden;\n opacity: 0;\n opacity: var(--modal-opacity);\n z-index: 1;\n background: rgba(81, 94, 123, 0.5);\n background: var(--modal-shadow);\n width: 100%;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto\n}\n.overlay:target {\n visibility: visible;\n opacity: 1;\n }\npre {\n border-radius: 0.5em;\n border-radius: var(--border-radius-sm);\n background: #a5abbb;\n background: var(--gray-300);\n padding: 1rem;\n padding: var(--size-reset-base);\n overflow: auto;\n}\n.example-block code {\n color: #001c40;\n color: var(--gray-900)\n }\n.example-block code span {\n display: inline;\n }\n.brckt {\n color: #001c40;\n color: var(--gray-900);\n}\n.eq,\n.qut {\n color: #001c40;\n color: var(--gray-900);\n}\n/* add-ons */\n/* with hr */\n.with-hr,.with-horizontal-rule,.with-bottom-border,.with-border-bottom {\n border-bottom-width: 0.125em;\n border-bottom-width: var(--hr-border-width);\n border-bottom-style: solid;\n border-bottom-style: var(--hr-border-style);\n border-bottom-color: #c3c6d1;\n border-bottom-color: var(--hr-border-color);\n padding-bottom: 0.25em;\n padding-bottom: var(--hr-padding-bottom);\n}\n/* with icons */\n.with-icon i[class*="fa-"],.with-icon .svg-inline--fa,\n.with-icon-before i[class*="fa-"],\n.with-icon-before .svg-inline--fa {\n margin-right: var(--spacing-inline);\n}\n.with-icon-after i[class*="fa-"],.with-icon-after .svg-inline--fa {\n margin-left: var(--spacing-inline);\n}\n/* specific styling for links */\na.with-icon i[class*="fa-"],a.with-icon .svg-inline--fa,\na.with-icon-before i[class*="fa-"],\na.with-icon-before .svg-inline--fa,\na.with-icon-after i[class*="fa-"],\na.with-icon-after .svg-inline--fa {\n --spacing-inline: var(--spacing-4xs);\n}\n/* measure */\n.line-length-2xs {\n max-width: 15ch;\n max-width: var(--line-length-2xs);\n }\n.line-length-xs {\n max-width: 30ch;\n max-width: var(--line-length-xs);\n }\n.line-length-sm {\n max-width: 45ch;\n max-width: var(--line-length-sm);\n }\n.line-length-md {\n max-width: 66ch;\n max-width: var(--line-length-md);\n }\n.line-length-lg {\n max-width: 77ch;\n max-width: var(--line-length-lg);\n }\n.line-length-xl {\n max-width: 90ch;\n max-width: var(--line-length-xl);\n }\n.line-length-none {\n max-width: none;\n}\n@media (min-width: 48rem) {\n .tablet\\:line-length-2xs {\n max-width: 15ch;\n max-width: var(--line-length-2xs);\n }\n .tablet\\:line-length-xs {\n max-width: 30ch;\n max-width: var(--line-length-xs);\n }\n .tablet\\:line-length-sm {\n max-width: 45ch;\n max-width: var(--line-length-sm);\n }\n .tablet\\:line-length-md {\n max-width: 66ch;\n max-width: var(--line-length-md);\n }\n .tablet\\:line-length-lg {\n max-width: 77ch;\n max-width: var(--line-length-lg);\n }\n .tablet\\:line-length-xl {\n max-width: 90ch;\n max-width: var(--line-length-xl);\n }\n\n .tablet\\:line-length-none {\n max-width: none;\n }\n}\n@media (min-width: 64rem) {\n .laptop\\:line-length-2xs {\n max-width: 15ch;\n max-width: var(--line-length-2xs);\n }\n .laptop\\:line-length-xs {\n max-width: 30ch;\n max-width: var(--line-length-xs);\n }\n .laptop\\:line-length-sm {\n max-width: 45ch;\n max-width: var(--line-length-sm);\n }\n .laptop\\:line-length-md {\n max-width: 66ch;\n max-width: var(--line-length-md);\n }\n .laptop\\:line-length-lg {\n max-width: 77ch;\n max-width: var(--line-length-lg);\n }\n .laptop\\:line-length-xl {\n max-width: 90ch;\n max-width: var(--line-length-xl);\n }\n\n .laptop\\:line-length-none {\n max-width: none;\n }\n}\n@media (min-width: 96rem) {\n .desktop\\:line-length-2xs {\n max-width: 15ch;\n max-width: var(--line-length-2xs);\n }\n .desktop\\:line-length-xs {\n max-width: 30ch;\n max-width: var(--line-length-xs);\n }\n .desktop\\:line-length-sm {\n max-width: 45ch;\n max-width: var(--line-length-sm);\n }\n .desktop\\:line-length-md {\n max-width: 66ch;\n max-width: var(--line-length-md);\n }\n .desktop\\:line-length-lg {\n max-width: 77ch;\n max-width: var(--line-length-lg);\n }\n .desktop\\:line-length-xl {\n max-width: 90ch;\n max-width: var(--line-length-xl);\n }\n\n .desktop\\:line-length-none {\n max-width: none;\n }\n}\n/* Auto Margins */\n.margin-auto {\n margin-right: auto;\n margin-left: auto;\n}\n.margin-right-auto {\n margin-right: auto;\n}\n.margin-left-auto {\n margin-left: auto;\n}\n@media (min-width: 48rem) {\n .tablet\\:margin-auto {\n margin-right: auto;\n margin-left: auto;\n }\n\n .tablet\\:margin-right-auto {\n margin-right: auto;\n }\n\n .tablet\\:margin-left-auto {\n margin-left: auto;\n }\n}\n@media (min-width: 64rem) {\n .laptop\\:margin-auto {\n margin-right: auto;\n margin-left: auto;\n }\n\n .laptop\\:margin-right-auto {\n margin-right: auto;\n }\n\n .laptop\\:margin-left-auto {\n margin-left: auto;\n }\n}\n@media (min-width: 96rem) {\n .desktop\\:margin-auto {\n margin-right: auto;\n margin-left: auto;\n }\n\n .desktop\\:margin-right-auto {\n margin-right: auto;\n }\n\n .desktop\\:margin-left-auto {\n margin-left: auto;\n }\n}\n/* Floats & Clearfix */\n.float-right {\n float: right;\n}\n.float-left {\n float: left;\n}\n.float-none {\n float: none;\n}\n@media (min-width: 48rem) {\n .tablet\\:float-right {\n float: right;\n }\n\n .tablet\\:float-left {\n float: left;\n }\n\n .tablet\\:float-none {\n float: none;\n }\n}\n@media (min-width: 64rem) {\n .laptop\\:float-right {\n float: right;\n }\n\n .laptop\\:float-left {\n float: left;\n }\n\n .laptop\\:float-none {\n float: none;\n }\n}\n@media (min-width: 96rem) {\n .desktop\\:float-right {\n float: right;\n }\n\n .desktop\\:float-left {\n float: left;\n }\n\n .desktop\\:float-none {\n float: none;\n }\n}\n.clearfix {\n display: table;\n clear: both;\n content: "";\n}\n/* utilities */\n/* accessibility-minded */\n.sr-only,.screenreader-only {\n clip: rect(0, 0, 0, 0);\n position: absolute;\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n border: 0;\n padding: 0;\n width: 1px;\n height: 1px;\n overflow: hidden;\n white-space: nowrap;\n}\n.sr-only:active,.screenreader-only:active,\n.sr-only:focus,\n.screenreader-only:focus {\n clip: auto;\n position: static;\n -webkit-clip-path: none;\n clip-path: none;\n width: auto;\n height: auto;\n overflow: visible;\n white-space: normal;\n}\n@media (min-width: 48rem) {\n .tablet\\:sr-only {\n clip: rect(0, 0, 0, 0);\n position: absolute;\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n border: 0;\n padding: 0;\n width: 1px;\n height: 1px;\n overflow: hidden;\n white-space: nowrap;\n }\n\n .tablet\\:sr-only-focusable:active,\n .tablet\\:sr-only-focusable:focus {\n clip: auto;\n position: static;\n -webkit-clip-path: none;\n clip-path: none;\n width: auto;\n height: auto;\n overflow: visible;\n white-space: normal;\n }\n}\n@media (min-width: 64rem) {\n .laptop\\:sr-only {\n clip: rect(0, 0, 0, 0);\n position: absolute;\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n border: 0;\n padding: 0;\n width: 1px;\n height: 1px;\n overflow: hidden;\n white-space: nowrap;\n }\n\n .laptop\\:sr-only-focusable:active,\n .laptop\\:sr-only-focusable:focus {\n clip: auto;\n position: static;\n -webkit-clip-path: none;\n clip-path: none;\n width: auto;\n height: auto;\n overflow: visible;\n white-space: normal;\n }\n}\n@media (min-width: 96rem) {\n .desktop\\:sr-only {\n clip: rect(0, 0, 0, 0);\n position: absolute;\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n border: 0;\n padding: 0;\n width: 1px;\n height: 1px;\n overflow: hidden;\n white-space: nowrap;\n }\n\n .desktop\\:sr-only-focusable:active,\n .desktop\\:sr-only-focusable:focus {\n clip: auto;\n position: static;\n -webkit-clip-path: none;\n clip-path: none;\n width: auto;\n height: auto;\n overflow: visible;\n white-space: normal;\n }\n}\n/* make sure to set the parent of a :--breakout-action to have relative positioning */\n.breakout-button,.breakout-link {\n position: static\n}\n.breakout-button:focus,.breakout-link:focus {\n outline: none;\n }\n.breakout-button::before,.breakout-link::before {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n cursor: pointer;\n width: 100%;\n height: 100%;\n content: "";\n }\n.breakout-button:focus::before,.breakout-link:focus::before {\n outline: 1px solid #fff;\n outline: var(--focus-outline-size) var(--focus-outline-style) var(--focus-outline-color);\n }\n.display-none {\n display: none;\n}\n.display-inline {\n display: inline;\n}\n.display-block {\n display: block;\n}\n.display-inline-block {\n display: inline-block;\n}\n.display-inline-table {\n display: inline-table;\n}\n.display-table {\n display: table;\n}\n.display-table-cell {\n display: table-cell;\n}\n.display-table-row {\n display: table-row;\n}\n.display-table-column {\n display: table-column;\n}\n.display-flex {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.display-inline-flex {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n}\n.flex-row {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n.flex-row-reverse {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: reverse;\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n}\n.flex-column {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.flex-column-reverse {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n}\n.flex-wrap {\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n.flex-nowrap {\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n}\n.flex-wrap-reverse {\n -ms-flex-wrap: wrap-reverse;\n flex-wrap: wrap-reverse;\n}\n.flex-items-start {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: start;\n}\n.flex-items-center {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.flex-items-end {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: end;\n}\n.flex-items-baseline {\n -webkit-box-align: baseline;\n -ms-flex-align: baseline;\n align-items: baseline;\n}\n.flex-content-start {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\n.flex-content-center {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.flex-content-end {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n}\n.flex-content-around {\n -ms-flex-pack: distribute;\n justify-content: space-around;\n}\n.flex-content-between {\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n.flex-content-evenly {\n -webkit-box-pack: space-evenly;\n -ms-flex-pack: space-evenly;\n justify-content: space-evenly;\n}\n@media (min-width: 48rem) {\n .tablet\\:display-none {\n display: none;\n }\n\n .tablet\\:display-inline {\n display: inline;\n }\n\n .tablet\\:display-block {\n display: block;\n }\n\n .tablet\\:display-inline-block {\n display: inline-block;\n }\n\n .tablet\\:display-inline-table {\n display: inline-table;\n }\n\n .tablet\\:display-table {\n display: table;\n }\n\n .tablet\\:display-table-cell {\n display: table-cell;\n }\n\n .tablet\\:display-table-row {\n display: table-row;\n }\n\n .tablet\\:display-table-column {\n display: table-column;\n }\n\n .tablet\\:display-flex {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n }\n\n .tablet\\:display-inline-flex {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n }\n\n .tablet\\:flex-row {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n }\n\n .tablet\\:flex-row-reverse {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: reverse;\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n }\n\n .tablet\\:flex-column {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n }\n\n .tablet\\:flex-column-reverse {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n }\n\n .tablet\\:flex-wrap {\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n }\n\n .tablet\\:flex-nowrap {\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n }\n\n .tablet\\:flex-wrap-reverse {\n -ms-flex-wrap: wrap-reverse;\n flex-wrap: wrap-reverse;\n }\n\n .tablet\\:flex-items-start {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: start;\n }\n\n .tablet\\:flex-items-center {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n\n .tablet\\:flex-items-end {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: end;\n }\n\n .tablet\\:flex-items-baseline {\n -webkit-box-align: baseline;\n -ms-flex-align: baseline;\n align-items: baseline;\n }\n\n .tablet\\:flex-content-start {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: start;\n }\n\n .tablet\\:flex-content-center {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n }\n\n .tablet\\:flex-content-end {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: end;\n }\n\n .tablet\\:flex-content-around {\n -ms-flex-pack: distribute;\n justify-content: space-around;\n }\n\n .tablet\\:flex-content-between {\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n }\n\n .tablet\\:flex-content-evenly {\n -webkit-box-pack: space-evenly;\n -ms-flex-pack: space-evenly;\n justify-content: space-evenly;\n }\n}\n@media (min-width: 64rem) {\n .laptop\\:display-none {\n display: none;\n }\n\n .laptop\\:display-inline {\n display: inline;\n }\n\n .laptop\\:display-block {\n display: block;\n }\n\n .laptop\\:display-inline-block {\n display: inline-block;\n }\n\n .laptop\\:display-inline-table {\n display: inline-table;\n }\n\n .laptop\\:display-table {\n display: table;\n }\n\n .laptop\\:display-table-cell {\n display: table-cell;\n }\n\n .laptop\\:display-table-row {\n display: table-row;\n }\n\n .laptop\\:display-table-column {\n display: table-column;\n }\n\n .laptop\\:display-flex {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n }\n\n .laptop\\:display-inline-flex {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n }\n\n .laptop\\:flex-row {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n }\n\n .laptop\\:flex-row-reverse {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: reverse;\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n }\n\n .laptop\\:flex-column {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n }\n\n .laptop\\:flex-column-reverse {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n }\n\n .laptop\\:flex-wrap {\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n }\n\n .laptop\\:flex-nowrap {\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n }\n\n .laptop\\:flex-wrap-reverse {\n -ms-flex-wrap: wrap-reverse;\n flex-wrap: wrap-reverse;\n }\n\n .laptop\\:flex-items-start {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: start;\n }\n\n .laptop\\:flex-items-center {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n\n .laptop\\:flex-items-end {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: end;\n }\n\n .laptop\\:flex-items-baseline {\n -webkit-box-align: baseline;\n -ms-flex-align: baseline;\n align-items: baseline;\n }\n\n .laptop\\:flex-content-start {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: start;\n }\n\n .laptop\\:flex-content-center {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n }\n\n .laptop\\:flex-content-end {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: end;\n }\n\n .laptop\\:flex-content-around {\n -ms-flex-pack: distribute;\n justify-content: space-around;\n }\n\n .laptop\\:flex-content-between {\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n }\n\n .laptop\\:flex-content-evenly {\n -webkit-box-pack: space-evenly;\n -ms-flex-pack: space-evenly;\n justify-content: space-evenly;\n }\n}\n@media (min-width: 96rem) {\n .desktop\\:display-none {\n display: none;\n }\n\n .desktop\\:display-inline {\n display: inline;\n }\n\n .desktop\\:display-block {\n display: block;\n }\n\n .desktop\\:display-inline-block {\n display: inline-block;\n }\n\n .desktop\\:display-inline-table {\n display: inline-table;\n }\n\n .desktop\\:display-table {\n display: table;\n }\n\n .desktop\\:display-table-cell {\n display: table-cell;\n }\n\n .desktop\\:display-table-row {\n display: table-row;\n }\n\n .desktop\\:display-table-column {\n display: table-column;\n }\n\n .desktop\\:display-flex {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n }\n\n .desktop\\:display-inline-flex {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n }\n\n .desktop\\:flex-row {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n }\n\n .desktop\\:flex-row-reverse {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: reverse;\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n }\n\n .desktop\\:flex-column {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n }\n\n .desktop\\:flex-column-reverse {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n }\n\n .desktop\\:flex-wrap {\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n }\n\n .desktop\\:flex-nowrap {\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n }\n\n .desktop\\:flex-wrap-reverse {\n -ms-flex-wrap: wrap-reverse;\n flex-wrap: wrap-reverse;\n }\n\n .desktop\\:flex-items-start {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: start;\n }\n\n .desktop\\:flex-items-center {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n\n .desktop\\:flex-items-end {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: end;\n }\n\n .desktop\\:flex-items-baseline {\n -webkit-box-align: baseline;\n -ms-flex-align: baseline;\n align-items: baseline;\n }\n\n .desktop\\:flex-content-start {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: start;\n }\n\n .desktop\\:flex-content-center {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n }\n\n .desktop\\:flex-content-end {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: end;\n }\n\n .desktop\\:flex-content-around {\n -ms-flex-pack: distribute;\n justify-content: space-around;\n }\n\n .desktop\\:flex-content-between {\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n }\n\n .desktop\\:flex-content-evenly {\n -webkit-box-pack: space-evenly;\n -ms-flex-pack: space-evenly;\n justify-content: space-evenly;\n }\n}\n.align-start,\n.align-left {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n text-align: flex-start;\n}\n.align-center {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n text-align: center;\n}\n.align-end,\n.align-right {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n text-align: flex-end;\n}\n.align-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n.align-middle {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.align-bottom {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n}\n.align-stretch {\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n}\n.align-around {\n -ms-flex-pack: distribute;\n justify-content: space-around;\n}\n.align-between {\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n@media (min-width: 48rem) {\n .tablet\\:align-start,\n .tablet\\:align-left {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n text-align: flex-start;\n }\n\n .tablet\\:align-center {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n text-align: center;\n }\n\n .tablet\\:align-end,\n .tablet\\:align-right {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n text-align: flex-end;\n }\n\n .tablet\\:align-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n }\n\n .tablet\\:align-middle {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n\n .tablet\\:align-bottom {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n }\n\n .tablet\\:align-around {\n -ms-flex-pack: distribute;\n justify-content: space-around;\n }\n\n .tablet\\:align-between {\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n }\n}\n@media (min-width: 64rem) {\n .laptop\\:align-start,\n .laptop\\:align-left {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n text-align: flex-start;\n }\n\n .laptop\\:align-center {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n text-align: center;\n }\n\n .laptop\\:align-end,\n .laptop\\:align-right {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n text-align: flex-end;\n }\n\n .laptop\\:align-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n }\n\n .laptop\\:align-middle {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n\n .laptop\\:align-bottom {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n }\n\n .laptop\\:align-around {\n -ms-flex-pack: distribute;\n justify-content: space-around;\n }\n\n .laptop\\:align-between {\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n }\n}\n@media (min-width: 96rem) {\n .desktop\\:align-start,\n .desktop\\:align-left {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n text-align: flex-start;\n }\n\n .desktop\\:align-center {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n text-align: center;\n }\n\n .desktop\\:align-end,\n .desktop\\:align-right {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n text-align: flex-end;\n }\n\n .desktop\\:align-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n }\n\n .desktop\\:align-middle {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n\n .desktop\\:align-bottom {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n }\n\n .desktop\\:align-around {\n -ms-flex-pack: distribute;\n justify-content: space-around;\n }\n\n .desktop\\:align-between {\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n }\n}\n.object-contain {\n -o-object-fit: contain;\n object-fit: contain;\n}\n.object-cover {\n -o-object-fit: cover;\n object-fit: cover;\n}\n.object-fill {\n -o-object-fit: fill;\n object-fit: fill;\n}\n.object-none {\n -o-object-fit: none;\n object-fit: none;\n}\n.object-scale-down {\n -o-object-fit: scale-down;\n object-fit: scale-down;\n}\n@media (min-width: 48rem) {\n .tablet\\:object-contain {\n -o-object-fit: contain;\n object-fit: contain;\n }\n\n .tablet\\:object-cover {\n -o-object-fit: cover;\n object-fit: cover;\n }\n\n .tablet\\:object-fill {\n -o-object-fit: fill;\n object-fit: fill;\n }\n\n .tablet\\:object-none {\n -o-object-fit: none;\n object-fit: none;\n }\n\n .tablet\\:object-scale-down {\n -o-object-fit: scale-down;\n object-fit: scale-down;\n }\n}\n@media (min-width: 64rem) {\n .laptop\\:object-contain {\n -o-object-fit: contain;\n object-fit: contain;\n }\n\n .laptop\\:object-cover {\n -o-object-fit: cover;\n object-fit: cover;\n }\n\n .laptop\\:object-fill {\n -o-object-fit: fill;\n object-fit: fill;\n }\n\n .laptop\\:object-none {\n -o-object-fit: none;\n object-fit: none;\n }\n\n .laptop\\:object-scale-down {\n -o-object-fit: scale-down;\n object-fit: scale-down;\n }\n}\n@media (min-width: 96rem) {\n .desktop\\:object-contain {\n -o-object-fit: contain;\n object-fit: contain;\n }\n\n .desktop\\:object-cover {\n -o-object-fit: cover;\n object-fit: cover;\n }\n\n .desktop\\:object-fill {\n -o-object-fit: fill;\n object-fit: fill;\n }\n\n .desktop\\:object-none {\n -o-object-fit: none;\n object-fit: none;\n }\n\n .desktop\\:object-scale-down {\n -o-object-fit: scale-down;\n object-fit: scale-down;\n }\n}\n/* spacing - margins */\n.margin-7xs {\n margin: calc(1em * 1 / 16) !important;\n margin: var(--spacing-7xs) !important;\n }\n.margin-top-7xs {\n margin-top: calc(1em * 1 / 16) !important;\n margin-top: var(--spacing-7xs) !important;\n }\n.margin-right-7xs {\n margin-right: calc(1em * 1 / 16) !important;\n margin-right: var(--spacing-7xs) !important;\n }\n.margin-bottom-7xs {\n margin-bottom: calc(1em * 1 / 16) !important;\n margin-bottom: var(--spacing-7xs) !important;\n }\n.margin-left-7xs {\n margin-left: calc(1em * 1 / 16) !important;\n margin-left: var(--spacing-7xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-7xs {\n margin-right: calc(1em * 1 / 16) !important;\n margin-right: var(--spacing-7xs) !important;\n margin-left: calc(1em * 1 / 16) !important;\n margin-left: var(--spacing-7xs) !important;\n }\n.margin-x-7xs {\n margin-right: calc(1em * 1 / 16) !important;\n margin-right: var(--spacing-7xs) !important;\n margin-left: calc(1em * 1 / 16) !important;\n margin-left: var(--spacing-7xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-7xs {\n margin-top: calc(1em * 1 / 16) !important;\n margin-top: var(--spacing-7xs) !important;\n margin-bottom: calc(1em * 1 / 16) !important;\n margin-bottom: var(--spacing-7xs) !important;\n }\n.margin-y-7xs {\n margin-top: calc(1em * 1 / 16) !important;\n margin-top: var(--spacing-7xs) !important;\n margin-bottom: calc(1em * 1 / 16) !important;\n margin-bottom: var(--spacing-7xs) !important;\n }\n.margin-6xs {\n margin: calc(1em * 2 / 16) !important;\n margin: var(--spacing-6xs) !important;\n }\n.margin-top-6xs {\n margin-top: calc(1em * 2 / 16) !important;\n margin-top: var(--spacing-6xs) !important;\n }\n.margin-right-6xs {\n margin-right: calc(1em * 2 / 16) !important;\n margin-right: var(--spacing-6xs) !important;\n }\n.margin-bottom-6xs {\n margin-bottom: calc(1em * 2 / 16) !important;\n margin-bottom: var(--spacing-6xs) !important;\n }\n.margin-left-6xs {\n margin-left: calc(1em * 2 / 16) !important;\n margin-left: var(--spacing-6xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-6xs {\n margin-right: calc(1em * 2 / 16) !important;\n margin-right: var(--spacing-6xs) !important;\n margin-left: calc(1em * 2 / 16) !important;\n margin-left: var(--spacing-6xs) !important;\n }\n.margin-x-6xs {\n margin-right: calc(1em * 2 / 16) !important;\n margin-right: var(--spacing-6xs) !important;\n margin-left: calc(1em * 2 / 16) !important;\n margin-left: var(--spacing-6xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-6xs {\n margin-top: calc(1em * 2 / 16) !important;\n margin-top: var(--spacing-6xs) !important;\n margin-bottom: calc(1em * 2 / 16) !important;\n margin-bottom: var(--spacing-6xs) !important;\n }\n.margin-y-6xs {\n margin-top: calc(1em * 2 / 16) !important;\n margin-top: var(--spacing-6xs) !important;\n margin-bottom: calc(1em * 2 / 16) !important;\n margin-bottom: var(--spacing-6xs) !important;\n }\n.margin-5xs {\n margin: calc(1em * 3 / 16) !important;\n margin: var(--spacing-5xs) !important;\n }\n.margin-top-5xs {\n margin-top: calc(1em * 3 / 16) !important;\n margin-top: var(--spacing-5xs) !important;\n }\n.margin-right-5xs {\n margin-right: calc(1em * 3 / 16) !important;\n margin-right: var(--spacing-5xs) !important;\n }\n.margin-bottom-5xs {\n margin-bottom: calc(1em * 3 / 16) !important;\n margin-bottom: var(--spacing-5xs) !important;\n }\n.margin-left-5xs {\n margin-left: calc(1em * 3 / 16) !important;\n margin-left: var(--spacing-5xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-5xs {\n margin-right: calc(1em * 3 / 16) !important;\n margin-right: var(--spacing-5xs) !important;\n margin-left: calc(1em * 3 / 16) !important;\n margin-left: var(--spacing-5xs) !important;\n }\n.margin-x-5xs {\n margin-right: calc(1em * 3 / 16) !important;\n margin-right: var(--spacing-5xs) !important;\n margin-left: calc(1em * 3 / 16) !important;\n margin-left: var(--spacing-5xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-5xs {\n margin-top: calc(1em * 3 / 16) !important;\n margin-top: var(--spacing-5xs) !important;\n margin-bottom: calc(1em * 3 / 16) !important;\n margin-bottom: var(--spacing-5xs) !important;\n }\n.margin-y-5xs {\n margin-top: calc(1em * 3 / 16) !important;\n margin-top: var(--spacing-5xs) !important;\n margin-bottom: calc(1em * 3 / 16) !important;\n margin-bottom: var(--spacing-5xs) !important;\n }\n.margin-4xs {\n margin: calc(1em * 4 / 16) !important;\n margin: var(--spacing-4xs) !important;\n }\n.margin-top-4xs {\n margin-top: calc(1em * 4 / 16) !important;\n margin-top: var(--spacing-4xs) !important;\n }\n.margin-right-4xs {\n margin-right: calc(1em * 4 / 16) !important;\n margin-right: var(--spacing-4xs) !important;\n }\n.margin-bottom-4xs {\n margin-bottom: calc(1em * 4 / 16) !important;\n margin-bottom: var(--spacing-4xs) !important;\n }\n.margin-left-4xs {\n margin-left: calc(1em * 4 / 16) !important;\n margin-left: var(--spacing-4xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-4xs {\n margin-right: calc(1em * 4 / 16) !important;\n margin-right: var(--spacing-4xs) !important;\n margin-left: calc(1em * 4 / 16) !important;\n margin-left: var(--spacing-4xs) !important;\n }\n.margin-x-4xs {\n margin-right: calc(1em * 4 / 16) !important;\n margin-right: var(--spacing-4xs) !important;\n margin-left: calc(1em * 4 / 16) !important;\n margin-left: var(--spacing-4xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-4xs {\n margin-top: calc(1em * 4 / 16) !important;\n margin-top: var(--spacing-4xs) !important;\n margin-bottom: calc(1em * 4 / 16) !important;\n margin-bottom: var(--spacing-4xs) !important;\n }\n.margin-y-4xs {\n margin-top: calc(1em * 4 / 16) !important;\n margin-top: var(--spacing-4xs) !important;\n margin-bottom: calc(1em * 4 / 16) !important;\n margin-bottom: var(--spacing-4xs) !important;\n }\n.margin-3xs {\n margin: calc(1em * 6 / 16) !important;\n margin: var(--spacing-3xs) !important;\n }\n.margin-top-3xs {\n margin-top: calc(1em * 6 / 16) !important;\n margin-top: var(--spacing-3xs) !important;\n }\n.margin-right-3xs {\n margin-right: calc(1em * 6 / 16) !important;\n margin-right: var(--spacing-3xs) !important;\n }\n.margin-bottom-3xs {\n margin-bottom: calc(1em * 6 / 16) !important;\n margin-bottom: var(--spacing-3xs) !important;\n }\n.margin-left-3xs {\n margin-left: calc(1em * 6 / 16) !important;\n margin-left: var(--spacing-3xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-3xs {\n margin-right: calc(1em * 6 / 16) !important;\n margin-right: var(--spacing-3xs) !important;\n margin-left: calc(1em * 6 / 16) !important;\n margin-left: var(--spacing-3xs) !important;\n }\n.margin-x-3xs {\n margin-right: calc(1em * 6 / 16) !important;\n margin-right: var(--spacing-3xs) !important;\n margin-left: calc(1em * 6 / 16) !important;\n margin-left: var(--spacing-3xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-3xs {\n margin-top: calc(1em * 6 / 16) !important;\n margin-top: var(--spacing-3xs) !important;\n margin-bottom: calc(1em * 6 / 16) !important;\n margin-bottom: var(--spacing-3xs) !important;\n }\n.margin-y-3xs {\n margin-top: calc(1em * 6 / 16) !important;\n margin-top: var(--spacing-3xs) !important;\n margin-bottom: calc(1em * 6 / 16) !important;\n margin-bottom: var(--spacing-3xs) !important;\n }\n.margin-2xs {\n margin: calc(1em * 8 / 16) !important;\n margin: var(--spacing-2xs) !important;\n }\n.margin-top-2xs {\n margin-top: calc(1em * 8 / 16) !important;\n margin-top: var(--spacing-2xs) !important;\n }\n.margin-right-2xs {\n margin-right: calc(1em * 8 / 16) !important;\n margin-right: var(--spacing-2xs) !important;\n }\n.margin-bottom-2xs {\n margin-bottom: calc(1em * 8 / 16) !important;\n margin-bottom: var(--spacing-2xs) !important;\n }\n.margin-left-2xs {\n margin-left: calc(1em * 8 / 16) !important;\n margin-left: var(--spacing-2xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-2xs {\n margin-right: calc(1em * 8 / 16) !important;\n margin-right: var(--spacing-2xs) !important;\n margin-left: calc(1em * 8 / 16) !important;\n margin-left: var(--spacing-2xs) !important;\n }\n.margin-x-2xs {\n margin-right: calc(1em * 8 / 16) !important;\n margin-right: var(--spacing-2xs) !important;\n margin-left: calc(1em * 8 / 16) !important;\n margin-left: var(--spacing-2xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-2xs {\n margin-top: calc(1em * 8 / 16) !important;\n margin-top: var(--spacing-2xs) !important;\n margin-bottom: calc(1em * 8 / 16) !important;\n margin-bottom: var(--spacing-2xs) !important;\n }\n.margin-y-2xs {\n margin-top: calc(1em * 8 / 16) !important;\n margin-top: var(--spacing-2xs) !important;\n margin-bottom: calc(1em * 8 / 16) !important;\n margin-bottom: var(--spacing-2xs) !important;\n }\n.margin-xs {\n margin: calc(1em * 10 / 16) !important;\n margin: var(--spacing-xs) !important;\n }\n.margin-top-xs {\n margin-top: calc(1em * 10 / 16) !important;\n margin-top: var(--spacing-xs) !important;\n }\n.margin-right-xs {\n margin-right: calc(1em * 10 / 16) !important;\n margin-right: var(--spacing-xs) !important;\n }\n.margin-bottom-xs {\n margin-bottom: calc(1em * 10 / 16) !important;\n margin-bottom: var(--spacing-xs) !important;\n }\n.margin-left-xs {\n margin-left: calc(1em * 10 / 16) !important;\n margin-left: var(--spacing-xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-xs {\n margin-right: calc(1em * 10 / 16) !important;\n margin-right: var(--spacing-xs) !important;\n margin-left: calc(1em * 10 / 16) !important;\n margin-left: var(--spacing-xs) !important;\n }\n.margin-x-xs {\n margin-right: calc(1em * 10 / 16) !important;\n margin-right: var(--spacing-xs) !important;\n margin-left: calc(1em * 10 / 16) !important;\n margin-left: var(--spacing-xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-xs {\n margin-top: calc(1em * 10 / 16) !important;\n margin-top: var(--spacing-xs) !important;\n margin-bottom: calc(1em * 10 / 16) !important;\n margin-bottom: var(--spacing-xs) !important;\n }\n.margin-y-xs {\n margin-top: calc(1em * 10 / 16) !important;\n margin-top: var(--spacing-xs) !important;\n margin-bottom: calc(1em * 10 / 16) !important;\n margin-bottom: var(--spacing-xs) !important;\n }\n.margin-sm {\n margin: calc(1em * 12 / 16) !important;\n margin: var(--spacing-sm) !important;\n }\n.margin-top-sm {\n margin-top: calc(1em * 12 / 16) !important;\n margin-top: var(--spacing-sm) !important;\n }\n.margin-right-sm {\n margin-right: calc(1em * 12 / 16) !important;\n margin-right: var(--spacing-sm) !important;\n }\n.margin-bottom-sm {\n margin-bottom: calc(1em * 12 / 16) !important;\n margin-bottom: var(--spacing-sm) !important;\n }\n.margin-left-sm {\n margin-left: calc(1em * 12 / 16) !important;\n margin-left: var(--spacing-sm) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-sm {\n margin-right: calc(1em * 12 / 16) !important;\n margin-right: var(--spacing-sm) !important;\n margin-left: calc(1em * 12 / 16) !important;\n margin-left: var(--spacing-sm) !important;\n }\n.margin-x-sm {\n margin-right: calc(1em * 12 / 16) !important;\n margin-right: var(--spacing-sm) !important;\n margin-left: calc(1em * 12 / 16) !important;\n margin-left: var(--spacing-sm) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-sm {\n margin-top: calc(1em * 12 / 16) !important;\n margin-top: var(--spacing-sm) !important;\n margin-bottom: calc(1em * 12 / 16) !important;\n margin-bottom: var(--spacing-sm) !important;\n }\n.margin-y-sm {\n margin-top: calc(1em * 12 / 16) !important;\n margin-top: var(--spacing-sm) !important;\n margin-bottom: calc(1em * 12 / 16) !important;\n margin-bottom: var(--spacing-sm) !important;\n }\n.margin-md {\n margin: calc(1em * 1) !important;\n margin: var(--spacing-md) !important;\n }\n.margin-top-md {\n margin-top: calc(1em * 1) !important;\n margin-top: var(--spacing-md) !important;\n }\n.margin-right-md {\n margin-right: calc(1em * 1) !important;\n margin-right: var(--spacing-md) !important;\n }\n.margin-bottom-md {\n margin-bottom: calc(1em * 1) !important;\n margin-bottom: var(--spacing-md) !important;\n }\n.margin-left-md {\n margin-left: calc(1em * 1) !important;\n margin-left: var(--spacing-md) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-md {\n margin-right: calc(1em * 1) !important;\n margin-right: var(--spacing-md) !important;\n margin-left: calc(1em * 1) !important;\n margin-left: var(--spacing-md) !important;\n }\n.margin-x-md {\n margin-right: calc(1em * 1) !important;\n margin-right: var(--spacing-md) !important;\n margin-left: calc(1em * 1) !important;\n margin-left: var(--spacing-md) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-md {\n margin-top: calc(1em * 1) !important;\n margin-top: var(--spacing-md) !important;\n margin-bottom: calc(1em * 1) !important;\n margin-bottom: var(--spacing-md) !important;\n }\n.margin-y-md {\n margin-top: calc(1em * 1) !important;\n margin-top: var(--spacing-md) !important;\n margin-bottom: calc(1em * 1) !important;\n margin-bottom: var(--spacing-md) !important;\n }\n.margin-lg {\n margin: calc(1em * 1.25) !important;\n margin: var(--spacing-lg) !important;\n }\n.margin-top-lg {\n margin-top: calc(1em * 1.25) !important;\n margin-top: var(--spacing-lg) !important;\n }\n.margin-right-lg {\n margin-right: calc(1em * 1.25) !important;\n margin-right: var(--spacing-lg) !important;\n }\n.margin-bottom-lg {\n margin-bottom: calc(1em * 1.25) !important;\n margin-bottom: var(--spacing-lg) !important;\n }\n.margin-left-lg {\n margin-left: calc(1em * 1.25) !important;\n margin-left: var(--spacing-lg) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-lg {\n margin-right: calc(1em * 1.25) !important;\n margin-right: var(--spacing-lg) !important;\n margin-left: calc(1em * 1.25) !important;\n margin-left: var(--spacing-lg) !important;\n }\n.margin-x-lg {\n margin-right: calc(1em * 1.25) !important;\n margin-right: var(--spacing-lg) !important;\n margin-left: calc(1em * 1.25) !important;\n margin-left: var(--spacing-lg) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-lg {\n margin-top: calc(1em * 1.25) !important;\n margin-top: var(--spacing-lg) !important;\n margin-bottom: calc(1em * 1.25) !important;\n margin-bottom: var(--spacing-lg) !important;\n }\n.margin-y-lg {\n margin-top: calc(1em * 1.25) !important;\n margin-top: var(--spacing-lg) !important;\n margin-bottom: calc(1em * 1.25) !important;\n margin-bottom: var(--spacing-lg) !important;\n }\n.margin-xl {\n margin: calc(1em * 1.5) !important;\n margin: var(--spacing-xl) !important;\n }\n.margin-top-xl {\n margin-top: calc(1em * 1.5) !important;\n margin-top: var(--spacing-xl) !important;\n }\n.margin-right-xl {\n margin-right: calc(1em * 1.5) !important;\n margin-right: var(--spacing-xl) !important;\n }\n.margin-bottom-xl {\n margin-bottom: calc(1em * 1.5) !important;\n margin-bottom: var(--spacing-xl) !important;\n }\n.margin-left-xl {\n margin-left: calc(1em * 1.5) !important;\n margin-left: var(--spacing-xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-xl {\n margin-right: calc(1em * 1.5) !important;\n margin-right: var(--spacing-xl) !important;\n margin-left: calc(1em * 1.5) !important;\n margin-left: var(--spacing-xl) !important;\n }\n.margin-x-xl {\n margin-right: calc(1em * 1.5) !important;\n margin-right: var(--spacing-xl) !important;\n margin-left: calc(1em * 1.5) !important;\n margin-left: var(--spacing-xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-xl {\n margin-top: calc(1em * 1.5) !important;\n margin-top: var(--spacing-xl) !important;\n margin-bottom: calc(1em * 1.5) !important;\n margin-bottom: var(--spacing-xl) !important;\n }\n.margin-y-xl {\n margin-top: calc(1em * 1.5) !important;\n margin-top: var(--spacing-xl) !important;\n margin-bottom: calc(1em * 1.5) !important;\n margin-bottom: var(--spacing-xl) !important;\n }\n.margin-2xl {\n margin: calc(1em * 2) !important;\n margin: var(--spacing-2xl) !important;\n }\n.margin-top-2xl {\n margin-top: calc(1em * 2) !important;\n margin-top: var(--spacing-2xl) !important;\n }\n.margin-right-2xl {\n margin-right: calc(1em * 2) !important;\n margin-right: var(--spacing-2xl) !important;\n }\n.margin-bottom-2xl {\n margin-bottom: calc(1em * 2) !important;\n margin-bottom: var(--spacing-2xl) !important;\n }\n.margin-left-2xl {\n margin-left: calc(1em * 2) !important;\n margin-left: var(--spacing-2xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-2xl {\n margin-right: calc(1em * 2) !important;\n margin-right: var(--spacing-2xl) !important;\n margin-left: calc(1em * 2) !important;\n margin-left: var(--spacing-2xl) !important;\n }\n.margin-x-2xl {\n margin-right: calc(1em * 2) !important;\n margin-right: var(--spacing-2xl) !important;\n margin-left: calc(1em * 2) !important;\n margin-left: var(--spacing-2xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-2xl {\n margin-top: calc(1em * 2) !important;\n margin-top: var(--spacing-2xl) !important;\n margin-bottom: calc(1em * 2) !important;\n margin-bottom: var(--spacing-2xl) !important;\n }\n.margin-y-2xl {\n margin-top: calc(1em * 2) !important;\n margin-top: var(--spacing-2xl) !important;\n margin-bottom: calc(1em * 2) !important;\n margin-bottom: var(--spacing-2xl) !important;\n }\n.margin-3xl {\n margin: calc(1em * 2.5) !important;\n margin: var(--spacing-3xl) !important;\n }\n.margin-top-3xl {\n margin-top: calc(1em * 2.5) !important;\n margin-top: var(--spacing-3xl) !important;\n }\n.margin-right-3xl {\n margin-right: calc(1em * 2.5) !important;\n margin-right: var(--spacing-3xl) !important;\n }\n.margin-bottom-3xl {\n margin-bottom: calc(1em * 2.5) !important;\n margin-bottom: var(--spacing-3xl) !important;\n }\n.margin-left-3xl {\n margin-left: calc(1em * 2.5) !important;\n margin-left: var(--spacing-3xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-3xl {\n margin-right: calc(1em * 2.5) !important;\n margin-right: var(--spacing-3xl) !important;\n margin-left: calc(1em * 2.5) !important;\n margin-left: var(--spacing-3xl) !important;\n }\n.margin-x-3xl {\n margin-right: calc(1em * 2.5) !important;\n margin-right: var(--spacing-3xl) !important;\n margin-left: calc(1em * 2.5) !important;\n margin-left: var(--spacing-3xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-3xl {\n margin-top: calc(1em * 2.5) !important;\n margin-top: var(--spacing-3xl) !important;\n margin-bottom: calc(1em * 2.5) !important;\n margin-bottom: var(--spacing-3xl) !important;\n }\n.margin-y-3xl {\n margin-top: calc(1em * 2.5) !important;\n margin-top: var(--spacing-3xl) !important;\n margin-bottom: calc(1em * 2.5) !important;\n margin-bottom: var(--spacing-3xl) !important;\n }\n.margin-4xl {\n margin: calc(1em * 3) !important;\n margin: var(--spacing-4xl) !important;\n }\n.margin-top-4xl {\n margin-top: calc(1em * 3) !important;\n margin-top: var(--spacing-4xl) !important;\n }\n.margin-right-4xl {\n margin-right: calc(1em * 3) !important;\n margin-right: var(--spacing-4xl) !important;\n }\n.margin-bottom-4xl {\n margin-bottom: calc(1em * 3) !important;\n margin-bottom: var(--spacing-4xl) !important;\n }\n.margin-left-4xl {\n margin-left: calc(1em * 3) !important;\n margin-left: var(--spacing-4xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-4xl {\n margin-right: calc(1em * 3) !important;\n margin-right: var(--spacing-4xl) !important;\n margin-left: calc(1em * 3) !important;\n margin-left: var(--spacing-4xl) !important;\n }\n.margin-x-4xl {\n margin-right: calc(1em * 3) !important;\n margin-right: var(--spacing-4xl) !important;\n margin-left: calc(1em * 3) !important;\n margin-left: var(--spacing-4xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-4xl {\n margin-top: calc(1em * 3) !important;\n margin-top: var(--spacing-4xl) !important;\n margin-bottom: calc(1em * 3) !important;\n margin-bottom: var(--spacing-4xl) !important;\n }\n.margin-y-4xl {\n margin-top: calc(1em * 3) !important;\n margin-top: var(--spacing-4xl) !important;\n margin-bottom: calc(1em * 3) !important;\n margin-bottom: var(--spacing-4xl) !important;\n }\n.margin-5xl {\n margin: calc(1em * 4) !important;\n margin: var(--spacing-5xl) !important;\n }\n.margin-top-5xl {\n margin-top: calc(1em * 4) !important;\n margin-top: var(--spacing-5xl) !important;\n }\n.margin-right-5xl {\n margin-right: calc(1em * 4) !important;\n margin-right: var(--spacing-5xl) !important;\n }\n.margin-bottom-5xl {\n margin-bottom: calc(1em * 4) !important;\n margin-bottom: var(--spacing-5xl) !important;\n }\n.margin-left-5xl {\n margin-left: calc(1em * 4) !important;\n margin-left: var(--spacing-5xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-5xl {\n margin-right: calc(1em * 4) !important;\n margin-right: var(--spacing-5xl) !important;\n margin-left: calc(1em * 4) !important;\n margin-left: var(--spacing-5xl) !important;\n }\n.margin-x-5xl {\n margin-right: calc(1em * 4) !important;\n margin-right: var(--spacing-5xl) !important;\n margin-left: calc(1em * 4) !important;\n margin-left: var(--spacing-5xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-5xl {\n margin-top: calc(1em * 4) !important;\n margin-top: var(--spacing-5xl) !important;\n margin-bottom: calc(1em * 4) !important;\n margin-bottom: var(--spacing-5xl) !important;\n }\n.margin-y-5xl {\n margin-top: calc(1em * 4) !important;\n margin-top: var(--spacing-5xl) !important;\n margin-bottom: calc(1em * 4) !important;\n margin-bottom: var(--spacing-5xl) !important;\n }\n.margin-6xl {\n margin: calc(1em * 5) !important;\n margin: var(--spacing-6xl) !important;\n }\n.margin-top-6xl {\n margin-top: calc(1em * 5) !important;\n margin-top: var(--spacing-6xl) !important;\n }\n.margin-right-6xl {\n margin-right: calc(1em * 5) !important;\n margin-right: var(--spacing-6xl) !important;\n }\n.margin-bottom-6xl {\n margin-bottom: calc(1em * 5) !important;\n margin-bottom: var(--spacing-6xl) !important;\n }\n.margin-left-6xl {\n margin-left: calc(1em * 5) !important;\n margin-left: var(--spacing-6xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-6xl {\n margin-right: calc(1em * 5) !important;\n margin-right: var(--spacing-6xl) !important;\n margin-left: calc(1em * 5) !important;\n margin-left: var(--spacing-6xl) !important;\n }\n.margin-x-6xl {\n margin-right: calc(1em * 5) !important;\n margin-right: var(--spacing-6xl) !important;\n margin-left: calc(1em * 5) !important;\n margin-left: var(--spacing-6xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-6xl {\n margin-top: calc(1em * 5) !important;\n margin-top: var(--spacing-6xl) !important;\n margin-bottom: calc(1em * 5) !important;\n margin-bottom: var(--spacing-6xl) !important;\n }\n.margin-y-6xl {\n margin-top: calc(1em * 5) !important;\n margin-top: var(--spacing-6xl) !important;\n margin-bottom: calc(1em * 5) !important;\n margin-bottom: var(--spacing-6xl) !important;\n }\n.margin-7xl {\n margin: calc(1em * 6) !important;\n margin: var(--spacing-7xl) !important;\n }\n.margin-top-7xl {\n margin-top: calc(1em * 6) !important;\n margin-top: var(--spacing-7xl) !important;\n }\n.margin-right-7xl {\n margin-right: calc(1em * 6) !important;\n margin-right: var(--spacing-7xl) !important;\n }\n.margin-bottom-7xl {\n margin-bottom: calc(1em * 6) !important;\n margin-bottom: var(--spacing-7xl) !important;\n }\n.margin-left-7xl {\n margin-left: calc(1em * 6) !important;\n margin-left: var(--spacing-7xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-7xl {\n margin-right: calc(1em * 6) !important;\n margin-right: var(--spacing-7xl) !important;\n margin-left: calc(1em * 6) !important;\n margin-left: var(--spacing-7xl) !important;\n }\n.margin-x-7xl {\n margin-right: calc(1em * 6) !important;\n margin-right: var(--spacing-7xl) !important;\n margin-left: calc(1em * 6) !important;\n margin-left: var(--spacing-7xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-7xl {\n margin-top: calc(1em * 6) !important;\n margin-top: var(--spacing-7xl) !important;\n margin-bottom: calc(1em * 6) !important;\n margin-bottom: var(--spacing-7xl) !important;\n }\n.margin-y-7xl {\n margin-top: calc(1em * 6) !important;\n margin-top: var(--spacing-7xl) !important;\n margin-bottom: calc(1em * 6) !important;\n margin-bottom: var(--spacing-7xl) !important;\n }\n.margin-8xl {\n margin: calc(1em * 8) !important;\n margin: var(--spacing-8xl) !important;\n }\n.margin-top-8xl {\n margin-top: calc(1em * 8) !important;\n margin-top: var(--spacing-8xl) !important;\n }\n.margin-right-8xl {\n margin-right: calc(1em * 8) !important;\n margin-right: var(--spacing-8xl) !important;\n }\n.margin-bottom-8xl {\n margin-bottom: calc(1em * 8) !important;\n margin-bottom: var(--spacing-8xl) !important;\n }\n.margin-left-8xl {\n margin-left: calc(1em * 8) !important;\n margin-left: var(--spacing-8xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-8xl {\n margin-right: calc(1em * 8) !important;\n margin-right: var(--spacing-8xl) !important;\n margin-left: calc(1em * 8) !important;\n margin-left: var(--spacing-8xl) !important;\n }\n.margin-x-8xl {\n margin-right: calc(1em * 8) !important;\n margin-right: var(--spacing-8xl) !important;\n margin-left: calc(1em * 8) !important;\n margin-left: var(--spacing-8xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-8xl {\n margin-top: calc(1em * 8) !important;\n margin-top: var(--spacing-8xl) !important;\n margin-bottom: calc(1em * 8) !important;\n margin-bottom: var(--spacing-8xl) !important;\n }\n.margin-y-8xl {\n margin-top: calc(1em * 8) !important;\n margin-top: var(--spacing-8xl) !important;\n margin-bottom: calc(1em * 8) !important;\n margin-bottom: var(--spacing-8xl) !important;\n }\n.margin-9xl {\n margin: calc(1em * 10) !important;\n margin: var(--spacing-9xl) !important;\n }\n.margin-top-9xl {\n margin-top: calc(1em * 10) !important;\n margin-top: var(--spacing-9xl) !important;\n }\n.margin-right-9xl {\n margin-right: calc(1em * 10) !important;\n margin-right: var(--spacing-9xl) !important;\n }\n.margin-bottom-9xl {\n margin-bottom: calc(1em * 10) !important;\n margin-bottom: var(--spacing-9xl) !important;\n }\n.margin-left-9xl {\n margin-left: calc(1em * 10) !important;\n margin-left: var(--spacing-9xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-9xl {\n margin-right: calc(1em * 10) !important;\n margin-right: var(--spacing-9xl) !important;\n margin-left: calc(1em * 10) !important;\n margin-left: var(--spacing-9xl) !important;\n }\n.margin-x-9xl {\n margin-right: calc(1em * 10) !important;\n margin-right: var(--spacing-9xl) !important;\n margin-left: calc(1em * 10) !important;\n margin-left: var(--spacing-9xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-9xl {\n margin-top: calc(1em * 10) !important;\n margin-top: var(--spacing-9xl) !important;\n margin-bottom: calc(1em * 10) !important;\n margin-bottom: var(--spacing-9xl) !important;\n }\n.margin-y-9xl {\n margin-top: calc(1em * 10) !important;\n margin-top: var(--spacing-9xl) !important;\n margin-bottom: calc(1em * 10) !important;\n margin-bottom: var(--spacing-9xl) !important;\n }\n.margin-10xl {\n margin: calc(1em * 12) !important;\n margin: var(--spacing-10xl) !important;\n }\n.margin-top-10xl {\n margin-top: calc(1em * 12) !important;\n margin-top: var(--spacing-10xl) !important;\n }\n.margin-right-10xl {\n margin-right: calc(1em * 12) !important;\n margin-right: var(--spacing-10xl) !important;\n }\n.margin-bottom-10xl {\n margin-bottom: calc(1em * 12) !important;\n margin-bottom: var(--spacing-10xl) !important;\n }\n.margin-left-10xl {\n margin-left: calc(1em * 12) !important;\n margin-left: var(--spacing-10xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-10xl {\n margin-right: calc(1em * 12) !important;\n margin-right: var(--spacing-10xl) !important;\n margin-left: calc(1em * 12) !important;\n margin-left: var(--spacing-10xl) !important;\n }\n.margin-x-10xl {\n margin-right: calc(1em * 12) !important;\n margin-right: var(--spacing-10xl) !important;\n margin-left: calc(1em * 12) !important;\n margin-left: var(--spacing-10xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-10xl {\n margin-top: calc(1em * 12) !important;\n margin-top: var(--spacing-10xl) !important;\n margin-bottom: calc(1em * 12) !important;\n margin-bottom: var(--spacing-10xl) !important;\n }\n.margin-y-10xl {\n margin-top: calc(1em * 12) !important;\n margin-top: var(--spacing-10xl) !important;\n margin-bottom: calc(1em * 12) !important;\n margin-bottom: var(--spacing-10xl) !important;\n }\n.margin-11xl {\n margin: calc(1em * 16) !important;\n margin: var(--spacing-11xl) !important;\n }\n.margin-top-11xl {\n margin-top: calc(1em * 16) !important;\n margin-top: var(--spacing-11xl) !important;\n }\n.margin-right-11xl {\n margin-right: calc(1em * 16) !important;\n margin-right: var(--spacing-11xl) !important;\n }\n.margin-bottom-11xl {\n margin-bottom: calc(1em * 16) !important;\n margin-bottom: var(--spacing-11xl) !important;\n }\n.margin-left-11xl {\n margin-left: calc(1em * 16) !important;\n margin-left: var(--spacing-11xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-11xl {\n margin-right: calc(1em * 16) !important;\n margin-right: var(--spacing-11xl) !important;\n margin-left: calc(1em * 16) !important;\n margin-left: var(--spacing-11xl) !important;\n }\n.margin-x-11xl {\n margin-right: calc(1em * 16) !important;\n margin-right: var(--spacing-11xl) !important;\n margin-left: calc(1em * 16) !important;\n margin-left: var(--spacing-11xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-11xl {\n margin-top: calc(1em * 16) !important;\n margin-top: var(--spacing-11xl) !important;\n margin-bottom: calc(1em * 16) !important;\n margin-bottom: var(--spacing-11xl) !important;\n }\n.margin-y-11xl {\n margin-top: calc(1em * 16) !important;\n margin-top: var(--spacing-11xl) !important;\n margin-bottom: calc(1em * 16) !important;\n margin-bottom: var(--spacing-11xl) !important;\n }\n.margin-12xl {\n margin: calc(1em * 20) !important;\n margin: var(--spacing-12xl) !important;\n }\n.margin-top-12xl {\n margin-top: calc(1em * 20) !important;\n margin-top: var(--spacing-12xl) !important;\n }\n.margin-right-12xl {\n margin-right: calc(1em * 20) !important;\n margin-right: var(--spacing-12xl) !important;\n }\n.margin-bottom-12xl {\n margin-bottom: calc(1em * 20) !important;\n margin-bottom: var(--spacing-12xl) !important;\n }\n.margin-left-12xl {\n margin-left: calc(1em * 20) !important;\n margin-left: var(--spacing-12xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-12xl {\n margin-right: calc(1em * 20) !important;\n margin-right: var(--spacing-12xl) !important;\n margin-left: calc(1em * 20) !important;\n margin-left: var(--spacing-12xl) !important;\n }\n.margin-x-12xl {\n margin-right: calc(1em * 20) !important;\n margin-right: var(--spacing-12xl) !important;\n margin-left: calc(1em * 20) !important;\n margin-left: var(--spacing-12xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-12xl {\n margin-top: calc(1em * 20) !important;\n margin-top: var(--spacing-12xl) !important;\n margin-bottom: calc(1em * 20) !important;\n margin-bottom: var(--spacing-12xl) !important;\n }\n.margin-y-12xl {\n margin-top: calc(1em * 20) !important;\n margin-top: var(--spacing-12xl) !important;\n margin-bottom: calc(1em * 20) !important;\n margin-bottom: var(--spacing-12xl) !important;\n }\n.margin-0 {\n margin: 0 !important;\n margin: var(--spacing-0) !important;\n }\n.margin-top-0 {\n margin-top: 0 !important;\n margin-top: var(--spacing-0) !important;\n }\n.margin-right-0 {\n margin-right: 0 !important;\n margin-right: var(--spacing-0) !important;\n }\n.margin-bottom-0 {\n margin-bottom: 0 !important;\n margin-bottom: var(--spacing-0) !important;\n }\n.margin-left-0 {\n margin-left: 0 !important;\n margin-left: var(--spacing-0) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-0 {\n margin-right: 0 !important;\n margin-right: var(--spacing-0) !important;\n margin-left: 0 !important;\n margin-left: var(--spacing-0) !important;\n }\n.margin-x-0 {\n margin-right: 0 !important;\n margin-right: var(--spacing-0) !important;\n margin-left: 0 !important;\n margin-left: var(--spacing-0) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-0 {\n margin-top: 0 !important;\n margin-top: var(--spacing-0) !important;\n margin-bottom: 0 !important;\n margin-bottom: var(--spacing-0) !important;\n }\n.margin-y-0 {\n margin-top: 0 !important;\n margin-top: var(--spacing-0) !important;\n margin-bottom: 0 !important;\n margin-bottom: var(--spacing-0) !important;\n }\n.margin-1 {\n margin: calc(1em * 1 / 16) !important;\n margin: var(--spacing-1) !important;\n }\n.margin-top-1 {\n margin-top: calc(1em * 1 / 16) !important;\n margin-top: var(--spacing-1) !important;\n }\n.margin-right-1 {\n margin-right: calc(1em * 1 / 16) !important;\n margin-right: var(--spacing-1) !important;\n }\n.margin-bottom-1 {\n margin-bottom: calc(1em * 1 / 16) !important;\n margin-bottom: var(--spacing-1) !important;\n }\n.margin-left-1 {\n margin-left: calc(1em * 1 / 16) !important;\n margin-left: var(--spacing-1) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-1 {\n margin-right: calc(1em * 1 / 16) !important;\n margin-right: var(--spacing-1) !important;\n margin-left: calc(1em * 1 / 16) !important;\n margin-left: var(--spacing-1) !important;\n }\n.margin-x-1 {\n margin-right: calc(1em * 1 / 16) !important;\n margin-right: var(--spacing-1) !important;\n margin-left: calc(1em * 1 / 16) !important;\n margin-left: var(--spacing-1) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-1 {\n margin-top: calc(1em * 1 / 16) !important;\n margin-top: var(--spacing-1) !important;\n margin-bottom: calc(1em * 1 / 16) !important;\n margin-bottom: var(--spacing-1) !important;\n }\n.margin-y-1 {\n margin-top: calc(1em * 1 / 16) !important;\n margin-top: var(--spacing-1) !important;\n margin-bottom: calc(1em * 1 / 16) !important;\n margin-bottom: var(--spacing-1) !important;\n }\n.margin-1px {\n margin: 1px !important;\n margin: var(--spacing-1px) !important;\n }\n.margin-top-1px {\n margin-top: 1px !important;\n margin-top: var(--spacing-1px) !important;\n }\n.margin-right-1px {\n margin-right: 1px !important;\n margin-right: var(--spacing-1px) !important;\n }\n.margin-bottom-1px {\n margin-bottom: 1px !important;\n margin-bottom: var(--spacing-1px) !important;\n }\n.margin-left-1px {\n margin-left: 1px !important;\n margin-left: var(--spacing-1px) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-1px {\n margin-right: 1px !important;\n margin-right: var(--spacing-1px) !important;\n margin-left: 1px !important;\n margin-left: var(--spacing-1px) !important;\n }\n.margin-x-1px {\n margin-right: 1px !important;\n margin-right: var(--spacing-1px) !important;\n margin-left: 1px !important;\n margin-left: var(--spacing-1px) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-1px {\n margin-top: 1px !important;\n margin-top: var(--spacing-1px) !important;\n margin-bottom: 1px !important;\n margin-bottom: var(--spacing-1px) !important;\n }\n.margin-y-1px {\n margin-top: 1px !important;\n margin-top: var(--spacing-1px) !important;\n margin-bottom: 1px !important;\n margin-bottom: var(--spacing-1px) !important;\n }\n@media (min-width: 48rem) {\n .tablet\\:margin-7xs {\n margin: calc(1em * 1 / 16) !important;\n margin: var(--spacing-7xs) !important;\n }\n\n .tablet\\:margin-top-7xs {\n margin-top: calc(1em * 1 / 16) !important;\n margin-top: var(--spacing-7xs) !important;\n }\n\n .tablet\\:margin-right-7xs {\n margin-right: calc(1em * 1 / 16) !important;\n margin-right: var(--spacing-7xs) !important;\n }\n\n .tablet\\:margin-bottom-7xs {\n margin-bottom: calc(1em * 1 / 16) !important;\n margin-bottom: var(--spacing-7xs) !important;\n }\n\n .tablet\\:margin-left-7xs {\n margin-left: calc(1em * 1 / 16) !important;\n margin-left: var(--spacing-7xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-horizontal-7xs {\n margin-right: calc(1em * 1 / 16) !important;\n margin-right: var(--spacing-7xs) !important;\n margin-left: calc(1em * 1 / 16) !important;\n margin-left: var(--spacing-7xs) !important;\n }\n\n .tablet\\:margin-x-7xs {\n margin-right: calc(1em * 1 / 16) !important;\n margin-right: var(--spacing-7xs) !important;\n margin-left: calc(1em * 1 / 16) !important;\n margin-left: var(--spacing-7xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-vertical-7xs {\n margin-top: calc(1em * 1 / 16) !important;\n margin-top: var(--spacing-7xs) !important;\n margin-bottom: calc(1em * 1 / 16) !important;\n margin-bottom: var(--spacing-7xs) !important;\n }\n\n .tablet\\:margin-y-7xs {\n margin-top: calc(1em * 1 / 16) !important;\n margin-top: var(--spacing-7xs) !important;\n margin-bottom: calc(1em * 1 / 16) !important;\n margin-bottom: var(--spacing-7xs) !important;\n }\n .tablet\\:margin-6xs {\n margin: calc(1em * 2 / 16) !important;\n margin: var(--spacing-6xs) !important;\n }\n\n .tablet\\:margin-top-6xs {\n margin-top: calc(1em * 2 / 16) !important;\n margin-top: var(--spacing-6xs) !important;\n }\n\n .tablet\\:margin-right-6xs {\n margin-right: calc(1em * 2 / 16) !important;\n margin-right: var(--spacing-6xs) !important;\n }\n\n .tablet\\:margin-bottom-6xs {\n margin-bottom: calc(1em * 2 / 16) !important;\n margin-bottom: var(--spacing-6xs) !important;\n }\n\n .tablet\\:margin-left-6xs {\n margin-left: calc(1em * 2 / 16) !important;\n margin-left: var(--spacing-6xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-horizontal-6xs {\n margin-right: calc(1em * 2 / 16) !important;\n margin-right: var(--spacing-6xs) !important;\n margin-left: calc(1em * 2 / 16) !important;\n margin-left: var(--spacing-6xs) !important;\n }\n\n .tablet\\:margin-x-6xs {\n margin-right: calc(1em * 2 / 16) !important;\n margin-right: var(--spacing-6xs) !important;\n margin-left: calc(1em * 2 / 16) !important;\n margin-left: var(--spacing-6xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-vertical-6xs {\n margin-top: calc(1em * 2 / 16) !important;\n margin-top: var(--spacing-6xs) !important;\n margin-bottom: calc(1em * 2 / 16) !important;\n margin-bottom: var(--spacing-6xs) !important;\n }\n\n .tablet\\:margin-y-6xs {\n margin-top: calc(1em * 2 / 16) !important;\n margin-top: var(--spacing-6xs) !important;\n margin-bottom: calc(1em * 2 / 16) !important;\n margin-bottom: var(--spacing-6xs) !important;\n }\n .tablet\\:margin-5xs {\n margin: calc(1em * 3 / 16) !important;\n margin: var(--spacing-5xs) !important;\n }\n\n .tablet\\:margin-top-5xs {\n margin-top: calc(1em * 3 / 16) !important;\n margin-top: var(--spacing-5xs) !important;\n }\n\n .tablet\\:margin-right-5xs {\n margin-right: calc(1em * 3 / 16) !important;\n margin-right: var(--spacing-5xs) !important;\n }\n\n .tablet\\:margin-bottom-5xs {\n margin-bottom: calc(1em * 3 / 16) !important;\n margin-bottom: var(--spacing-5xs) !important;\n }\n\n .tablet\\:margin-left-5xs {\n margin-left: calc(1em * 3 / 16) !important;\n margin-left: var(--spacing-5xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-horizontal-5xs {\n margin-right: calc(1em * 3 / 16) !important;\n margin-right: var(--spacing-5xs) !important;\n margin-left: calc(1em * 3 / 16) !important;\n margin-left: var(--spacing-5xs) !important;\n }\n\n .tablet\\:margin-x-5xs {\n margin-right: calc(1em * 3 / 16) !important;\n margin-right: var(--spacing-5xs) !important;\n margin-left: calc(1em * 3 / 16) !important;\n margin-left: var(--spacing-5xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-vertical-5xs {\n margin-top: calc(1em * 3 / 16) !important;\n margin-top: var(--spacing-5xs) !important;\n margin-bottom: calc(1em * 3 / 16) !important;\n margin-bottom: var(--spacing-5xs) !important;\n }\n\n .tablet\\:margin-y-5xs {\n margin-top: calc(1em * 3 / 16) !important;\n margin-top: var(--spacing-5xs) !important;\n margin-bottom: calc(1em * 3 / 16) !important;\n margin-bottom: var(--spacing-5xs) !important;\n }\n .tablet\\:margin-4xs {\n margin: calc(1em * 4 / 16) !important;\n margin: var(--spacing-4xs) !important;\n }\n\n .tablet\\:margin-top-4xs {\n margin-top: calc(1em * 4 / 16) !important;\n margin-top: var(--spacing-4xs) !important;\n }\n\n .tablet\\:margin-right-4xs {\n margin-right: calc(1em * 4 / 16) !important;\n margin-right: var(--spacing-4xs) !important;\n }\n\n .tablet\\:margin-bottom-4xs {\n margin-bottom: calc(1em * 4 / 16) !important;\n margin-bottom: var(--spacing-4xs) !important;\n }\n\n .tablet\\:margin-left-4xs {\n margin-left: calc(1em * 4 / 16) !important;\n margin-left: var(--spacing-4xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-horizontal-4xs {\n margin-right: calc(1em * 4 / 16) !important;\n margin-right: var(--spacing-4xs) !important;\n margin-left: calc(1em * 4 / 16) !important;\n margin-left: var(--spacing-4xs) !important;\n }\n\n .tablet\\:margin-x-4xs {\n margin-right: calc(1em * 4 / 16) !important;\n margin-right: var(--spacing-4xs) !important;\n margin-left: calc(1em * 4 / 16) !important;\n margin-left: var(--spacing-4xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-vertical-4xs {\n margin-top: calc(1em * 4 / 16) !important;\n margin-top: var(--spacing-4xs) !important;\n margin-bottom: calc(1em * 4 / 16) !important;\n margin-bottom: var(--spacing-4xs) !important;\n }\n\n .tablet\\:margin-y-4xs {\n margin-top: calc(1em * 4 / 16) !important;\n margin-top: var(--spacing-4xs) !important;\n margin-bottom: calc(1em * 4 / 16) !important;\n margin-bottom: var(--spacing-4xs) !important;\n }\n .tablet\\:margin-3xs {\n margin: calc(1em * 6 / 16) !important;\n margin: var(--spacing-3xs) !important;\n }\n\n .tablet\\:margin-top-3xs {\n margin-top: calc(1em * 6 / 16) !important;\n margin-top: var(--spacing-3xs) !important;\n }\n\n .tablet\\:margin-right-3xs {\n margin-right: calc(1em * 6 / 16) !important;\n margin-right: var(--spacing-3xs) !important;\n }\n\n .tablet\\:margin-bottom-3xs {\n margin-bottom: calc(1em * 6 / 16) !important;\n margin-bottom: var(--spacing-3xs) !important;\n }\n\n .tablet\\:margin-left-3xs {\n margin-left: calc(1em * 6 / 16) !important;\n margin-left: var(--spacing-3xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-horizontal-3xs {\n margin-right: calc(1em * 6 / 16) !important;\n margin-right: var(--spacing-3xs) !important;\n margin-left: calc(1em * 6 / 16) !important;\n margin-left: var(--spacing-3xs) !important;\n }\n\n .tablet\\:margin-x-3xs {\n margin-right: calc(1em * 6 / 16) !important;\n margin-right: var(--spacing-3xs) !important;\n margin-left: calc(1em * 6 / 16) !important;\n margin-left: var(--spacing-3xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-vertical-3xs {\n margin-top: calc(1em * 6 / 16) !important;\n margin-top: var(--spacing-3xs) !important;\n margin-bottom: calc(1em * 6 / 16) !important;\n margin-bottom: var(--spacing-3xs) !important;\n }\n\n .tablet\\:margin-y-3xs {\n margin-top: calc(1em * 6 / 16) !important;\n margin-top: var(--spacing-3xs) !important;\n margin-bottom: calc(1em * 6 / 16) !important;\n margin-bottom: var(--spacing-3xs) !important;\n }\n .tablet\\:margin-2xs {\n margin: calc(1em * 8 / 16) !important;\n margin: var(--spacing-2xs) !important;\n }\n\n .tablet\\:margin-top-2xs {\n margin-top: calc(1em * 8 / 16) !important;\n margin-top: var(--spacing-2xs) !important;\n }\n\n .tablet\\:margin-right-2xs {\n margin-right: calc(1em * 8 / 16) !important;\n margin-right: var(--spacing-2xs) !important;\n }\n\n .tablet\\:margin-bottom-2xs {\n margin-bottom: calc(1em * 8 / 16) !important;\n margin-bottom: var(--spacing-2xs) !important;\n }\n\n .tablet\\:margin-left-2xs {\n margin-left: calc(1em * 8 / 16) !important;\n margin-left: var(--spacing-2xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-horizontal-2xs {\n margin-right: calc(1em * 8 / 16) !important;\n margin-right: var(--spacing-2xs) !important;\n margin-left: calc(1em * 8 / 16) !important;\n margin-left: var(--spacing-2xs) !important;\n }\n\n .tablet\\:margin-x-2xs {\n margin-right: calc(1em * 8 / 16) !important;\n margin-right: var(--spacing-2xs) !important;\n margin-left: calc(1em * 8 / 16) !important;\n margin-left: var(--spacing-2xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-vertical-2xs {\n margin-top: calc(1em * 8 / 16) !important;\n margin-top: var(--spacing-2xs) !important;\n margin-bottom: calc(1em * 8 / 16) !important;\n margin-bottom: var(--spacing-2xs) !important;\n }\n\n .tablet\\:margin-y-2xs {\n margin-top: calc(1em * 8 / 16) !important;\n margin-top: var(--spacing-2xs) !important;\n margin-bottom: calc(1em * 8 / 16) !important;\n margin-bottom: var(--spacing-2xs) !important;\n }\n .tablet\\:margin-xs {\n margin: calc(1em * 10 / 16) !important;\n margin: var(--spacing-xs) !important;\n }\n\n .tablet\\:margin-top-xs {\n margin-top: calc(1em * 10 / 16) !important;\n margin-top: var(--spacing-xs) !important;\n }\n\n .tablet\\:margin-right-xs {\n margin-right: calc(1em * 10 / 16) !important;\n margin-right: var(--spacing-xs) !important;\n }\n\n .tablet\\:margin-bottom-xs {\n margin-bottom: calc(1em * 10 / 16) !important;\n margin-bottom: var(--spacing-xs) !important;\n }\n\n .tablet\\:margin-left-xs {\n margin-left: calc(1em * 10 / 16) !important;\n margin-left: var(--spacing-xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-horizontal-xs {\n margin-right: calc(1em * 10 / 16) !important;\n margin-right: var(--spacing-xs) !important;\n margin-left: calc(1em * 10 / 16) !important;\n margin-left: var(--spacing-xs) !important;\n }\n\n .tablet\\:margin-x-xs {\n margin-right: calc(1em * 10 / 16) !important;\n margin-right: var(--spacing-xs) !important;\n margin-left: calc(1em * 10 / 16) !important;\n margin-left: var(--spacing-xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-vertical-xs {\n margin-top: calc(1em * 10 / 16) !important;\n margin-top: var(--spacing-xs) !important;\n margin-bottom: calc(1em * 10 / 16) !important;\n margin-bottom: var(--spacing-xs) !important;\n }\n\n .tablet\\:margin-y-xs {\n margin-top: calc(1em * 10 / 16) !important;\n margin-top: var(--spacing-xs) !important;\n margin-bottom: calc(1em * 10 / 16) !important;\n margin-bottom: var(--spacing-xs) !important;\n }\n .tablet\\:margin-sm {\n margin: calc(1em * 12 / 16) !important;\n margin: var(--spacing-sm) !important;\n }\n\n .tablet\\:margin-top-sm {\n margin-top: calc(1em * 12 / 16) !important;\n margin-top: var(--spacing-sm) !important;\n }\n\n .tablet\\:margin-right-sm {\n margin-right: calc(1em * 12 / 16) !important;\n margin-right: var(--spacing-sm) !important;\n }\n\n .tablet\\:margin-bottom-sm {\n margin-bottom: calc(1em * 12 / 16) !important;\n margin-bottom: var(--spacing-sm) !important;\n }\n\n .tablet\\:margin-left-sm {\n margin-left: calc(1em * 12 / 16) !important;\n margin-left: var(--spacing-sm) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-horizontal-sm {\n margin-right: calc(1em * 12 / 16) !important;\n margin-right: var(--spacing-sm) !important;\n margin-left: calc(1em * 12 / 16) !important;\n margin-left: var(--spacing-sm) !important;\n }\n\n .tablet\\:margin-x-sm {\n margin-right: calc(1em * 12 / 16) !important;\n margin-right: var(--spacing-sm) !important;\n margin-left: calc(1em * 12 / 16) !important;\n margin-left: var(--spacing-sm) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-vertical-sm {\n margin-top: calc(1em * 12 / 16) !important;\n margin-top: var(--spacing-sm) !important;\n margin-bottom: calc(1em * 12 / 16) !important;\n margin-bottom: var(--spacing-sm) !important;\n }\n\n .tablet\\:margin-y-sm {\n margin-top: calc(1em * 12 / 16) !important;\n margin-top: var(--spacing-sm) !important;\n margin-bottom: calc(1em * 12 / 16) !important;\n margin-bottom: var(--spacing-sm) !important;\n }\n .tablet\\:margin-md {\n margin: calc(1em * 1) !important;\n margin: var(--spacing-md) !important;\n }\n\n .tablet\\:margin-top-md {\n margin-top: calc(1em * 1) !important;\n margin-top: var(--spacing-md) !important;\n }\n\n .tablet\\:margin-right-md {\n margin-right: calc(1em * 1) !important;\n margin-right: var(--spacing-md) !important;\n }\n\n .tablet\\:margin-bottom-md {\n margin-bottom: calc(1em * 1) !important;\n margin-bottom: var(--spacing-md) !important;\n }\n\n .tablet\\:margin-left-md {\n margin-left: calc(1em * 1) !important;\n margin-left: var(--spacing-md) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-horizontal-md {\n margin-right: calc(1em * 1) !important;\n margin-right: var(--spacing-md) !important;\n margin-left: calc(1em * 1) !important;\n margin-left: var(--spacing-md) !important;\n }\n\n .tablet\\:margin-x-md {\n margin-right: calc(1em * 1) !important;\n margin-right: var(--spacing-md) !important;\n margin-left: calc(1em * 1) !important;\n margin-left: var(--spacing-md) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-vertical-md {\n margin-top: calc(1em * 1) !important;\n margin-top: var(--spacing-md) !important;\n margin-bottom: calc(1em * 1) !important;\n margin-bottom: var(--spacing-md) !important;\n }\n\n .tablet\\:margin-y-md {\n margin-top: calc(1em * 1) !important;\n margin-top: var(--spacing-md) !important;\n margin-bottom: calc(1em * 1) !important;\n margin-bottom: var(--spacing-md) !important;\n }\n .tablet\\:margin-lg {\n margin: calc(1em * 1.25) !important;\n margin: var(--spacing-lg) !important;\n }\n\n .tablet\\:margin-top-lg {\n margin-top: calc(1em * 1.25) !important;\n margin-top: var(--spacing-lg) !important;\n }\n\n .tablet\\:margin-right-lg {\n margin-right: calc(1em * 1.25) !important;\n margin-right: var(--spacing-lg) !important;\n }\n\n .tablet\\:margin-bottom-lg {\n margin-bottom: calc(1em * 1.25) !important;\n margin-bottom: var(--spacing-lg) !important;\n }\n\n .tablet\\:margin-left-lg {\n margin-left: calc(1em * 1.25) !important;\n margin-left: var(--spacing-lg) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-horizontal-lg {\n margin-right: calc(1em * 1.25) !important;\n margin-right: var(--spacing-lg) !important;\n margin-left: calc(1em * 1.25) !important;\n margin-left: var(--spacing-lg) !important;\n }\n\n .tablet\\:margin-x-lg {\n margin-right: calc(1em * 1.25) !important;\n margin-right: var(--spacing-lg) !important;\n margin-left: calc(1em * 1.25) !important;\n margin-left: var(--spacing-lg) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-vertical-lg {\n margin-top: calc(1em * 1.25) !important;\n margin-top: var(--spacing-lg) !important;\n margin-bottom: calc(1em * 1.25) !important;\n margin-bottom: var(--spacing-lg) !important;\n }\n\n .tablet\\:margin-y-lg {\n margin-top: calc(1em * 1.25) !important;\n margin-top: var(--spacing-lg) !important;\n margin-bottom: calc(1em * 1.25) !important;\n margin-bottom: var(--spacing-lg) !important;\n }\n .tablet\\:margin-xl {\n margin: calc(1em * 1.5) !important;\n margin: var(--spacing-xl) !important;\n }\n\n .tablet\\:margin-top-xl {\n margin-top: calc(1em * 1.5) !important;\n margin-top: var(--spacing-xl) !important;\n }\n\n .tablet\\:margin-right-xl {\n margin-right: calc(1em * 1.5) !important;\n margin-right: var(--spacing-xl) !important;\n }\n\n .tablet\\:margin-bottom-xl {\n margin-bottom: calc(1em * 1.5) !important;\n margin-bottom: var(--spacing-xl) !important;\n }\n\n .tablet\\:margin-left-xl {\n margin-left: calc(1em * 1.5) !important;\n margin-left: var(--spacing-xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-horizontal-xl {\n margin-right: calc(1em * 1.5) !important;\n margin-right: var(--spacing-xl) !important;\n margin-left: calc(1em * 1.5) !important;\n margin-left: var(--spacing-xl) !important;\n }\n\n .tablet\\:margin-x-xl {\n margin-right: calc(1em * 1.5) !important;\n margin-right: var(--spacing-xl) !important;\n margin-left: calc(1em * 1.5) !important;\n margin-left: var(--spacing-xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-vertical-xl {\n margin-top: calc(1em * 1.5) !important;\n margin-top: var(--spacing-xl) !important;\n margin-bottom: calc(1em * 1.5) !important;\n margin-bottom: var(--spacing-xl) !important;\n }\n\n .tablet\\:margin-y-xl {\n margin-top: calc(1em * 1.5) !important;\n margin-top: var(--spacing-xl) !important;\n margin-bottom: calc(1em * 1.5) !important;\n margin-bottom: var(--spacing-xl) !important;\n }\n .tablet\\:margin-2xl {\n margin: calc(1em * 2) !important;\n margin: var(--spacing-2xl) !important;\n }\n\n .tablet\\:margin-top-2xl {\n margin-top: calc(1em * 2) !important;\n margin-top: var(--spacing-2xl) !important;\n }\n\n .tablet\\:margin-right-2xl {\n margin-right: calc(1em * 2) !important;\n margin-right: var(--spacing-2xl) !important;\n }\n\n .tablet\\:margin-bottom-2xl {\n margin-bottom: calc(1em * 2) !important;\n margin-bottom: var(--spacing-2xl) !important;\n }\n\n .tablet\\:margin-left-2xl {\n margin-left: calc(1em * 2) !important;\n margin-left: var(--spacing-2xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-horizontal-2xl {\n margin-right: calc(1em * 2) !important;\n margin-right: var(--spacing-2xl) !important;\n margin-left: calc(1em * 2) !important;\n margin-left: var(--spacing-2xl) !important;\n }\n\n .tablet\\:margin-x-2xl {\n margin-right: calc(1em * 2) !important;\n margin-right: var(--spacing-2xl) !important;\n margin-left: calc(1em * 2) !important;\n margin-left: var(--spacing-2xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-vertical-2xl {\n margin-top: calc(1em * 2) !important;\n margin-top: var(--spacing-2xl) !important;\n margin-bottom: calc(1em * 2) !important;\n margin-bottom: var(--spacing-2xl) !important;\n }\n\n .tablet\\:margin-y-2xl {\n margin-top: calc(1em * 2) !important;\n margin-top: var(--spacing-2xl) !important;\n margin-bottom: calc(1em * 2) !important;\n margin-bottom: var(--spacing-2xl) !important;\n }\n .tablet\\:margin-3xl {\n margin: calc(1em * 2.5) !important;\n margin: var(--spacing-3xl) !important;\n }\n\n .tablet\\:margin-top-3xl {\n margin-top: calc(1em * 2.5) !important;\n margin-top: var(--spacing-3xl) !important;\n }\n\n .tablet\\:margin-right-3xl {\n margin-right: calc(1em * 2.5) !important;\n margin-right: var(--spacing-3xl) !important;\n }\n\n .tablet\\:margin-bottom-3xl {\n margin-bottom: calc(1em * 2.5) !important;\n margin-bottom: var(--spacing-3xl) !important;\n }\n\n .tablet\\:margin-left-3xl {\n margin-left: calc(1em * 2.5) !important;\n margin-left: var(--spacing-3xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-horizontal-3xl {\n margin-right: calc(1em * 2.5) !important;\n margin-right: var(--spacing-3xl) !important;\n margin-left: calc(1em * 2.5) !important;\n margin-left: var(--spacing-3xl) !important;\n }\n\n .tablet\\:margin-x-3xl {\n margin-right: calc(1em * 2.5) !important;\n margin-right: var(--spacing-3xl) !important;\n margin-left: calc(1em * 2.5) !important;\n margin-left: var(--spacing-3xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-vertical-3xl {\n margin-top: calc(1em * 2.5) !important;\n margin-top: var(--spacing-3xl) !important;\n margin-bottom: calc(1em * 2.5) !important;\n margin-bottom: var(--spacing-3xl) !important;\n }\n\n .tablet\\:margin-y-3xl {\n margin-top: calc(1em * 2.5) !important;\n margin-top: var(--spacing-3xl) !important;\n margin-bottom: calc(1em * 2.5) !important;\n margin-bottom: var(--spacing-3xl) !important;\n }\n .tablet\\:margin-4xl {\n margin: calc(1em * 3) !important;\n margin: var(--spacing-4xl) !important;\n }\n\n .tablet\\:margin-top-4xl {\n margin-top: calc(1em * 3) !important;\n margin-top: var(--spacing-4xl) !important;\n }\n\n .tablet\\:margin-right-4xl {\n margin-right: calc(1em * 3) !important;\n margin-right: var(--spacing-4xl) !important;\n }\n\n .tablet\\:margin-bottom-4xl {\n margin-bottom: calc(1em * 3) !important;\n margin-bottom: var(--spacing-4xl) !important;\n }\n\n .tablet\\:margin-left-4xl {\n margin-left: calc(1em * 3) !important;\n margin-left: var(--spacing-4xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-horizontal-4xl {\n margin-right: calc(1em * 3) !important;\n margin-right: var(--spacing-4xl) !important;\n margin-left: calc(1em * 3) !important;\n margin-left: var(--spacing-4xl) !important;\n }\n\n .tablet\\:margin-x-4xl {\n margin-right: calc(1em * 3) !important;\n margin-right: var(--spacing-4xl) !important;\n margin-left: calc(1em * 3) !important;\n margin-left: var(--spacing-4xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-vertical-4xl {\n margin-top: calc(1em * 3) !important;\n margin-top: var(--spacing-4xl) !important;\n margin-bottom: calc(1em * 3) !important;\n margin-bottom: var(--spacing-4xl) !important;\n }\n\n .tablet\\:margin-y-4xl {\n margin-top: calc(1em * 3) !important;\n margin-top: var(--spacing-4xl) !important;\n margin-bottom: calc(1em * 3) !important;\n margin-bottom: var(--spacing-4xl) !important;\n }\n .tablet\\:margin-5xl {\n margin: calc(1em * 4) !important;\n margin: var(--spacing-5xl) !important;\n }\n\n .tablet\\:margin-top-5xl {\n margin-top: calc(1em * 4) !important;\n margin-top: var(--spacing-5xl) !important;\n }\n\n .tablet\\:margin-right-5xl {\n margin-right: calc(1em * 4) !important;\n margin-right: var(--spacing-5xl) !important;\n }\n\n .tablet\\:margin-bottom-5xl {\n margin-bottom: calc(1em * 4) !important;\n margin-bottom: var(--spacing-5xl) !important;\n }\n\n .tablet\\:margin-left-5xl {\n margin-left: calc(1em * 4) !important;\n margin-left: var(--spacing-5xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-horizontal-5xl {\n margin-right: calc(1em * 4) !important;\n margin-right: var(--spacing-5xl) !important;\n margin-left: calc(1em * 4) !important;\n margin-left: var(--spacing-5xl) !important;\n }\n\n .tablet\\:margin-x-5xl {\n margin-right: calc(1em * 4) !important;\n margin-right: var(--spacing-5xl) !important;\n margin-left: calc(1em * 4) !important;\n margin-left: var(--spacing-5xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-vertical-5xl {\n margin-top: calc(1em * 4) !important;\n margin-top: var(--spacing-5xl) !important;\n margin-bottom: calc(1em * 4) !important;\n margin-bottom: var(--spacing-5xl) !important;\n }\n\n .tablet\\:margin-y-5xl {\n margin-top: calc(1em * 4) !important;\n margin-top: var(--spacing-5xl) !important;\n margin-bottom: calc(1em * 4) !important;\n margin-bottom: var(--spacing-5xl) !important;\n }\n .tablet\\:margin-6xl {\n margin: calc(1em * 5) !important;\n margin: var(--spacing-6xl) !important;\n }\n\n .tablet\\:margin-top-6xl {\n margin-top: calc(1em * 5) !important;\n margin-top: var(--spacing-6xl) !important;\n }\n\n .tablet\\:margin-right-6xl {\n margin-right: calc(1em * 5) !important;\n margin-right: var(--spacing-6xl) !important;\n }\n\n .tablet\\:margin-bottom-6xl {\n margin-bottom: calc(1em * 5) !important;\n margin-bottom: var(--spacing-6xl) !important;\n }\n\n .tablet\\:margin-left-6xl {\n margin-left: calc(1em * 5) !important;\n margin-left: var(--spacing-6xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-horizontal-6xl {\n margin-right: calc(1em * 5) !important;\n margin-right: var(--spacing-6xl) !important;\n margin-left: calc(1em * 5) !important;\n margin-left: var(--spacing-6xl) !important;\n }\n\n .tablet\\:margin-x-6xl {\n margin-right: calc(1em * 5) !important;\n margin-right: var(--spacing-6xl) !important;\n margin-left: calc(1em * 5) !important;\n margin-left: var(--spacing-6xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-vertical-6xl {\n margin-top: calc(1em * 5) !important;\n margin-top: var(--spacing-6xl) !important;\n margin-bottom: calc(1em * 5) !important;\n margin-bottom: var(--spacing-6xl) !important;\n }\n\n .tablet\\:margin-y-6xl {\n margin-top: calc(1em * 5) !important;\n margin-top: var(--spacing-6xl) !important;\n margin-bottom: calc(1em * 5) !important;\n margin-bottom: var(--spacing-6xl) !important;\n }\n .tablet\\:margin-7xl {\n margin: calc(1em * 6) !important;\n margin: var(--spacing-7xl) !important;\n }\n\n .tablet\\:margin-top-7xl {\n margin-top: calc(1em * 6) !important;\n margin-top: var(--spacing-7xl) !important;\n }\n\n .tablet\\:margin-right-7xl {\n margin-right: calc(1em * 6) !important;\n margin-right: var(--spacing-7xl) !important;\n }\n\n .tablet\\:margin-bottom-7xl {\n margin-bottom: calc(1em * 6) !important;\n margin-bottom: var(--spacing-7xl) !important;\n }\n\n .tablet\\:margin-left-7xl {\n margin-left: calc(1em * 6) !important;\n margin-left: var(--spacing-7xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-horizontal-7xl {\n margin-right: calc(1em * 6) !important;\n margin-right: var(--spacing-7xl) !important;\n margin-left: calc(1em * 6) !important;\n margin-left: var(--spacing-7xl) !important;\n }\n\n .tablet\\:margin-x-7xl {\n margin-right: calc(1em * 6) !important;\n margin-right: var(--spacing-7xl) !important;\n margin-left: calc(1em * 6) !important;\n margin-left: var(--spacing-7xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-vertical-7xl {\n margin-top: calc(1em * 6) !important;\n margin-top: var(--spacing-7xl) !important;\n margin-bottom: calc(1em * 6) !important;\n margin-bottom: var(--spacing-7xl) !important;\n }\n\n .tablet\\:margin-y-7xl {\n margin-top: calc(1em * 6) !important;\n margin-top: var(--spacing-7xl) !important;\n margin-bottom: calc(1em * 6) !important;\n margin-bottom: var(--spacing-7xl) !important;\n }\n .tablet\\:margin-8xl {\n margin: calc(1em * 8) !important;\n margin: var(--spacing-8xl) !important;\n }\n\n .tablet\\:margin-top-8xl {\n margin-top: calc(1em * 8) !important;\n margin-top: var(--spacing-8xl) !important;\n }\n\n .tablet\\:margin-right-8xl {\n margin-right: calc(1em * 8) !important;\n margin-right: var(--spacing-8xl) !important;\n }\n\n .tablet\\:margin-bottom-8xl {\n margin-bottom: calc(1em * 8) !important;\n margin-bottom: var(--spacing-8xl) !important;\n }\n\n .tablet\\:margin-left-8xl {\n margin-left: calc(1em * 8) !important;\n margin-left: var(--spacing-8xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-horizontal-8xl {\n margin-right: calc(1em * 8) !important;\n margin-right: var(--spacing-8xl) !important;\n margin-left: calc(1em * 8) !important;\n margin-left: var(--spacing-8xl) !important;\n }\n\n .tablet\\:margin-x-8xl {\n margin-right: calc(1em * 8) !important;\n margin-right: var(--spacing-8xl) !important;\n margin-left: calc(1em * 8) !important;\n margin-left: var(--spacing-8xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-vertical-8xl {\n margin-top: calc(1em * 8) !important;\n margin-top: var(--spacing-8xl) !important;\n margin-bottom: calc(1em * 8) !important;\n margin-bottom: var(--spacing-8xl) !important;\n }\n\n .tablet\\:margin-y-8xl {\n margin-top: calc(1em * 8) !important;\n margin-top: var(--spacing-8xl) !important;\n margin-bottom: calc(1em * 8) !important;\n margin-bottom: var(--spacing-8xl) !important;\n }\n .tablet\\:margin-9xl {\n margin: calc(1em * 10) !important;\n margin: var(--spacing-9xl) !important;\n }\n\n .tablet\\:margin-top-9xl {\n margin-top: calc(1em * 10) !important;\n margin-top: var(--spacing-9xl) !important;\n }\n\n .tablet\\:margin-right-9xl {\n margin-right: calc(1em * 10) !important;\n margin-right: var(--spacing-9xl) !important;\n }\n\n .tablet\\:margin-bottom-9xl {\n margin-bottom: calc(1em * 10) !important;\n margin-bottom: var(--spacing-9xl) !important;\n }\n\n .tablet\\:margin-left-9xl {\n margin-left: calc(1em * 10) !important;\n margin-left: var(--spacing-9xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-horizontal-9xl {\n margin-right: calc(1em * 10) !important;\n margin-right: var(--spacing-9xl) !important;\n margin-left: calc(1em * 10) !important;\n margin-left: var(--spacing-9xl) !important;\n }\n\n .tablet\\:margin-x-9xl {\n margin-right: calc(1em * 10) !important;\n margin-right: var(--spacing-9xl) !important;\n margin-left: calc(1em * 10) !important;\n margin-left: var(--spacing-9xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-vertical-9xl {\n margin-top: calc(1em * 10) !important;\n margin-top: var(--spacing-9xl) !important;\n margin-bottom: calc(1em * 10) !important;\n margin-bottom: var(--spacing-9xl) !important;\n }\n\n .tablet\\:margin-y-9xl {\n margin-top: calc(1em * 10) !important;\n margin-top: var(--spacing-9xl) !important;\n margin-bottom: calc(1em * 10) !important;\n margin-bottom: var(--spacing-9xl) !important;\n }\n .tablet\\:margin-10xl {\n margin: calc(1em * 12) !important;\n margin: var(--spacing-10xl) !important;\n }\n\n .tablet\\:margin-top-10xl {\n margin-top: calc(1em * 12) !important;\n margin-top: var(--spacing-10xl) !important;\n }\n\n .tablet\\:margin-right-10xl {\n margin-right: calc(1em * 12) !important;\n margin-right: var(--spacing-10xl) !important;\n }\n\n .tablet\\:margin-bottom-10xl {\n margin-bottom: calc(1em * 12) !important;\n margin-bottom: var(--spacing-10xl) !important;\n }\n\n .tablet\\:margin-left-10xl {\n margin-left: calc(1em * 12) !important;\n margin-left: var(--spacing-10xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-horizontal-10xl {\n margin-right: calc(1em * 12) !important;\n margin-right: var(--spacing-10xl) !important;\n margin-left: calc(1em * 12) !important;\n margin-left: var(--spacing-10xl) !important;\n }\n\n .tablet\\:margin-x-10xl {\n margin-right: calc(1em * 12) !important;\n margin-right: var(--spacing-10xl) !important;\n margin-left: calc(1em * 12) !important;\n margin-left: var(--spacing-10xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-vertical-10xl {\n margin-top: calc(1em * 12) !important;\n margin-top: var(--spacing-10xl) !important;\n margin-bottom: calc(1em * 12) !important;\n margin-bottom: var(--spacing-10xl) !important;\n }\n\n .tablet\\:margin-y-10xl {\n margin-top: calc(1em * 12) !important;\n margin-top: var(--spacing-10xl) !important;\n margin-bottom: calc(1em * 12) !important;\n margin-bottom: var(--spacing-10xl) !important;\n }\n .tablet\\:margin-11xl {\n margin: calc(1em * 16) !important;\n margin: var(--spacing-11xl) !important;\n }\n\n .tablet\\:margin-top-11xl {\n margin-top: calc(1em * 16) !important;\n margin-top: var(--spacing-11xl) !important;\n }\n\n .tablet\\:margin-right-11xl {\n margin-right: calc(1em * 16) !important;\n margin-right: var(--spacing-11xl) !important;\n }\n\n .tablet\\:margin-bottom-11xl {\n margin-bottom: calc(1em * 16) !important;\n margin-bottom: var(--spacing-11xl) !important;\n }\n\n .tablet\\:margin-left-11xl {\n margin-left: calc(1em * 16) !important;\n margin-left: var(--spacing-11xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-horizontal-11xl {\n margin-right: calc(1em * 16) !important;\n margin-right: var(--spacing-11xl) !important;\n margin-left: calc(1em * 16) !important;\n margin-left: var(--spacing-11xl) !important;\n }\n\n .tablet\\:margin-x-11xl {\n margin-right: calc(1em * 16) !important;\n margin-right: var(--spacing-11xl) !important;\n margin-left: calc(1em * 16) !important;\n margin-left: var(--spacing-11xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-vertical-11xl {\n margin-top: calc(1em * 16) !important;\n margin-top: var(--spacing-11xl) !important;\n margin-bottom: calc(1em * 16) !important;\n margin-bottom: var(--spacing-11xl) !important;\n }\n\n .tablet\\:margin-y-11xl {\n margin-top: calc(1em * 16) !important;\n margin-top: var(--spacing-11xl) !important;\n margin-bottom: calc(1em * 16) !important;\n margin-bottom: var(--spacing-11xl) !important;\n }\n .tablet\\:margin-12xl {\n margin: calc(1em * 20) !important;\n margin: var(--spacing-12xl) !important;\n }\n\n .tablet\\:margin-top-12xl {\n margin-top: calc(1em * 20) !important;\n margin-top: var(--spacing-12xl) !important;\n }\n\n .tablet\\:margin-right-12xl {\n margin-right: calc(1em * 20) !important;\n margin-right: var(--spacing-12xl) !important;\n }\n\n .tablet\\:margin-bottom-12xl {\n margin-bottom: calc(1em * 20) !important;\n margin-bottom: var(--spacing-12xl) !important;\n }\n\n .tablet\\:margin-left-12xl {\n margin-left: calc(1em * 20) !important;\n margin-left: var(--spacing-12xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-horizontal-12xl {\n margin-right: calc(1em * 20) !important;\n margin-right: var(--spacing-12xl) !important;\n margin-left: calc(1em * 20) !important;\n margin-left: var(--spacing-12xl) !important;\n }\n\n .tablet\\:margin-x-12xl {\n margin-right: calc(1em * 20) !important;\n margin-right: var(--spacing-12xl) !important;\n margin-left: calc(1em * 20) !important;\n margin-left: var(--spacing-12xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-vertical-12xl {\n margin-top: calc(1em * 20) !important;\n margin-top: var(--spacing-12xl) !important;\n margin-bottom: calc(1em * 20) !important;\n margin-bottom: var(--spacing-12xl) !important;\n }\n\n .tablet\\:margin-y-12xl {\n margin-top: calc(1em * 20) !important;\n margin-top: var(--spacing-12xl) !important;\n margin-bottom: calc(1em * 20) !important;\n margin-bottom: var(--spacing-12xl) !important;\n }\n .tablet\\:margin-0 {\n margin: 0 !important;\n margin: var(--spacing-0) !important;\n }\n\n .tablet\\:margin-top-0 {\n margin-top: 0 !important;\n margin-top: var(--spacing-0) !important;\n }\n\n .tablet\\:margin-right-0 {\n margin-right: 0 !important;\n margin-right: var(--spacing-0) !important;\n }\n\n .tablet\\:margin-bottom-0 {\n margin-bottom: 0 !important;\n margin-bottom: var(--spacing-0) !important;\n }\n\n .tablet\\:margin-left-0 {\n margin-left: 0 !important;\n margin-left: var(--spacing-0) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-horizontal-0 {\n margin-right: 0 !important;\n margin-right: var(--spacing-0) !important;\n margin-left: 0 !important;\n margin-left: var(--spacing-0) !important;\n }\n\n .tablet\\:margin-x-0 {\n margin-right: 0 !important;\n margin-right: var(--spacing-0) !important;\n margin-left: 0 !important;\n margin-left: var(--spacing-0) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-vertical-0 {\n margin-top: 0 !important;\n margin-top: var(--spacing-0) !important;\n margin-bottom: 0 !important;\n margin-bottom: var(--spacing-0) !important;\n }\n\n .tablet\\:margin-y-0 {\n margin-top: 0 !important;\n margin-top: var(--spacing-0) !important;\n margin-bottom: 0 !important;\n margin-bottom: var(--spacing-0) !important;\n }\n .tablet\\:margin-1 {\n margin: calc(1em * 1 / 16) !important;\n margin: var(--spacing-1) !important;\n }\n\n .tablet\\:margin-top-1 {\n margin-top: calc(1em * 1 / 16) !important;\n margin-top: var(--spacing-1) !important;\n }\n\n .tablet\\:margin-right-1 {\n margin-right: calc(1em * 1 / 16) !important;\n margin-right: var(--spacing-1) !important;\n }\n\n .tablet\\:margin-bottom-1 {\n margin-bottom: calc(1em * 1 / 16) !important;\n margin-bottom: var(--spacing-1) !important;\n }\n\n .tablet\\:margin-left-1 {\n margin-left: calc(1em * 1 / 16) !important;\n margin-left: var(--spacing-1) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-horizontal-1 {\n margin-right: calc(1em * 1 / 16) !important;\n margin-right: var(--spacing-1) !important;\n margin-left: calc(1em * 1 / 16) !important;\n margin-left: var(--spacing-1) !important;\n }\n\n .tablet\\:margin-x-1 {\n margin-right: calc(1em * 1 / 16) !important;\n margin-right: var(--spacing-1) !important;\n margin-left: calc(1em * 1 / 16) !important;\n margin-left: var(--spacing-1) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-vertical-1 {\n margin-top: calc(1em * 1 / 16) !important;\n margin-top: var(--spacing-1) !important;\n margin-bottom: calc(1em * 1 / 16) !important;\n margin-bottom: var(--spacing-1) !important;\n }\n\n .tablet\\:margin-y-1 {\n margin-top: calc(1em * 1 / 16) !important;\n margin-top: var(--spacing-1) !important;\n margin-bottom: calc(1em * 1 / 16) !important;\n margin-bottom: var(--spacing-1) !important;\n }\n .tablet\\:margin-1px {\n margin: 1px !important;\n margin: var(--spacing-1px) !important;\n }\n\n .tablet\\:margin-top-1px {\n margin-top: 1px !important;\n margin-top: var(--spacing-1px) !important;\n }\n\n .tablet\\:margin-right-1px {\n margin-right: 1px !important;\n margin-right: var(--spacing-1px) !important;\n }\n\n .tablet\\:margin-bottom-1px {\n margin-bottom: 1px !important;\n margin-bottom: var(--spacing-1px) !important;\n }\n\n .tablet\\:margin-left-1px {\n margin-left: 1px !important;\n margin-left: var(--spacing-1px) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-horizontal-1px {\n margin-right: 1px !important;\n margin-right: var(--spacing-1px) !important;\n margin-left: 1px !important;\n margin-left: var(--spacing-1px) !important;\n }\n\n .tablet\\:margin-x-1px {\n margin-right: 1px !important;\n margin-right: var(--spacing-1px) !important;\n margin-left: 1px !important;\n margin-left: var(--spacing-1px) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-vertical-1px {\n margin-top: 1px !important;\n margin-top: var(--spacing-1px) !important;\n margin-bottom: 1px !important;\n margin-bottom: var(--spacing-1px) !important;\n }\n\n .tablet\\:margin-y-1px {\n margin-top: 1px !important;\n margin-top: var(--spacing-1px) !important;\n margin-bottom: 1px !important;\n margin-bottom: var(--spacing-1px) !important;\n }\n}\n@media (min-width: 64rem) {\n .laptop\\:margin-7xs {\n margin: calc(1em * 1 / 16) !important;\n margin: var(--spacing-7xs) !important;\n }\n\n .laptop\\:margin-top-7xs {\n margin-top: calc(1em * 1 / 16) !important;\n margin-top: var(--spacing-7xs) !important;\n }\n\n .laptop\\:margin-right-7xs {\n margin-right: calc(1em * 1 / 16) !important;\n margin-right: var(--spacing-7xs) !important;\n }\n\n .laptop\\:margin-bottom-7xs {\n margin-bottom: calc(1em * 1 / 16) !important;\n margin-bottom: var(--spacing-7xs) !important;\n }\n\n .laptop\\:margin-left-7xs {\n margin-left: calc(1em * 1 / 16) !important;\n margin-left: var(--spacing-7xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-horizontal-7xs {\n margin-right: calc(1em * 1 / 16) !important;\n margin-right: var(--spacing-7xs) !important;\n margin-left: calc(1em * 1 / 16) !important;\n margin-left: var(--spacing-7xs) !important;\n }\n\n .laptop\\:margin-x-7xs {\n margin-right: calc(1em * 1 / 16) !important;\n margin-right: var(--spacing-7xs) !important;\n margin-left: calc(1em * 1 / 16) !important;\n margin-left: var(--spacing-7xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-vertical-7xs {\n margin-top: calc(1em * 1 / 16) !important;\n margin-top: var(--spacing-7xs) !important;\n margin-bottom: calc(1em * 1 / 16) !important;\n margin-bottom: var(--spacing-7xs) !important;\n }\n\n .laptop\\:margin-y-7xs {\n margin-top: calc(1em * 1 / 16) !important;\n margin-top: var(--spacing-7xs) !important;\n margin-bottom: calc(1em * 1 / 16) !important;\n margin-bottom: var(--spacing-7xs) !important;\n }\n .laptop\\:margin-6xs {\n margin: calc(1em * 2 / 16) !important;\n margin: var(--spacing-6xs) !important;\n }\n\n .laptop\\:margin-top-6xs {\n margin-top: calc(1em * 2 / 16) !important;\n margin-top: var(--spacing-6xs) !important;\n }\n\n .laptop\\:margin-right-6xs {\n margin-right: calc(1em * 2 / 16) !important;\n margin-right: var(--spacing-6xs) !important;\n }\n\n .laptop\\:margin-bottom-6xs {\n margin-bottom: calc(1em * 2 / 16) !important;\n margin-bottom: var(--spacing-6xs) !important;\n }\n\n .laptop\\:margin-left-6xs {\n margin-left: calc(1em * 2 / 16) !important;\n margin-left: var(--spacing-6xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-horizontal-6xs {\n margin-right: calc(1em * 2 / 16) !important;\n margin-right: var(--spacing-6xs) !important;\n margin-left: calc(1em * 2 / 16) !important;\n margin-left: var(--spacing-6xs) !important;\n }\n\n .laptop\\:margin-x-6xs {\n margin-right: calc(1em * 2 / 16) !important;\n margin-right: var(--spacing-6xs) !important;\n margin-left: calc(1em * 2 / 16) !important;\n margin-left: var(--spacing-6xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-vertical-6xs {\n margin-top: calc(1em * 2 / 16) !important;\n margin-top: var(--spacing-6xs) !important;\n margin-bottom: calc(1em * 2 / 16) !important;\n margin-bottom: var(--spacing-6xs) !important;\n }\n\n .laptop\\:margin-y-6xs {\n margin-top: calc(1em * 2 / 16) !important;\n margin-top: var(--spacing-6xs) !important;\n margin-bottom: calc(1em * 2 / 16) !important;\n margin-bottom: var(--spacing-6xs) !important;\n }\n .laptop\\:margin-5xs {\n margin: calc(1em * 3 / 16) !important;\n margin: var(--spacing-5xs) !important;\n }\n\n .laptop\\:margin-top-5xs {\n margin-top: calc(1em * 3 / 16) !important;\n margin-top: var(--spacing-5xs) !important;\n }\n\n .laptop\\:margin-right-5xs {\n margin-right: calc(1em * 3 / 16) !important;\n margin-right: var(--spacing-5xs) !important;\n }\n\n .laptop\\:margin-bottom-5xs {\n margin-bottom: calc(1em * 3 / 16) !important;\n margin-bottom: var(--spacing-5xs) !important;\n }\n\n .laptop\\:margin-left-5xs {\n margin-left: calc(1em * 3 / 16) !important;\n margin-left: var(--spacing-5xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-horizontal-5xs {\n margin-right: calc(1em * 3 / 16) !important;\n margin-right: var(--spacing-5xs) !important;\n margin-left: calc(1em * 3 / 16) !important;\n margin-left: var(--spacing-5xs) !important;\n }\n\n .laptop\\:margin-x-5xs {\n margin-right: calc(1em * 3 / 16) !important;\n margin-right: var(--spacing-5xs) !important;\n margin-left: calc(1em * 3 / 16) !important;\n margin-left: var(--spacing-5xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-vertical-5xs {\n margin-top: calc(1em * 3 / 16) !important;\n margin-top: var(--spacing-5xs) !important;\n margin-bottom: calc(1em * 3 / 16) !important;\n margin-bottom: var(--spacing-5xs) !important;\n }\n\n .laptop\\:margin-y-5xs {\n margin-top: calc(1em * 3 / 16) !important;\n margin-top: var(--spacing-5xs) !important;\n margin-bottom: calc(1em * 3 / 16) !important;\n margin-bottom: var(--spacing-5xs) !important;\n }\n .laptop\\:margin-4xs {\n margin: calc(1em * 4 / 16) !important;\n margin: var(--spacing-4xs) !important;\n }\n\n .laptop\\:margin-top-4xs {\n margin-top: calc(1em * 4 / 16) !important;\n margin-top: var(--spacing-4xs) !important;\n }\n\n .laptop\\:margin-right-4xs {\n margin-right: calc(1em * 4 / 16) !important;\n margin-right: var(--spacing-4xs) !important;\n }\n\n .laptop\\:margin-bottom-4xs {\n margin-bottom: calc(1em * 4 / 16) !important;\n margin-bottom: var(--spacing-4xs) !important;\n }\n\n .laptop\\:margin-left-4xs {\n margin-left: calc(1em * 4 / 16) !important;\n margin-left: var(--spacing-4xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-horizontal-4xs {\n margin-right: calc(1em * 4 / 16) !important;\n margin-right: var(--spacing-4xs) !important;\n margin-left: calc(1em * 4 / 16) !important;\n margin-left: var(--spacing-4xs) !important;\n }\n\n .laptop\\:margin-x-4xs {\n margin-right: calc(1em * 4 / 16) !important;\n margin-right: var(--spacing-4xs) !important;\n margin-left: calc(1em * 4 / 16) !important;\n margin-left: var(--spacing-4xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-vertical-4xs {\n margin-top: calc(1em * 4 / 16) !important;\n margin-top: var(--spacing-4xs) !important;\n margin-bottom: calc(1em * 4 / 16) !important;\n margin-bottom: var(--spacing-4xs) !important;\n }\n\n .laptop\\:margin-y-4xs {\n margin-top: calc(1em * 4 / 16) !important;\n margin-top: var(--spacing-4xs) !important;\n margin-bottom: calc(1em * 4 / 16) !important;\n margin-bottom: var(--spacing-4xs) !important;\n }\n .laptop\\:margin-3xs {\n margin: calc(1em * 6 / 16) !important;\n margin: var(--spacing-3xs) !important;\n }\n\n .laptop\\:margin-top-3xs {\n margin-top: calc(1em * 6 / 16) !important;\n margin-top: var(--spacing-3xs) !important;\n }\n\n .laptop\\:margin-right-3xs {\n margin-right: calc(1em * 6 / 16) !important;\n margin-right: var(--spacing-3xs) !important;\n }\n\n .laptop\\:margin-bottom-3xs {\n margin-bottom: calc(1em * 6 / 16) !important;\n margin-bottom: var(--spacing-3xs) !important;\n }\n\n .laptop\\:margin-left-3xs {\n margin-left: calc(1em * 6 / 16) !important;\n margin-left: var(--spacing-3xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-horizontal-3xs {\n margin-right: calc(1em * 6 / 16) !important;\n margin-right: var(--spacing-3xs) !important;\n margin-left: calc(1em * 6 / 16) !important;\n margin-left: var(--spacing-3xs) !important;\n }\n\n .laptop\\:margin-x-3xs {\n margin-right: calc(1em * 6 / 16) !important;\n margin-right: var(--spacing-3xs) !important;\n margin-left: calc(1em * 6 / 16) !important;\n margin-left: var(--spacing-3xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-vertical-3xs {\n margin-top: calc(1em * 6 / 16) !important;\n margin-top: var(--spacing-3xs) !important;\n margin-bottom: calc(1em * 6 / 16) !important;\n margin-bottom: var(--spacing-3xs) !important;\n }\n\n .laptop\\:margin-y-3xs {\n margin-top: calc(1em * 6 / 16) !important;\n margin-top: var(--spacing-3xs) !important;\n margin-bottom: calc(1em * 6 / 16) !important;\n margin-bottom: var(--spacing-3xs) !important;\n }\n .laptop\\:margin-2xs {\n margin: calc(1em * 8 / 16) !important;\n margin: var(--spacing-2xs) !important;\n }\n\n .laptop\\:margin-top-2xs {\n margin-top: calc(1em * 8 / 16) !important;\n margin-top: var(--spacing-2xs) !important;\n }\n\n .laptop\\:margin-right-2xs {\n margin-right: calc(1em * 8 / 16) !important;\n margin-right: var(--spacing-2xs) !important;\n }\n\n .laptop\\:margin-bottom-2xs {\n margin-bottom: calc(1em * 8 / 16) !important;\n margin-bottom: var(--spacing-2xs) !important;\n }\n\n .laptop\\:margin-left-2xs {\n margin-left: calc(1em * 8 / 16) !important;\n margin-left: var(--spacing-2xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-horizontal-2xs {\n margin-right: calc(1em * 8 / 16) !important;\n margin-right: var(--spacing-2xs) !important;\n margin-left: calc(1em * 8 / 16) !important;\n margin-left: var(--spacing-2xs) !important;\n }\n\n .laptop\\:margin-x-2xs {\n margin-right: calc(1em * 8 / 16) !important;\n margin-right: var(--spacing-2xs) !important;\n margin-left: calc(1em * 8 / 16) !important;\n margin-left: var(--spacing-2xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-vertical-2xs {\n margin-top: calc(1em * 8 / 16) !important;\n margin-top: var(--spacing-2xs) !important;\n margin-bottom: calc(1em * 8 / 16) !important;\n margin-bottom: var(--spacing-2xs) !important;\n }\n\n .laptop\\:margin-y-2xs {\n margin-top: calc(1em * 8 / 16) !important;\n margin-top: var(--spacing-2xs) !important;\n margin-bottom: calc(1em * 8 / 16) !important;\n margin-bottom: var(--spacing-2xs) !important;\n }\n .laptop\\:margin-xs {\n margin: calc(1em * 10 / 16) !important;\n margin: var(--spacing-xs) !important;\n }\n\n .laptop\\:margin-top-xs {\n margin-top: calc(1em * 10 / 16) !important;\n margin-top: var(--spacing-xs) !important;\n }\n\n .laptop\\:margin-right-xs {\n margin-right: calc(1em * 10 / 16) !important;\n margin-right: var(--spacing-xs) !important;\n }\n\n .laptop\\:margin-bottom-xs {\n margin-bottom: calc(1em * 10 / 16) !important;\n margin-bottom: var(--spacing-xs) !important;\n }\n\n .laptop\\:margin-left-xs {\n margin-left: calc(1em * 10 / 16) !important;\n margin-left: var(--spacing-xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-horizontal-xs {\n margin-right: calc(1em * 10 / 16) !important;\n margin-right: var(--spacing-xs) !important;\n margin-left: calc(1em * 10 / 16) !important;\n margin-left: var(--spacing-xs) !important;\n }\n\n .laptop\\:margin-x-xs {\n margin-right: calc(1em * 10 / 16) !important;\n margin-right: var(--spacing-xs) !important;\n margin-left: calc(1em * 10 / 16) !important;\n margin-left: var(--spacing-xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-vertical-xs {\n margin-top: calc(1em * 10 / 16) !important;\n margin-top: var(--spacing-xs) !important;\n margin-bottom: calc(1em * 10 / 16) !important;\n margin-bottom: var(--spacing-xs) !important;\n }\n\n .laptop\\:margin-y-xs {\n margin-top: calc(1em * 10 / 16) !important;\n margin-top: var(--spacing-xs) !important;\n margin-bottom: calc(1em * 10 / 16) !important;\n margin-bottom: var(--spacing-xs) !important;\n }\n .laptop\\:margin-sm {\n margin: calc(1em * 12 / 16) !important;\n margin: var(--spacing-sm) !important;\n }\n\n .laptop\\:margin-top-sm {\n margin-top: calc(1em * 12 / 16) !important;\n margin-top: var(--spacing-sm) !important;\n }\n\n .laptop\\:margin-right-sm {\n margin-right: calc(1em * 12 / 16) !important;\n margin-right: var(--spacing-sm) !important;\n }\n\n .laptop\\:margin-bottom-sm {\n margin-bottom: calc(1em * 12 / 16) !important;\n margin-bottom: var(--spacing-sm) !important;\n }\n\n .laptop\\:margin-left-sm {\n margin-left: calc(1em * 12 / 16) !important;\n margin-left: var(--spacing-sm) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-horizontal-sm {\n margin-right: calc(1em * 12 / 16) !important;\n margin-right: var(--spacing-sm) !important;\n margin-left: calc(1em * 12 / 16) !important;\n margin-left: var(--spacing-sm) !important;\n }\n\n .laptop\\:margin-x-sm {\n margin-right: calc(1em * 12 / 16) !important;\n margin-right: var(--spacing-sm) !important;\n margin-left: calc(1em * 12 / 16) !important;\n margin-left: var(--spacing-sm) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-vertical-sm {\n margin-top: calc(1em * 12 / 16) !important;\n margin-top: var(--spacing-sm) !important;\n margin-bottom: calc(1em * 12 / 16) !important;\n margin-bottom: var(--spacing-sm) !important;\n }\n\n .laptop\\:margin-y-sm {\n margin-top: calc(1em * 12 / 16) !important;\n margin-top: var(--spacing-sm) !important;\n margin-bottom: calc(1em * 12 / 16) !important;\n margin-bottom: var(--spacing-sm) !important;\n }\n .laptop\\:margin-md {\n margin: calc(1em * 1) !important;\n margin: var(--spacing-md) !important;\n }\n\n .laptop\\:margin-top-md {\n margin-top: calc(1em * 1) !important;\n margin-top: var(--spacing-md) !important;\n }\n\n .laptop\\:margin-right-md {\n margin-right: calc(1em * 1) !important;\n margin-right: var(--spacing-md) !important;\n }\n\n .laptop\\:margin-bottom-md {\n margin-bottom: calc(1em * 1) !important;\n margin-bottom: var(--spacing-md) !important;\n }\n\n .laptop\\:margin-left-md {\n margin-left: calc(1em * 1) !important;\n margin-left: var(--spacing-md) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-horizontal-md {\n margin-right: calc(1em * 1) !important;\n margin-right: var(--spacing-md) !important;\n margin-left: calc(1em * 1) !important;\n margin-left: var(--spacing-md) !important;\n }\n\n .laptop\\:margin-x-md {\n margin-right: calc(1em * 1) !important;\n margin-right: var(--spacing-md) !important;\n margin-left: calc(1em * 1) !important;\n margin-left: var(--spacing-md) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-vertical-md {\n margin-top: calc(1em * 1) !important;\n margin-top: var(--spacing-md) !important;\n margin-bottom: calc(1em * 1) !important;\n margin-bottom: var(--spacing-md) !important;\n }\n\n .laptop\\:margin-y-md {\n margin-top: calc(1em * 1) !important;\n margin-top: var(--spacing-md) !important;\n margin-bottom: calc(1em * 1) !important;\n margin-bottom: var(--spacing-md) !important;\n }\n .laptop\\:margin-lg {\n margin: calc(1em * 1.25) !important;\n margin: var(--spacing-lg) !important;\n }\n\n .laptop\\:margin-top-lg {\n margin-top: calc(1em * 1.25) !important;\n margin-top: var(--spacing-lg) !important;\n }\n\n .laptop\\:margin-right-lg {\n margin-right: calc(1em * 1.25) !important;\n margin-right: var(--spacing-lg) !important;\n }\n\n .laptop\\:margin-bottom-lg {\n margin-bottom: calc(1em * 1.25) !important;\n margin-bottom: var(--spacing-lg) !important;\n }\n\n .laptop\\:margin-left-lg {\n margin-left: calc(1em * 1.25) !important;\n margin-left: var(--spacing-lg) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-horizontal-lg {\n margin-right: calc(1em * 1.25) !important;\n margin-right: var(--spacing-lg) !important;\n margin-left: calc(1em * 1.25) !important;\n margin-left: var(--spacing-lg) !important;\n }\n\n .laptop\\:margin-x-lg {\n margin-right: calc(1em * 1.25) !important;\n margin-right: var(--spacing-lg) !important;\n margin-left: calc(1em * 1.25) !important;\n margin-left: var(--spacing-lg) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-vertical-lg {\n margin-top: calc(1em * 1.25) !important;\n margin-top: var(--spacing-lg) !important;\n margin-bottom: calc(1em * 1.25) !important;\n margin-bottom: var(--spacing-lg) !important;\n }\n\n .laptop\\:margin-y-lg {\n margin-top: calc(1em * 1.25) !important;\n margin-top: var(--spacing-lg) !important;\n margin-bottom: calc(1em * 1.25) !important;\n margin-bottom: var(--spacing-lg) !important;\n }\n .laptop\\:margin-xl {\n margin: calc(1em * 1.5) !important;\n margin: var(--spacing-xl) !important;\n }\n\n .laptop\\:margin-top-xl {\n margin-top: calc(1em * 1.5) !important;\n margin-top: var(--spacing-xl) !important;\n }\n\n .laptop\\:margin-right-xl {\n margin-right: calc(1em * 1.5) !important;\n margin-right: var(--spacing-xl) !important;\n }\n\n .laptop\\:margin-bottom-xl {\n margin-bottom: calc(1em * 1.5) !important;\n margin-bottom: var(--spacing-xl) !important;\n }\n\n .laptop\\:margin-left-xl {\n margin-left: calc(1em * 1.5) !important;\n margin-left: var(--spacing-xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-horizontal-xl {\n margin-right: calc(1em * 1.5) !important;\n margin-right: var(--spacing-xl) !important;\n margin-left: calc(1em * 1.5) !important;\n margin-left: var(--spacing-xl) !important;\n }\n\n .laptop\\:margin-x-xl {\n margin-right: calc(1em * 1.5) !important;\n margin-right: var(--spacing-xl) !important;\n margin-left: calc(1em * 1.5) !important;\n margin-left: var(--spacing-xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-vertical-xl {\n margin-top: calc(1em * 1.5) !important;\n margin-top: var(--spacing-xl) !important;\n margin-bottom: calc(1em * 1.5) !important;\n margin-bottom: var(--spacing-xl) !important;\n }\n\n .laptop\\:margin-y-xl {\n margin-top: calc(1em * 1.5) !important;\n margin-top: var(--spacing-xl) !important;\n margin-bottom: calc(1em * 1.5) !important;\n margin-bottom: var(--spacing-xl) !important;\n }\n .laptop\\:margin-2xl {\n margin: calc(1em * 2) !important;\n margin: var(--spacing-2xl) !important;\n }\n\n .laptop\\:margin-top-2xl {\n margin-top: calc(1em * 2) !important;\n margin-top: var(--spacing-2xl) !important;\n }\n\n .laptop\\:margin-right-2xl {\n margin-right: calc(1em * 2) !important;\n margin-right: var(--spacing-2xl) !important;\n }\n\n .laptop\\:margin-bottom-2xl {\n margin-bottom: calc(1em * 2) !important;\n margin-bottom: var(--spacing-2xl) !important;\n }\n\n .laptop\\:margin-left-2xl {\n margin-left: calc(1em * 2) !important;\n margin-left: var(--spacing-2xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-horizontal-2xl {\n margin-right: calc(1em * 2) !important;\n margin-right: var(--spacing-2xl) !important;\n margin-left: calc(1em * 2) !important;\n margin-left: var(--spacing-2xl) !important;\n }\n\n .laptop\\:margin-x-2xl {\n margin-right: calc(1em * 2) !important;\n margin-right: var(--spacing-2xl) !important;\n margin-left: calc(1em * 2) !important;\n margin-left: var(--spacing-2xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-vertical-2xl {\n margin-top: calc(1em * 2) !important;\n margin-top: var(--spacing-2xl) !important;\n margin-bottom: calc(1em * 2) !important;\n margin-bottom: var(--spacing-2xl) !important;\n }\n\n .laptop\\:margin-y-2xl {\n margin-top: calc(1em * 2) !important;\n margin-top: var(--spacing-2xl) !important;\n margin-bottom: calc(1em * 2) !important;\n margin-bottom: var(--spacing-2xl) !important;\n }\n .laptop\\:margin-3xl {\n margin: calc(1em * 2.5) !important;\n margin: var(--spacing-3xl) !important;\n }\n\n .laptop\\:margin-top-3xl {\n margin-top: calc(1em * 2.5) !important;\n margin-top: var(--spacing-3xl) !important;\n }\n\n .laptop\\:margin-right-3xl {\n margin-right: calc(1em * 2.5) !important;\n margin-right: var(--spacing-3xl) !important;\n }\n\n .laptop\\:margin-bottom-3xl {\n margin-bottom: calc(1em * 2.5) !important;\n margin-bottom: var(--spacing-3xl) !important;\n }\n\n .laptop\\:margin-left-3xl {\n margin-left: calc(1em * 2.5) !important;\n margin-left: var(--spacing-3xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-horizontal-3xl {\n margin-right: calc(1em * 2.5) !important;\n margin-right: var(--spacing-3xl) !important;\n margin-left: calc(1em * 2.5) !important;\n margin-left: var(--spacing-3xl) !important;\n }\n\n .laptop\\:margin-x-3xl {\n margin-right: calc(1em * 2.5) !important;\n margin-right: var(--spacing-3xl) !important;\n margin-left: calc(1em * 2.5) !important;\n margin-left: var(--spacing-3xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-vertical-3xl {\n margin-top: calc(1em * 2.5) !important;\n margin-top: var(--spacing-3xl) !important;\n margin-bottom: calc(1em * 2.5) !important;\n margin-bottom: var(--spacing-3xl) !important;\n }\n\n .laptop\\:margin-y-3xl {\n margin-top: calc(1em * 2.5) !important;\n margin-top: var(--spacing-3xl) !important;\n margin-bottom: calc(1em * 2.5) !important;\n margin-bottom: var(--spacing-3xl) !important;\n }\n .laptop\\:margin-4xl {\n margin: calc(1em * 3) !important;\n margin: var(--spacing-4xl) !important;\n }\n\n .laptop\\:margin-top-4xl {\n margin-top: calc(1em * 3) !important;\n margin-top: var(--spacing-4xl) !important;\n }\n\n .laptop\\:margin-right-4xl {\n margin-right: calc(1em * 3) !important;\n margin-right: var(--spacing-4xl) !important;\n }\n\n .laptop\\:margin-bottom-4xl {\n margin-bottom: calc(1em * 3) !important;\n margin-bottom: var(--spacing-4xl) !important;\n }\n\n .laptop\\:margin-left-4xl {\n margin-left: calc(1em * 3) !important;\n margin-left: var(--spacing-4xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-horizontal-4xl {\n margin-right: calc(1em * 3) !important;\n margin-right: var(--spacing-4xl) !important;\n margin-left: calc(1em * 3) !important;\n margin-left: var(--spacing-4xl) !important;\n }\n\n .laptop\\:margin-x-4xl {\n margin-right: calc(1em * 3) !important;\n margin-right: var(--spacing-4xl) !important;\n margin-left: calc(1em * 3) !important;\n margin-left: var(--spacing-4xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-vertical-4xl {\n margin-top: calc(1em * 3) !important;\n margin-top: var(--spacing-4xl) !important;\n margin-bottom: calc(1em * 3) !important;\n margin-bottom: var(--spacing-4xl) !important;\n }\n\n .laptop\\:margin-y-4xl {\n margin-top: calc(1em * 3) !important;\n margin-top: var(--spacing-4xl) !important;\n margin-bottom: calc(1em * 3) !important;\n margin-bottom: var(--spacing-4xl) !important;\n }\n .laptop\\:margin-5xl {\n margin: calc(1em * 4) !important;\n margin: var(--spacing-5xl) !important;\n }\n\n .laptop\\:margin-top-5xl {\n margin-top: calc(1em * 4) !important;\n margin-top: var(--spacing-5xl) !important;\n }\n\n .laptop\\:margin-right-5xl {\n margin-right: calc(1em * 4) !important;\n margin-right: var(--spacing-5xl) !important;\n }\n\n .laptop\\:margin-bottom-5xl {\n margin-bottom: calc(1em * 4) !important;\n margin-bottom: var(--spacing-5xl) !important;\n }\n\n .laptop\\:margin-left-5xl {\n margin-left: calc(1em * 4) !important;\n margin-left: var(--spacing-5xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-horizontal-5xl {\n margin-right: calc(1em * 4) !important;\n margin-right: var(--spacing-5xl) !important;\n margin-left: calc(1em * 4) !important;\n margin-left: var(--spacing-5xl) !important;\n }\n\n .laptop\\:margin-x-5xl {\n margin-right: calc(1em * 4) !important;\n margin-right: var(--spacing-5xl) !important;\n margin-left: calc(1em * 4) !important;\n margin-left: var(--spacing-5xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-vertical-5xl {\n margin-top: calc(1em * 4) !important;\n margin-top: var(--spacing-5xl) !important;\n margin-bottom: calc(1em * 4) !important;\n margin-bottom: var(--spacing-5xl) !important;\n }\n\n .laptop\\:margin-y-5xl {\n margin-top: calc(1em * 4) !important;\n margin-top: var(--spacing-5xl) !important;\n margin-bottom: calc(1em * 4) !important;\n margin-bottom: var(--spacing-5xl) !important;\n }\n .laptop\\:margin-6xl {\n margin: calc(1em * 5) !important;\n margin: var(--spacing-6xl) !important;\n }\n\n .laptop\\:margin-top-6xl {\n margin-top: calc(1em * 5) !important;\n margin-top: var(--spacing-6xl) !important;\n }\n\n .laptop\\:margin-right-6xl {\n margin-right: calc(1em * 5) !important;\n margin-right: var(--spacing-6xl) !important;\n }\n\n .laptop\\:margin-bottom-6xl {\n margin-bottom: calc(1em * 5) !important;\n margin-bottom: var(--spacing-6xl) !important;\n }\n\n .laptop\\:margin-left-6xl {\n margin-left: calc(1em * 5) !important;\n margin-left: var(--spacing-6xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-horizontal-6xl {\n margin-right: calc(1em * 5) !important;\n margin-right: var(--spacing-6xl) !important;\n margin-left: calc(1em * 5) !important;\n margin-left: var(--spacing-6xl) !important;\n }\n\n .laptop\\:margin-x-6xl {\n margin-right: calc(1em * 5) !important;\n margin-right: var(--spacing-6xl) !important;\n margin-left: calc(1em * 5) !important;\n margin-left: var(--spacing-6xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-vertical-6xl {\n margin-top: calc(1em * 5) !important;\n margin-top: var(--spacing-6xl) !important;\n margin-bottom: calc(1em * 5) !important;\n margin-bottom: var(--spacing-6xl) !important;\n }\n\n .laptop\\:margin-y-6xl {\n margin-top: calc(1em * 5) !important;\n margin-top: var(--spacing-6xl) !important;\n margin-bottom: calc(1em * 5) !important;\n margin-bottom: var(--spacing-6xl) !important;\n }\n .laptop\\:margin-7xl {\n margin: calc(1em * 6) !important;\n margin: var(--spacing-7xl) !important;\n }\n\n .laptop\\:margin-top-7xl {\n margin-top: calc(1em * 6) !important;\n margin-top: var(--spacing-7xl) !important;\n }\n\n .laptop\\:margin-right-7xl {\n margin-right: calc(1em * 6) !important;\n margin-right: var(--spacing-7xl) !important;\n }\n\n .laptop\\:margin-bottom-7xl {\n margin-bottom: calc(1em * 6) !important;\n margin-bottom: var(--spacing-7xl) !important;\n }\n\n .laptop\\:margin-left-7xl {\n margin-left: calc(1em * 6) !important;\n margin-left: var(--spacing-7xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-horizontal-7xl {\n margin-right: calc(1em * 6) !important;\n margin-right: var(--spacing-7xl) !important;\n margin-left: calc(1em * 6) !important;\n margin-left: var(--spacing-7xl) !important;\n }\n\n .laptop\\:margin-x-7xl {\n margin-right: calc(1em * 6) !important;\n margin-right: var(--spacing-7xl) !important;\n margin-left: calc(1em * 6) !important;\n margin-left: var(--spacing-7xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-vertical-7xl {\n margin-top: calc(1em * 6) !important;\n margin-top: var(--spacing-7xl) !important;\n margin-bottom: calc(1em * 6) !important;\n margin-bottom: var(--spacing-7xl) !important;\n }\n\n .laptop\\:margin-y-7xl {\n margin-top: calc(1em * 6) !important;\n margin-top: var(--spacing-7xl) !important;\n margin-bottom: calc(1em * 6) !important;\n margin-bottom: var(--spacing-7xl) !important;\n }\n .laptop\\:margin-8xl {\n margin: calc(1em * 8) !important;\n margin: var(--spacing-8xl) !important;\n }\n\n .laptop\\:margin-top-8xl {\n margin-top: calc(1em * 8) !important;\n margin-top: var(--spacing-8xl) !important;\n }\n\n .laptop\\:margin-right-8xl {\n margin-right: calc(1em * 8) !important;\n margin-right: var(--spacing-8xl) !important;\n }\n\n .laptop\\:margin-bottom-8xl {\n margin-bottom: calc(1em * 8) !important;\n margin-bottom: var(--spacing-8xl) !important;\n }\n\n .laptop\\:margin-left-8xl {\n margin-left: calc(1em * 8) !important;\n margin-left: var(--spacing-8xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-horizontal-8xl {\n margin-right: calc(1em * 8) !important;\n margin-right: var(--spacing-8xl) !important;\n margin-left: calc(1em * 8) !important;\n margin-left: var(--spacing-8xl) !important;\n }\n\n .laptop\\:margin-x-8xl {\n margin-right: calc(1em * 8) !important;\n margin-right: var(--spacing-8xl) !important;\n margin-left: calc(1em * 8) !important;\n margin-left: var(--spacing-8xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-vertical-8xl {\n margin-top: calc(1em * 8) !important;\n margin-top: var(--spacing-8xl) !important;\n margin-bottom: calc(1em * 8) !important;\n margin-bottom: var(--spacing-8xl) !important;\n }\n\n .laptop\\:margin-y-8xl {\n margin-top: calc(1em * 8) !important;\n margin-top: var(--spacing-8xl) !important;\n margin-bottom: calc(1em * 8) !important;\n margin-bottom: var(--spacing-8xl) !important;\n }\n .laptop\\:margin-9xl {\n margin: calc(1em * 10) !important;\n margin: var(--spacing-9xl) !important;\n }\n\n .laptop\\:margin-top-9xl {\n margin-top: calc(1em * 10) !important;\n margin-top: var(--spacing-9xl) !important;\n }\n\n .laptop\\:margin-right-9xl {\n margin-right: calc(1em * 10) !important;\n margin-right: var(--spacing-9xl) !important;\n }\n\n .laptop\\:margin-bottom-9xl {\n margin-bottom: calc(1em * 10) !important;\n margin-bottom: var(--spacing-9xl) !important;\n }\n\n .laptop\\:margin-left-9xl {\n margin-left: calc(1em * 10) !important;\n margin-left: var(--spacing-9xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-horizontal-9xl {\n margin-right: calc(1em * 10) !important;\n margin-right: var(--spacing-9xl) !important;\n margin-left: calc(1em * 10) !important;\n margin-left: var(--spacing-9xl) !important;\n }\n\n .laptop\\:margin-x-9xl {\n margin-right: calc(1em * 10) !important;\n margin-right: var(--spacing-9xl) !important;\n margin-left: calc(1em * 10) !important;\n margin-left: var(--spacing-9xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-vertical-9xl {\n margin-top: calc(1em * 10) !important;\n margin-top: var(--spacing-9xl) !important;\n margin-bottom: calc(1em * 10) !important;\n margin-bottom: var(--spacing-9xl) !important;\n }\n\n .laptop\\:margin-y-9xl {\n margin-top: calc(1em * 10) !important;\n margin-top: var(--spacing-9xl) !important;\n margin-bottom: calc(1em * 10) !important;\n margin-bottom: var(--spacing-9xl) !important;\n }\n .laptop\\:margin-10xl {\n margin: calc(1em * 12) !important;\n margin: var(--spacing-10xl) !important;\n }\n\n .laptop\\:margin-top-10xl {\n margin-top: calc(1em * 12) !important;\n margin-top: var(--spacing-10xl) !important;\n }\n\n .laptop\\:margin-right-10xl {\n margin-right: calc(1em * 12) !important;\n margin-right: var(--spacing-10xl) !important;\n }\n\n .laptop\\:margin-bottom-10xl {\n margin-bottom: calc(1em * 12) !important;\n margin-bottom: var(--spacing-10xl) !important;\n }\n\n .laptop\\:margin-left-10xl {\n margin-left: calc(1em * 12) !important;\n margin-left: var(--spacing-10xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-horizontal-10xl {\n margin-right: calc(1em * 12) !important;\n margin-right: var(--spacing-10xl) !important;\n margin-left: calc(1em * 12) !important;\n margin-left: var(--spacing-10xl) !important;\n }\n\n .laptop\\:margin-x-10xl {\n margin-right: calc(1em * 12) !important;\n margin-right: var(--spacing-10xl) !important;\n margin-left: calc(1em * 12) !important;\n margin-left: var(--spacing-10xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-vertical-10xl {\n margin-top: calc(1em * 12) !important;\n margin-top: var(--spacing-10xl) !important;\n margin-bottom: calc(1em * 12) !important;\n margin-bottom: var(--spacing-10xl) !important;\n }\n\n .laptop\\:margin-y-10xl {\n margin-top: calc(1em * 12) !important;\n margin-top: var(--spacing-10xl) !important;\n margin-bottom: calc(1em * 12) !important;\n margin-bottom: var(--spacing-10xl) !important;\n }\n .laptop\\:margin-11xl {\n margin: calc(1em * 16) !important;\n margin: var(--spacing-11xl) !important;\n }\n\n .laptop\\:margin-top-11xl {\n margin-top: calc(1em * 16) !important;\n margin-top: var(--spacing-11xl) !important;\n }\n\n .laptop\\:margin-right-11xl {\n margin-right: calc(1em * 16) !important;\n margin-right: var(--spacing-11xl) !important;\n }\n\n .laptop\\:margin-bottom-11xl {\n margin-bottom: calc(1em * 16) !important;\n margin-bottom: var(--spacing-11xl) !important;\n }\n\n .laptop\\:margin-left-11xl {\n margin-left: calc(1em * 16) !important;\n margin-left: var(--spacing-11xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-horizontal-11xl {\n margin-right: calc(1em * 16) !important;\n margin-right: var(--spacing-11xl) !important;\n margin-left: calc(1em * 16) !important;\n margin-left: var(--spacing-11xl) !important;\n }\n\n .laptop\\:margin-x-11xl {\n margin-right: calc(1em * 16) !important;\n margin-right: var(--spacing-11xl) !important;\n margin-left: calc(1em * 16) !important;\n margin-left: var(--spacing-11xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-vertical-11xl {\n margin-top: calc(1em * 16) !important;\n margin-top: var(--spacing-11xl) !important;\n margin-bottom: calc(1em * 16) !important;\n margin-bottom: var(--spacing-11xl) !important;\n }\n\n .laptop\\:margin-y-11xl {\n margin-top: calc(1em * 16) !important;\n margin-top: var(--spacing-11xl) !important;\n margin-bottom: calc(1em * 16) !important;\n margin-bottom: var(--spacing-11xl) !important;\n }\n .laptop\\:margin-12xl {\n margin: calc(1em * 20) !important;\n margin: var(--spacing-12xl) !important;\n }\n\n .laptop\\:margin-top-12xl {\n margin-top: calc(1em * 20) !important;\n margin-top: var(--spacing-12xl) !important;\n }\n\n .laptop\\:margin-right-12xl {\n margin-right: calc(1em * 20) !important;\n margin-right: var(--spacing-12xl) !important;\n }\n\n .laptop\\:margin-bottom-12xl {\n margin-bottom: calc(1em * 20) !important;\n margin-bottom: var(--spacing-12xl) !important;\n }\n\n .laptop\\:margin-left-12xl {\n margin-left: calc(1em * 20) !important;\n margin-left: var(--spacing-12xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-horizontal-12xl {\n margin-right: calc(1em * 20) !important;\n margin-right: var(--spacing-12xl) !important;\n margin-left: calc(1em * 20) !important;\n margin-left: var(--spacing-12xl) !important;\n }\n\n .laptop\\:margin-x-12xl {\n margin-right: calc(1em * 20) !important;\n margin-right: var(--spacing-12xl) !important;\n margin-left: calc(1em * 20) !important;\n margin-left: var(--spacing-12xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-vertical-12xl {\n margin-top: calc(1em * 20) !important;\n margin-top: var(--spacing-12xl) !important;\n margin-bottom: calc(1em * 20) !important;\n margin-bottom: var(--spacing-12xl) !important;\n }\n\n .laptop\\:margin-y-12xl {\n margin-top: calc(1em * 20) !important;\n margin-top: var(--spacing-12xl) !important;\n margin-bottom: calc(1em * 20) !important;\n margin-bottom: var(--spacing-12xl) !important;\n }\n .laptop\\:margin-0 {\n margin: 0 !important;\n margin: var(--spacing-0) !important;\n }\n\n .laptop\\:margin-top-0 {\n margin-top: 0 !important;\n margin-top: var(--spacing-0) !important;\n }\n\n .laptop\\:margin-right-0 {\n margin-right: 0 !important;\n margin-right: var(--spacing-0) !important;\n }\n\n .laptop\\:margin-bottom-0 {\n margin-bottom: 0 !important;\n margin-bottom: var(--spacing-0) !important;\n }\n\n .laptop\\:margin-left-0 {\n margin-left: 0 !important;\n margin-left: var(--spacing-0) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-horizontal-0 {\n margin-right: 0 !important;\n margin-right: var(--spacing-0) !important;\n margin-left: 0 !important;\n margin-left: var(--spacing-0) !important;\n }\n\n .laptop\\:margin-x-0 {\n margin-right: 0 !important;\n margin-right: var(--spacing-0) !important;\n margin-left: 0 !important;\n margin-left: var(--spacing-0) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-vertical-0 {\n margin-top: 0 !important;\n margin-top: var(--spacing-0) !important;\n margin-bottom: 0 !important;\n margin-bottom: var(--spacing-0) !important;\n }\n\n .laptop\\:margin-y-0 {\n margin-top: 0 !important;\n margin-top: var(--spacing-0) !important;\n margin-bottom: 0 !important;\n margin-bottom: var(--spacing-0) !important;\n }\n .laptop\\:margin-1 {\n margin: calc(1em * 1 / 16) !important;\n margin: var(--spacing-1) !important;\n }\n\n .laptop\\:margin-top-1 {\n margin-top: calc(1em * 1 / 16) !important;\n margin-top: var(--spacing-1) !important;\n }\n\n .laptop\\:margin-right-1 {\n margin-right: calc(1em * 1 / 16) !important;\n margin-right: var(--spacing-1) !important;\n }\n\n .laptop\\:margin-bottom-1 {\n margin-bottom: calc(1em * 1 / 16) !important;\n margin-bottom: var(--spacing-1) !important;\n }\n\n .laptop\\:margin-left-1 {\n margin-left: calc(1em * 1 / 16) !important;\n margin-left: var(--spacing-1) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-horizontal-1 {\n margin-right: calc(1em * 1 / 16) !important;\n margin-right: var(--spacing-1) !important;\n margin-left: calc(1em * 1 / 16) !important;\n margin-left: var(--spacing-1) !important;\n }\n\n .laptop\\:margin-x-1 {\n margin-right: calc(1em * 1 / 16) !important;\n margin-right: var(--spacing-1) !important;\n margin-left: calc(1em * 1 / 16) !important;\n margin-left: var(--spacing-1) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-vertical-1 {\n margin-top: calc(1em * 1 / 16) !important;\n margin-top: var(--spacing-1) !important;\n margin-bottom: calc(1em * 1 / 16) !important;\n margin-bottom: var(--spacing-1) !important;\n }\n\n .laptop\\:margin-y-1 {\n margin-top: calc(1em * 1 / 16) !important;\n margin-top: var(--spacing-1) !important;\n margin-bottom: calc(1em * 1 / 16) !important;\n margin-bottom: var(--spacing-1) !important;\n }\n .laptop\\:margin-1px {\n margin: 1px !important;\n margin: var(--spacing-1px) !important;\n }\n\n .laptop\\:margin-top-1px {\n margin-top: 1px !important;\n margin-top: var(--spacing-1px) !important;\n }\n\n .laptop\\:margin-right-1px {\n margin-right: 1px !important;\n margin-right: var(--spacing-1px) !important;\n }\n\n .laptop\\:margin-bottom-1px {\n margin-bottom: 1px !important;\n margin-bottom: var(--spacing-1px) !important;\n }\n\n .laptop\\:margin-left-1px {\n margin-left: 1px !important;\n margin-left: var(--spacing-1px) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-horizontal-1px {\n margin-right: 1px !important;\n margin-right: var(--spacing-1px) !important;\n margin-left: 1px !important;\n margin-left: var(--spacing-1px) !important;\n }\n\n .laptop\\:margin-x-1px {\n margin-right: 1px !important;\n margin-right: var(--spacing-1px) !important;\n margin-left: 1px !important;\n margin-left: var(--spacing-1px) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:margin-vertical-1px {\n margin-top: 1px !important;\n margin-top: var(--spacing-1px) !important;\n margin-bottom: 1px !important;\n margin-bottom: var(--spacing-1px) !important;\n }\n\n .laptop\\:margin-y-1px {\n margin-top: 1px !important;\n margin-top: var(--spacing-1px) !important;\n margin-bottom: 1px !important;\n margin-bottom: var(--spacing-1px) !important;\n }\n}\n@media (min-width: 96rem) {\n .desktop\\:margin-7xs {\n margin: calc(1em * 1 / 16) !important;\n margin: var(--spacing-7xs) !important;\n }\n\n .desktop\\:margin-top-7xs {\n margin-top: calc(1em * 1 / 16) !important;\n margin-top: var(--spacing-7xs) !important;\n }\n\n .desktop\\:margin-right-7xs {\n margin-right: calc(1em * 1 / 16) !important;\n margin-right: var(--spacing-7xs) !important;\n }\n\n .desktop\\:margin-bottom-7xs {\n margin-bottom: calc(1em * 1 / 16) !important;\n margin-bottom: var(--spacing-7xs) !important;\n }\n\n .desktop\\:margin-left-7xs {\n margin-left: calc(1em * 1 / 16) !important;\n margin-left: var(--spacing-7xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-horizontal-7xs {\n margin-right: calc(1em * 1 / 16) !important;\n margin-right: var(--spacing-7xs) !important;\n margin-left: calc(1em * 1 / 16) !important;\n margin-left: var(--spacing-7xs) !important;\n }\n\n .desktop\\:margin-x-7xs {\n margin-right: calc(1em * 1 / 16) !important;\n margin-right: var(--spacing-7xs) !important;\n margin-left: calc(1em * 1 / 16) !important;\n margin-left: var(--spacing-7xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-vertical-7xs {\n margin-top: calc(1em * 1 / 16) !important;\n margin-top: var(--spacing-7xs) !important;\n margin-bottom: calc(1em * 1 / 16) !important;\n margin-bottom: var(--spacing-7xs) !important;\n }\n\n .desktop\\:margin-y-7xs {\n margin-top: calc(1em * 1 / 16) !important;\n margin-top: var(--spacing-7xs) !important;\n margin-bottom: calc(1em * 1 / 16) !important;\n margin-bottom: var(--spacing-7xs) !important;\n }\n .desktop\\:margin-6xs {\n margin: calc(1em * 2 / 16) !important;\n margin: var(--spacing-6xs) !important;\n }\n\n .desktop\\:margin-top-6xs {\n margin-top: calc(1em * 2 / 16) !important;\n margin-top: var(--spacing-6xs) !important;\n }\n\n .desktop\\:margin-right-6xs {\n margin-right: calc(1em * 2 / 16) !important;\n margin-right: var(--spacing-6xs) !important;\n }\n\n .desktop\\:margin-bottom-6xs {\n margin-bottom: calc(1em * 2 / 16) !important;\n margin-bottom: var(--spacing-6xs) !important;\n }\n\n .desktop\\:margin-left-6xs {\n margin-left: calc(1em * 2 / 16) !important;\n margin-left: var(--spacing-6xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-horizontal-6xs {\n margin-right: calc(1em * 2 / 16) !important;\n margin-right: var(--spacing-6xs) !important;\n margin-left: calc(1em * 2 / 16) !important;\n margin-left: var(--spacing-6xs) !important;\n }\n\n .desktop\\:margin-x-6xs {\n margin-right: calc(1em * 2 / 16) !important;\n margin-right: var(--spacing-6xs) !important;\n margin-left: calc(1em * 2 / 16) !important;\n margin-left: var(--spacing-6xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-vertical-6xs {\n margin-top: calc(1em * 2 / 16) !important;\n margin-top: var(--spacing-6xs) !important;\n margin-bottom: calc(1em * 2 / 16) !important;\n margin-bottom: var(--spacing-6xs) !important;\n }\n\n .desktop\\:margin-y-6xs {\n margin-top: calc(1em * 2 / 16) !important;\n margin-top: var(--spacing-6xs) !important;\n margin-bottom: calc(1em * 2 / 16) !important;\n margin-bottom: var(--spacing-6xs) !important;\n }\n .desktop\\:margin-5xs {\n margin: calc(1em * 3 / 16) !important;\n margin: var(--spacing-5xs) !important;\n }\n\n .desktop\\:margin-top-5xs {\n margin-top: calc(1em * 3 / 16) !important;\n margin-top: var(--spacing-5xs) !important;\n }\n\n .desktop\\:margin-right-5xs {\n margin-right: calc(1em * 3 / 16) !important;\n margin-right: var(--spacing-5xs) !important;\n }\n\n .desktop\\:margin-bottom-5xs {\n margin-bottom: calc(1em * 3 / 16) !important;\n margin-bottom: var(--spacing-5xs) !important;\n }\n\n .desktop\\:margin-left-5xs {\n margin-left: calc(1em * 3 / 16) !important;\n margin-left: var(--spacing-5xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-horizontal-5xs {\n margin-right: calc(1em * 3 / 16) !important;\n margin-right: var(--spacing-5xs) !important;\n margin-left: calc(1em * 3 / 16) !important;\n margin-left: var(--spacing-5xs) !important;\n }\n\n .desktop\\:margin-x-5xs {\n margin-right: calc(1em * 3 / 16) !important;\n margin-right: var(--spacing-5xs) !important;\n margin-left: calc(1em * 3 / 16) !important;\n margin-left: var(--spacing-5xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-vertical-5xs {\n margin-top: calc(1em * 3 / 16) !important;\n margin-top: var(--spacing-5xs) !important;\n margin-bottom: calc(1em * 3 / 16) !important;\n margin-bottom: var(--spacing-5xs) !important;\n }\n\n .desktop\\:margin-y-5xs {\n margin-top: calc(1em * 3 / 16) !important;\n margin-top: var(--spacing-5xs) !important;\n margin-bottom: calc(1em * 3 / 16) !important;\n margin-bottom: var(--spacing-5xs) !important;\n }\n .desktop\\:margin-4xs {\n margin: calc(1em * 4 / 16) !important;\n margin: var(--spacing-4xs) !important;\n }\n\n .desktop\\:margin-top-4xs {\n margin-top: calc(1em * 4 / 16) !important;\n margin-top: var(--spacing-4xs) !important;\n }\n\n .desktop\\:margin-right-4xs {\n margin-right: calc(1em * 4 / 16) !important;\n margin-right: var(--spacing-4xs) !important;\n }\n\n .desktop\\:margin-bottom-4xs {\n margin-bottom: calc(1em * 4 / 16) !important;\n margin-bottom: var(--spacing-4xs) !important;\n }\n\n .desktop\\:margin-left-4xs {\n margin-left: calc(1em * 4 / 16) !important;\n margin-left: var(--spacing-4xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-horizontal-4xs {\n margin-right: calc(1em * 4 / 16) !important;\n margin-right: var(--spacing-4xs) !important;\n margin-left: calc(1em * 4 / 16) !important;\n margin-left: var(--spacing-4xs) !important;\n }\n\n .desktop\\:margin-x-4xs {\n margin-right: calc(1em * 4 / 16) !important;\n margin-right: var(--spacing-4xs) !important;\n margin-left: calc(1em * 4 / 16) !important;\n margin-left: var(--spacing-4xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-vertical-4xs {\n margin-top: calc(1em * 4 / 16) !important;\n margin-top: var(--spacing-4xs) !important;\n margin-bottom: calc(1em * 4 / 16) !important;\n margin-bottom: var(--spacing-4xs) !important;\n }\n\n .desktop\\:margin-y-4xs {\n margin-top: calc(1em * 4 / 16) !important;\n margin-top: var(--spacing-4xs) !important;\n margin-bottom: calc(1em * 4 / 16) !important;\n margin-bottom: var(--spacing-4xs) !important;\n }\n .desktop\\:margin-3xs {\n margin: calc(1em * 6 / 16) !important;\n margin: var(--spacing-3xs) !important;\n }\n\n .desktop\\:margin-top-3xs {\n margin-top: calc(1em * 6 / 16) !important;\n margin-top: var(--spacing-3xs) !important;\n }\n\n .desktop\\:margin-right-3xs {\n margin-right: calc(1em * 6 / 16) !important;\n margin-right: var(--spacing-3xs) !important;\n }\n\n .desktop\\:margin-bottom-3xs {\n margin-bottom: calc(1em * 6 / 16) !important;\n margin-bottom: var(--spacing-3xs) !important;\n }\n\n .desktop\\:margin-left-3xs {\n margin-left: calc(1em * 6 / 16) !important;\n margin-left: var(--spacing-3xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-horizontal-3xs {\n margin-right: calc(1em * 6 / 16) !important;\n margin-right: var(--spacing-3xs) !important;\n margin-left: calc(1em * 6 / 16) !important;\n margin-left: var(--spacing-3xs) !important;\n }\n\n .desktop\\:margin-x-3xs {\n margin-right: calc(1em * 6 / 16) !important;\n margin-right: var(--spacing-3xs) !important;\n margin-left: calc(1em * 6 / 16) !important;\n margin-left: var(--spacing-3xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-vertical-3xs {\n margin-top: calc(1em * 6 / 16) !important;\n margin-top: var(--spacing-3xs) !important;\n margin-bottom: calc(1em * 6 / 16) !important;\n margin-bottom: var(--spacing-3xs) !important;\n }\n\n .desktop\\:margin-y-3xs {\n margin-top: calc(1em * 6 / 16) !important;\n margin-top: var(--spacing-3xs) !important;\n margin-bottom: calc(1em * 6 / 16) !important;\n margin-bottom: var(--spacing-3xs) !important;\n }\n .desktop\\:margin-2xs {\n margin: calc(1em * 8 / 16) !important;\n margin: var(--spacing-2xs) !important;\n }\n\n .desktop\\:margin-top-2xs {\n margin-top: calc(1em * 8 / 16) !important;\n margin-top: var(--spacing-2xs) !important;\n }\n\n .desktop\\:margin-right-2xs {\n margin-right: calc(1em * 8 / 16) !important;\n margin-right: var(--spacing-2xs) !important;\n }\n\n .desktop\\:margin-bottom-2xs {\n margin-bottom: calc(1em * 8 / 16) !important;\n margin-bottom: var(--spacing-2xs) !important;\n }\n\n .desktop\\:margin-left-2xs {\n margin-left: calc(1em * 8 / 16) !important;\n margin-left: var(--spacing-2xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-horizontal-2xs {\n margin-right: calc(1em * 8 / 16) !important;\n margin-right: var(--spacing-2xs) !important;\n margin-left: calc(1em * 8 / 16) !important;\n margin-left: var(--spacing-2xs) !important;\n }\n\n .desktop\\:margin-x-2xs {\n margin-right: calc(1em * 8 / 16) !important;\n margin-right: var(--spacing-2xs) !important;\n margin-left: calc(1em * 8 / 16) !important;\n margin-left: var(--spacing-2xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-vertical-2xs {\n margin-top: calc(1em * 8 / 16) !important;\n margin-top: var(--spacing-2xs) !important;\n margin-bottom: calc(1em * 8 / 16) !important;\n margin-bottom: var(--spacing-2xs) !important;\n }\n\n .desktop\\:margin-y-2xs {\n margin-top: calc(1em * 8 / 16) !important;\n margin-top: var(--spacing-2xs) !important;\n margin-bottom: calc(1em * 8 / 16) !important;\n margin-bottom: var(--spacing-2xs) !important;\n }\n .desktop\\:margin-xs {\n margin: calc(1em * 10 / 16) !important;\n margin: var(--spacing-xs) !important;\n }\n\n .desktop\\:margin-top-xs {\n margin-top: calc(1em * 10 / 16) !important;\n margin-top: var(--spacing-xs) !important;\n }\n\n .desktop\\:margin-right-xs {\n margin-right: calc(1em * 10 / 16) !important;\n margin-right: var(--spacing-xs) !important;\n }\n\n .desktop\\:margin-bottom-xs {\n margin-bottom: calc(1em * 10 / 16) !important;\n margin-bottom: var(--spacing-xs) !important;\n }\n\n .desktop\\:margin-left-xs {\n margin-left: calc(1em * 10 / 16) !important;\n margin-left: var(--spacing-xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-horizontal-xs {\n margin-right: calc(1em * 10 / 16) !important;\n margin-right: var(--spacing-xs) !important;\n margin-left: calc(1em * 10 / 16) !important;\n margin-left: var(--spacing-xs) !important;\n }\n\n .desktop\\:margin-x-xs {\n margin-right: calc(1em * 10 / 16) !important;\n margin-right: var(--spacing-xs) !important;\n margin-left: calc(1em * 10 / 16) !important;\n margin-left: var(--spacing-xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-vertical-xs {\n margin-top: calc(1em * 10 / 16) !important;\n margin-top: var(--spacing-xs) !important;\n margin-bottom: calc(1em * 10 / 16) !important;\n margin-bottom: var(--spacing-xs) !important;\n }\n\n .desktop\\:margin-y-xs {\n margin-top: calc(1em * 10 / 16) !important;\n margin-top: var(--spacing-xs) !important;\n margin-bottom: calc(1em * 10 / 16) !important;\n margin-bottom: var(--spacing-xs) !important;\n }\n .desktop\\:margin-sm {\n margin: calc(1em * 12 / 16) !important;\n margin: var(--spacing-sm) !important;\n }\n\n .desktop\\:margin-top-sm {\n margin-top: calc(1em * 12 / 16) !important;\n margin-top: var(--spacing-sm) !important;\n }\n\n .desktop\\:margin-right-sm {\n margin-right: calc(1em * 12 / 16) !important;\n margin-right: var(--spacing-sm) !important;\n }\n\n .desktop\\:margin-bottom-sm {\n margin-bottom: calc(1em * 12 / 16) !important;\n margin-bottom: var(--spacing-sm) !important;\n }\n\n .desktop\\:margin-left-sm {\n margin-left: calc(1em * 12 / 16) !important;\n margin-left: var(--spacing-sm) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-horizontal-sm {\n margin-right: calc(1em * 12 / 16) !important;\n margin-right: var(--spacing-sm) !important;\n margin-left: calc(1em * 12 / 16) !important;\n margin-left: var(--spacing-sm) !important;\n }\n\n .desktop\\:margin-x-sm {\n margin-right: calc(1em * 12 / 16) !important;\n margin-right: var(--spacing-sm) !important;\n margin-left: calc(1em * 12 / 16) !important;\n margin-left: var(--spacing-sm) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-vertical-sm {\n margin-top: calc(1em * 12 / 16) !important;\n margin-top: var(--spacing-sm) !important;\n margin-bottom: calc(1em * 12 / 16) !important;\n margin-bottom: var(--spacing-sm) !important;\n }\n\n .desktop\\:margin-y-sm {\n margin-top: calc(1em * 12 / 16) !important;\n margin-top: var(--spacing-sm) !important;\n margin-bottom: calc(1em * 12 / 16) !important;\n margin-bottom: var(--spacing-sm) !important;\n }\n .desktop\\:margin-md {\n margin: calc(1em * 1) !important;\n margin: var(--spacing-md) !important;\n }\n\n .desktop\\:margin-top-md {\n margin-top: calc(1em * 1) !important;\n margin-top: var(--spacing-md) !important;\n }\n\n .desktop\\:margin-right-md {\n margin-right: calc(1em * 1) !important;\n margin-right: var(--spacing-md) !important;\n }\n\n .desktop\\:margin-bottom-md {\n margin-bottom: calc(1em * 1) !important;\n margin-bottom: var(--spacing-md) !important;\n }\n\n .desktop\\:margin-left-md {\n margin-left: calc(1em * 1) !important;\n margin-left: var(--spacing-md) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-horizontal-md {\n margin-right: calc(1em * 1) !important;\n margin-right: var(--spacing-md) !important;\n margin-left: calc(1em * 1) !important;\n margin-left: var(--spacing-md) !important;\n }\n\n .desktop\\:margin-x-md {\n margin-right: calc(1em * 1) !important;\n margin-right: var(--spacing-md) !important;\n margin-left: calc(1em * 1) !important;\n margin-left: var(--spacing-md) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-vertical-md {\n margin-top: calc(1em * 1) !important;\n margin-top: var(--spacing-md) !important;\n margin-bottom: calc(1em * 1) !important;\n margin-bottom: var(--spacing-md) !important;\n }\n\n .desktop\\:margin-y-md {\n margin-top: calc(1em * 1) !important;\n margin-top: var(--spacing-md) !important;\n margin-bottom: calc(1em * 1) !important;\n margin-bottom: var(--spacing-md) !important;\n }\n .desktop\\:margin-lg {\n margin: calc(1em * 1.25) !important;\n margin: var(--spacing-lg) !important;\n }\n\n .desktop\\:margin-top-lg {\n margin-top: calc(1em * 1.25) !important;\n margin-top: var(--spacing-lg) !important;\n }\n\n .desktop\\:margin-right-lg {\n margin-right: calc(1em * 1.25) !important;\n margin-right: var(--spacing-lg) !important;\n }\n\n .desktop\\:margin-bottom-lg {\n margin-bottom: calc(1em * 1.25) !important;\n margin-bottom: var(--spacing-lg) !important;\n }\n\n .desktop\\:margin-left-lg {\n margin-left: calc(1em * 1.25) !important;\n margin-left: var(--spacing-lg) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-horizontal-lg {\n margin-right: calc(1em * 1.25) !important;\n margin-right: var(--spacing-lg) !important;\n margin-left: calc(1em * 1.25) !important;\n margin-left: var(--spacing-lg) !important;\n }\n\n .desktop\\:margin-x-lg {\n margin-right: calc(1em * 1.25) !important;\n margin-right: var(--spacing-lg) !important;\n margin-left: calc(1em * 1.25) !important;\n margin-left: var(--spacing-lg) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-vertical-lg {\n margin-top: calc(1em * 1.25) !important;\n margin-top: var(--spacing-lg) !important;\n margin-bottom: calc(1em * 1.25) !important;\n margin-bottom: var(--spacing-lg) !important;\n }\n\n .desktop\\:margin-y-lg {\n margin-top: calc(1em * 1.25) !important;\n margin-top: var(--spacing-lg) !important;\n margin-bottom: calc(1em * 1.25) !important;\n margin-bottom: var(--spacing-lg) !important;\n }\n .desktop\\:margin-xl {\n margin: calc(1em * 1.5) !important;\n margin: var(--spacing-xl) !important;\n }\n\n .desktop\\:margin-top-xl {\n margin-top: calc(1em * 1.5) !important;\n margin-top: var(--spacing-xl) !important;\n }\n\n .desktop\\:margin-right-xl {\n margin-right: calc(1em * 1.5) !important;\n margin-right: var(--spacing-xl) !important;\n }\n\n .desktop\\:margin-bottom-xl {\n margin-bottom: calc(1em * 1.5) !important;\n margin-bottom: var(--spacing-xl) !important;\n }\n\n .desktop\\:margin-left-xl {\n margin-left: calc(1em * 1.5) !important;\n margin-left: var(--spacing-xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-horizontal-xl {\n margin-right: calc(1em * 1.5) !important;\n margin-right: var(--spacing-xl) !important;\n margin-left: calc(1em * 1.5) !important;\n margin-left: var(--spacing-xl) !important;\n }\n\n .desktop\\:margin-x-xl {\n margin-right: calc(1em * 1.5) !important;\n margin-right: var(--spacing-xl) !important;\n margin-left: calc(1em * 1.5) !important;\n margin-left: var(--spacing-xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-vertical-xl {\n margin-top: calc(1em * 1.5) !important;\n margin-top: var(--spacing-xl) !important;\n margin-bottom: calc(1em * 1.5) !important;\n margin-bottom: var(--spacing-xl) !important;\n }\n\n .desktop\\:margin-y-xl {\n margin-top: calc(1em * 1.5) !important;\n margin-top: var(--spacing-xl) !important;\n margin-bottom: calc(1em * 1.5) !important;\n margin-bottom: var(--spacing-xl) !important;\n }\n .desktop\\:margin-2xl {\n margin: calc(1em * 2) !important;\n margin: var(--spacing-2xl) !important;\n }\n\n .desktop\\:margin-top-2xl {\n margin-top: calc(1em * 2) !important;\n margin-top: var(--spacing-2xl) !important;\n }\n\n .desktop\\:margin-right-2xl {\n margin-right: calc(1em * 2) !important;\n margin-right: var(--spacing-2xl) !important;\n }\n\n .desktop\\:margin-bottom-2xl {\n margin-bottom: calc(1em * 2) !important;\n margin-bottom: var(--spacing-2xl) !important;\n }\n\n .desktop\\:margin-left-2xl {\n margin-left: calc(1em * 2) !important;\n margin-left: var(--spacing-2xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-horizontal-2xl {\n margin-right: calc(1em * 2) !important;\n margin-right: var(--spacing-2xl) !important;\n margin-left: calc(1em * 2) !important;\n margin-left: var(--spacing-2xl) !important;\n }\n\n .desktop\\:margin-x-2xl {\n margin-right: calc(1em * 2) !important;\n margin-right: var(--spacing-2xl) !important;\n margin-left: calc(1em * 2) !important;\n margin-left: var(--spacing-2xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-vertical-2xl {\n margin-top: calc(1em * 2) !important;\n margin-top: var(--spacing-2xl) !important;\n margin-bottom: calc(1em * 2) !important;\n margin-bottom: var(--spacing-2xl) !important;\n }\n\n .desktop\\:margin-y-2xl {\n margin-top: calc(1em * 2) !important;\n margin-top: var(--spacing-2xl) !important;\n margin-bottom: calc(1em * 2) !important;\n margin-bottom: var(--spacing-2xl) !important;\n }\n .desktop\\:margin-3xl {\n margin: calc(1em * 2.5) !important;\n margin: var(--spacing-3xl) !important;\n }\n\n .desktop\\:margin-top-3xl {\n margin-top: calc(1em * 2.5) !important;\n margin-top: var(--spacing-3xl) !important;\n }\n\n .desktop\\:margin-right-3xl {\n margin-right: calc(1em * 2.5) !important;\n margin-right: var(--spacing-3xl) !important;\n }\n\n .desktop\\:margin-bottom-3xl {\n margin-bottom: calc(1em * 2.5) !important;\n margin-bottom: var(--spacing-3xl) !important;\n }\n\n .desktop\\:margin-left-3xl {\n margin-left: calc(1em * 2.5) !important;\n margin-left: var(--spacing-3xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-horizontal-3xl {\n margin-right: calc(1em * 2.5) !important;\n margin-right: var(--spacing-3xl) !important;\n margin-left: calc(1em * 2.5) !important;\n margin-left: var(--spacing-3xl) !important;\n }\n\n .desktop\\:margin-x-3xl {\n margin-right: calc(1em * 2.5) !important;\n margin-right: var(--spacing-3xl) !important;\n margin-left: calc(1em * 2.5) !important;\n margin-left: var(--spacing-3xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-vertical-3xl {\n margin-top: calc(1em * 2.5) !important;\n margin-top: var(--spacing-3xl) !important;\n margin-bottom: calc(1em * 2.5) !important;\n margin-bottom: var(--spacing-3xl) !important;\n }\n\n .desktop\\:margin-y-3xl {\n margin-top: calc(1em * 2.5) !important;\n margin-top: var(--spacing-3xl) !important;\n margin-bottom: calc(1em * 2.5) !important;\n margin-bottom: var(--spacing-3xl) !important;\n }\n .desktop\\:margin-4xl {\n margin: calc(1em * 3) !important;\n margin: var(--spacing-4xl) !important;\n }\n\n .desktop\\:margin-top-4xl {\n margin-top: calc(1em * 3) !important;\n margin-top: var(--spacing-4xl) !important;\n }\n\n .desktop\\:margin-right-4xl {\n margin-right: calc(1em * 3) !important;\n margin-right: var(--spacing-4xl) !important;\n }\n\n .desktop\\:margin-bottom-4xl {\n margin-bottom: calc(1em * 3) !important;\n margin-bottom: var(--spacing-4xl) !important;\n }\n\n .desktop\\:margin-left-4xl {\n margin-left: calc(1em * 3) !important;\n margin-left: var(--spacing-4xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-horizontal-4xl {\n margin-right: calc(1em * 3) !important;\n margin-right: var(--spacing-4xl) !important;\n margin-left: calc(1em * 3) !important;\n margin-left: var(--spacing-4xl) !important;\n }\n\n .desktop\\:margin-x-4xl {\n margin-right: calc(1em * 3) !important;\n margin-right: var(--spacing-4xl) !important;\n margin-left: calc(1em * 3) !important;\n margin-left: var(--spacing-4xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-vertical-4xl {\n margin-top: calc(1em * 3) !important;\n margin-top: var(--spacing-4xl) !important;\n margin-bottom: calc(1em * 3) !important;\n margin-bottom: var(--spacing-4xl) !important;\n }\n\n .desktop\\:margin-y-4xl {\n margin-top: calc(1em * 3) !important;\n margin-top: var(--spacing-4xl) !important;\n margin-bottom: calc(1em * 3) !important;\n margin-bottom: var(--spacing-4xl) !important;\n }\n .desktop\\:margin-5xl {\n margin: calc(1em * 4) !important;\n margin: var(--spacing-5xl) !important;\n }\n\n .desktop\\:margin-top-5xl {\n margin-top: calc(1em * 4) !important;\n margin-top: var(--spacing-5xl) !important;\n }\n\n .desktop\\:margin-right-5xl {\n margin-right: calc(1em * 4) !important;\n margin-right: var(--spacing-5xl) !important;\n }\n\n .desktop\\:margin-bottom-5xl {\n margin-bottom: calc(1em * 4) !important;\n margin-bottom: var(--spacing-5xl) !important;\n }\n\n .desktop\\:margin-left-5xl {\n margin-left: calc(1em * 4) !important;\n margin-left: var(--spacing-5xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-horizontal-5xl {\n margin-right: calc(1em * 4) !important;\n margin-right: var(--spacing-5xl) !important;\n margin-left: calc(1em * 4) !important;\n margin-left: var(--spacing-5xl) !important;\n }\n\n .desktop\\:margin-x-5xl {\n margin-right: calc(1em * 4) !important;\n margin-right: var(--spacing-5xl) !important;\n margin-left: calc(1em * 4) !important;\n margin-left: var(--spacing-5xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-vertical-5xl {\n margin-top: calc(1em * 4) !important;\n margin-top: var(--spacing-5xl) !important;\n margin-bottom: calc(1em * 4) !important;\n margin-bottom: var(--spacing-5xl) !important;\n }\n\n .desktop\\:margin-y-5xl {\n margin-top: calc(1em * 4) !important;\n margin-top: var(--spacing-5xl) !important;\n margin-bottom: calc(1em * 4) !important;\n margin-bottom: var(--spacing-5xl) !important;\n }\n .desktop\\:margin-6xl {\n margin: calc(1em * 5) !important;\n margin: var(--spacing-6xl) !important;\n }\n\n .desktop\\:margin-top-6xl {\n margin-top: calc(1em * 5) !important;\n margin-top: var(--spacing-6xl) !important;\n }\n\n .desktop\\:margin-right-6xl {\n margin-right: calc(1em * 5) !important;\n margin-right: var(--spacing-6xl) !important;\n }\n\n .desktop\\:margin-bottom-6xl {\n margin-bottom: calc(1em * 5) !important;\n margin-bottom: var(--spacing-6xl) !important;\n }\n\n .desktop\\:margin-left-6xl {\n margin-left: calc(1em * 5) !important;\n margin-left: var(--spacing-6xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-horizontal-6xl {\n margin-right: calc(1em * 5) !important;\n margin-right: var(--spacing-6xl) !important;\n margin-left: calc(1em * 5) !important;\n margin-left: var(--spacing-6xl) !important;\n }\n\n .desktop\\:margin-x-6xl {\n margin-right: calc(1em * 5) !important;\n margin-right: var(--spacing-6xl) !important;\n margin-left: calc(1em * 5) !important;\n margin-left: var(--spacing-6xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-vertical-6xl {\n margin-top: calc(1em * 5) !important;\n margin-top: var(--spacing-6xl) !important;\n margin-bottom: calc(1em * 5) !important;\n margin-bottom: var(--spacing-6xl) !important;\n }\n\n .desktop\\:margin-y-6xl {\n margin-top: calc(1em * 5) !important;\n margin-top: var(--spacing-6xl) !important;\n margin-bottom: calc(1em * 5) !important;\n margin-bottom: var(--spacing-6xl) !important;\n }\n .desktop\\:margin-7xl {\n margin: calc(1em * 6) !important;\n margin: var(--spacing-7xl) !important;\n }\n\n .desktop\\:margin-top-7xl {\n margin-top: calc(1em * 6) !important;\n margin-top: var(--spacing-7xl) !important;\n }\n\n .desktop\\:margin-right-7xl {\n margin-right: calc(1em * 6) !important;\n margin-right: var(--spacing-7xl) !important;\n }\n\n .desktop\\:margin-bottom-7xl {\n margin-bottom: calc(1em * 6) !important;\n margin-bottom: var(--spacing-7xl) !important;\n }\n\n .desktop\\:margin-left-7xl {\n margin-left: calc(1em * 6) !important;\n margin-left: var(--spacing-7xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-horizontal-7xl {\n margin-right: calc(1em * 6) !important;\n margin-right: var(--spacing-7xl) !important;\n margin-left: calc(1em * 6) !important;\n margin-left: var(--spacing-7xl) !important;\n }\n\n .desktop\\:margin-x-7xl {\n margin-right: calc(1em * 6) !important;\n margin-right: var(--spacing-7xl) !important;\n margin-left: calc(1em * 6) !important;\n margin-left: var(--spacing-7xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-vertical-7xl {\n margin-top: calc(1em * 6) !important;\n margin-top: var(--spacing-7xl) !important;\n margin-bottom: calc(1em * 6) !important;\n margin-bottom: var(--spacing-7xl) !important;\n }\n\n .desktop\\:margin-y-7xl {\n margin-top: calc(1em * 6) !important;\n margin-top: var(--spacing-7xl) !important;\n margin-bottom: calc(1em * 6) !important;\n margin-bottom: var(--spacing-7xl) !important;\n }\n .desktop\\:margin-8xl {\n margin: calc(1em * 8) !important;\n margin: var(--spacing-8xl) !important;\n }\n\n .desktop\\:margin-top-8xl {\n margin-top: calc(1em * 8) !important;\n margin-top: var(--spacing-8xl) !important;\n }\n\n .desktop\\:margin-right-8xl {\n margin-right: calc(1em * 8) !important;\n margin-right: var(--spacing-8xl) !important;\n }\n\n .desktop\\:margin-bottom-8xl {\n margin-bottom: calc(1em * 8) !important;\n margin-bottom: var(--spacing-8xl) !important;\n }\n\n .desktop\\:margin-left-8xl {\n margin-left: calc(1em * 8) !important;\n margin-left: var(--spacing-8xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-horizontal-8xl {\n margin-right: calc(1em * 8) !important;\n margin-right: var(--spacing-8xl) !important;\n margin-left: calc(1em * 8) !important;\n margin-left: var(--spacing-8xl) !important;\n }\n\n .desktop\\:margin-x-8xl {\n margin-right: calc(1em * 8) !important;\n margin-right: var(--spacing-8xl) !important;\n margin-left: calc(1em * 8) !important;\n margin-left: var(--spacing-8xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-vertical-8xl {\n margin-top: calc(1em * 8) !important;\n margin-top: var(--spacing-8xl) !important;\n margin-bottom: calc(1em * 8) !important;\n margin-bottom: var(--spacing-8xl) !important;\n }\n\n .desktop\\:margin-y-8xl {\n margin-top: calc(1em * 8) !important;\n margin-top: var(--spacing-8xl) !important;\n margin-bottom: calc(1em * 8) !important;\n margin-bottom: var(--spacing-8xl) !important;\n }\n .desktop\\:margin-9xl {\n margin: calc(1em * 10) !important;\n margin: var(--spacing-9xl) !important;\n }\n\n .desktop\\:margin-top-9xl {\n margin-top: calc(1em * 10) !important;\n margin-top: var(--spacing-9xl) !important;\n }\n\n .desktop\\:margin-right-9xl {\n margin-right: calc(1em * 10) !important;\n margin-right: var(--spacing-9xl) !important;\n }\n\n .desktop\\:margin-bottom-9xl {\n margin-bottom: calc(1em * 10) !important;\n margin-bottom: var(--spacing-9xl) !important;\n }\n\n .desktop\\:margin-left-9xl {\n margin-left: calc(1em * 10) !important;\n margin-left: var(--spacing-9xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-horizontal-9xl {\n margin-right: calc(1em * 10) !important;\n margin-right: var(--spacing-9xl) !important;\n margin-left: calc(1em * 10) !important;\n margin-left: var(--spacing-9xl) !important;\n }\n\n .desktop\\:margin-x-9xl {\n margin-right: calc(1em * 10) !important;\n margin-right: var(--spacing-9xl) !important;\n margin-left: calc(1em * 10) !important;\n margin-left: var(--spacing-9xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-vertical-9xl {\n margin-top: calc(1em * 10) !important;\n margin-top: var(--spacing-9xl) !important;\n margin-bottom: calc(1em * 10) !important;\n margin-bottom: var(--spacing-9xl) !important;\n }\n\n .desktop\\:margin-y-9xl {\n margin-top: calc(1em * 10) !important;\n margin-top: var(--spacing-9xl) !important;\n margin-bottom: calc(1em * 10) !important;\n margin-bottom: var(--spacing-9xl) !important;\n }\n .desktop\\:margin-10xl {\n margin: calc(1em * 12) !important;\n margin: var(--spacing-10xl) !important;\n }\n\n .desktop\\:margin-top-10xl {\n margin-top: calc(1em * 12) !important;\n margin-top: var(--spacing-10xl) !important;\n }\n\n .desktop\\:margin-right-10xl {\n margin-right: calc(1em * 12) !important;\n margin-right: var(--spacing-10xl) !important;\n }\n\n .desktop\\:margin-bottom-10xl {\n margin-bottom: calc(1em * 12) !important;\n margin-bottom: var(--spacing-10xl) !important;\n }\n\n .desktop\\:margin-left-10xl {\n margin-left: calc(1em * 12) !important;\n margin-left: var(--spacing-10xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-horizontal-10xl {\n margin-right: calc(1em * 12) !important;\n margin-right: var(--spacing-10xl) !important;\n margin-left: calc(1em * 12) !important;\n margin-left: var(--spacing-10xl) !important;\n }\n\n .desktop\\:margin-x-10xl {\n margin-right: calc(1em * 12) !important;\n margin-right: var(--spacing-10xl) !important;\n margin-left: calc(1em * 12) !important;\n margin-left: var(--spacing-10xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-vertical-10xl {\n margin-top: calc(1em * 12) !important;\n margin-top: var(--spacing-10xl) !important;\n margin-bottom: calc(1em * 12) !important;\n margin-bottom: var(--spacing-10xl) !important;\n }\n\n .desktop\\:margin-y-10xl {\n margin-top: calc(1em * 12) !important;\n margin-top: var(--spacing-10xl) !important;\n margin-bottom: calc(1em * 12) !important;\n margin-bottom: var(--spacing-10xl) !important;\n }\n .desktop\\:margin-11xl {\n margin: calc(1em * 16) !important;\n margin: var(--spacing-11xl) !important;\n }\n\n .desktop\\:margin-top-11xl {\n margin-top: calc(1em * 16) !important;\n margin-top: var(--spacing-11xl) !important;\n }\n\n .desktop\\:margin-right-11xl {\n margin-right: calc(1em * 16) !important;\n margin-right: var(--spacing-11xl) !important;\n }\n\n .desktop\\:margin-bottom-11xl {\n margin-bottom: calc(1em * 16) !important;\n margin-bottom: var(--spacing-11xl) !important;\n }\n\n .desktop\\:margin-left-11xl {\n margin-left: calc(1em * 16) !important;\n margin-left: var(--spacing-11xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-horizontal-11xl {\n margin-right: calc(1em * 16) !important;\n margin-right: var(--spacing-11xl) !important;\n margin-left: calc(1em * 16) !important;\n margin-left: var(--spacing-11xl) !important;\n }\n\n .desktop\\:margin-x-11xl {\n margin-right: calc(1em * 16) !important;\n margin-right: var(--spacing-11xl) !important;\n margin-left: calc(1em * 16) !important;\n margin-left: var(--spacing-11xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-vertical-11xl {\n margin-top: calc(1em * 16) !important;\n margin-top: var(--spacing-11xl) !important;\n margin-bottom: calc(1em * 16) !important;\n margin-bottom: var(--spacing-11xl) !important;\n }\n\n .desktop\\:margin-y-11xl {\n margin-top: calc(1em * 16) !important;\n margin-top: var(--spacing-11xl) !important;\n margin-bottom: calc(1em * 16) !important;\n margin-bottom: var(--spacing-11xl) !important;\n }\n .desktop\\:margin-12xl {\n margin: calc(1em * 20) !important;\n margin: var(--spacing-12xl) !important;\n }\n\n .desktop\\:margin-top-12xl {\n margin-top: calc(1em * 20) !important;\n margin-top: var(--spacing-12xl) !important;\n }\n\n .desktop\\:margin-right-12xl {\n margin-right: calc(1em * 20) !important;\n margin-right: var(--spacing-12xl) !important;\n }\n\n .desktop\\:margin-bottom-12xl {\n margin-bottom: calc(1em * 20) !important;\n margin-bottom: var(--spacing-12xl) !important;\n }\n\n .desktop\\:margin-left-12xl {\n margin-left: calc(1em * 20) !important;\n margin-left: var(--spacing-12xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-horizontal-12xl {\n margin-right: calc(1em * 20) !important;\n margin-right: var(--spacing-12xl) !important;\n margin-left: calc(1em * 20) !important;\n margin-left: var(--spacing-12xl) !important;\n }\n\n .desktop\\:margin-x-12xl {\n margin-right: calc(1em * 20) !important;\n margin-right: var(--spacing-12xl) !important;\n margin-left: calc(1em * 20) !important;\n margin-left: var(--spacing-12xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-vertical-12xl {\n margin-top: calc(1em * 20) !important;\n margin-top: var(--spacing-12xl) !important;\n margin-bottom: calc(1em * 20) !important;\n margin-bottom: var(--spacing-12xl) !important;\n }\n\n .desktop\\:margin-y-12xl {\n margin-top: calc(1em * 20) !important;\n margin-top: var(--spacing-12xl) !important;\n margin-bottom: calc(1em * 20) !important;\n margin-bottom: var(--spacing-12xl) !important;\n }\n .desktop\\:margin-0 {\n margin: 0 !important;\n margin: var(--spacing-0) !important;\n }\n\n .desktop\\:margin-top-0 {\n margin-top: 0 !important;\n margin-top: var(--spacing-0) !important;\n }\n\n .desktop\\:margin-right-0 {\n margin-right: 0 !important;\n margin-right: var(--spacing-0) !important;\n }\n\n .desktop\\:margin-bottom-0 {\n margin-bottom: 0 !important;\n margin-bottom: var(--spacing-0) !important;\n }\n\n .desktop\\:margin-left-0 {\n margin-left: 0 !important;\n margin-left: var(--spacing-0) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-horizontal-0 {\n margin-right: 0 !important;\n margin-right: var(--spacing-0) !important;\n margin-left: 0 !important;\n margin-left: var(--spacing-0) !important;\n }\n\n .desktop\\:margin-x-0 {\n margin-right: 0 !important;\n margin-right: var(--spacing-0) !important;\n margin-left: 0 !important;\n margin-left: var(--spacing-0) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-vertical-0 {\n margin-top: 0 !important;\n margin-top: var(--spacing-0) !important;\n margin-bottom: 0 !important;\n margin-bottom: var(--spacing-0) !important;\n }\n\n .desktop\\:margin-y-0 {\n margin-top: 0 !important;\n margin-top: var(--spacing-0) !important;\n margin-bottom: 0 !important;\n margin-bottom: var(--spacing-0) !important;\n }\n .desktop\\:margin-1 {\n margin: calc(1em * 1 / 16) !important;\n margin: var(--spacing-1) !important;\n }\n\n .desktop\\:margin-top-1 {\n margin-top: calc(1em * 1 / 16) !important;\n margin-top: var(--spacing-1) !important;\n }\n\n .desktop\\:margin-right-1 {\n margin-right: calc(1em * 1 / 16) !important;\n margin-right: var(--spacing-1) !important;\n }\n\n .desktop\\:margin-bottom-1 {\n margin-bottom: calc(1em * 1 / 16) !important;\n margin-bottom: var(--spacing-1) !important;\n }\n\n .desktop\\:margin-left-1 {\n margin-left: calc(1em * 1 / 16) !important;\n margin-left: var(--spacing-1) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-horizontal-1 {\n margin-right: calc(1em * 1 / 16) !important;\n margin-right: var(--spacing-1) !important;\n margin-left: calc(1em * 1 / 16) !important;\n margin-left: var(--spacing-1) !important;\n }\n\n .desktop\\:margin-x-1 {\n margin-right: calc(1em * 1 / 16) !important;\n margin-right: var(--spacing-1) !important;\n margin-left: calc(1em * 1 / 16) !important;\n margin-left: var(--spacing-1) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-vertical-1 {\n margin-top: calc(1em * 1 / 16) !important;\n margin-top: var(--spacing-1) !important;\n margin-bottom: calc(1em * 1 / 16) !important;\n margin-bottom: var(--spacing-1) !important;\n }\n\n .desktop\\:margin-y-1 {\n margin-top: calc(1em * 1 / 16) !important;\n margin-top: var(--spacing-1) !important;\n margin-bottom: calc(1em * 1 / 16) !important;\n margin-bottom: var(--spacing-1) !important;\n }\n .desktop\\:margin-1px {\n margin: 1px !important;\n margin: var(--spacing-1px) !important;\n }\n\n .desktop\\:margin-top-1px {\n margin-top: 1px !important;\n margin-top: var(--spacing-1px) !important;\n }\n\n .desktop\\:margin-right-1px {\n margin-right: 1px !important;\n margin-right: var(--spacing-1px) !important;\n }\n\n .desktop\\:margin-bottom-1px {\n margin-bottom: 1px !important;\n margin-bottom: var(--spacing-1px) !important;\n }\n\n .desktop\\:margin-left-1px {\n margin-left: 1px !important;\n margin-left: var(--spacing-1px) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-horizontal-1px {\n margin-right: 1px !important;\n margin-right: var(--spacing-1px) !important;\n margin-left: 1px !important;\n margin-left: var(--spacing-1px) !important;\n }\n\n .desktop\\:margin-x-1px {\n margin-right: 1px !important;\n margin-right: var(--spacing-1px) !important;\n margin-left: 1px !important;\n margin-left: var(--spacing-1px) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:margin-vertical-1px {\n margin-top: 1px !important;\n margin-top: var(--spacing-1px) !important;\n margin-bottom: 1px !important;\n margin-bottom: var(--spacing-1px) !important;\n }\n\n .desktop\\:margin-y-1px {\n margin-top: 1px !important;\n margin-top: var(--spacing-1px) !important;\n margin-bottom: 1px !important;\n margin-bottom: var(--spacing-1px) !important;\n }\n}\n/* spacing-padding */\n.padding-7xs {\n padding: calc(1em * 1 / 16) !important;\n padding: var(--spacing-7xs) !important;\n }\n.padding-top-7xs {\n padding-top: calc(1em * 1 / 16) !important;\n padding-top: var(--spacing-7xs) !important;\n }\n.padding-right-7xs {\n padding-right: calc(1em * 1 / 16) !important;\n padding-right: var(--spacing-7xs) !important;\n }\n.padding-bottom-7xs {\n padding-bottom: calc(1em * 1 / 16) !important;\n padding-bottom: var(--spacing-7xs) !important;\n }\n.padding-left-7xs {\n padding-left: calc(1em * 1 / 16) !important;\n padding-left: var(--spacing-7xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-7xs {\n padding-top: calc(1em * 1 / 16) !important;\n padding-top: var(--spacing-7xs) !important;\n padding-bottom: calc(1em * 1 / 16) !important;\n padding-bottom: var(--spacing-7xs) !important;\n }\n.padding-y-7xs {\n padding-top: calc(1em * 1 / 16) !important;\n padding-top: var(--spacing-7xs) !important;\n padding-bottom: calc(1em * 1 / 16) !important;\n padding-bottom: var(--spacing-7xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-7xs {\n padding-right: calc(1em * 1 / 16) !important;\n padding-right: var(--spacing-7xs) !important;\n padding-left: calc(1em * 1 / 16) !important;\n padding-left: var(--spacing-7xs) !important;\n }\n.padding-x-7xs {\n padding-right: calc(1em * 1 / 16) !important;\n padding-right: var(--spacing-7xs) !important;\n padding-left: calc(1em * 1 / 16) !important;\n padding-left: var(--spacing-7xs) !important;\n }\n.padding-6xs {\n padding: calc(1em * 2 / 16) !important;\n padding: var(--spacing-6xs) !important;\n }\n.padding-top-6xs {\n padding-top: calc(1em * 2 / 16) !important;\n padding-top: var(--spacing-6xs) !important;\n }\n.padding-right-6xs {\n padding-right: calc(1em * 2 / 16) !important;\n padding-right: var(--spacing-6xs) !important;\n }\n.padding-bottom-6xs {\n padding-bottom: calc(1em * 2 / 16) !important;\n padding-bottom: var(--spacing-6xs) !important;\n }\n.padding-left-6xs {\n padding-left: calc(1em * 2 / 16) !important;\n padding-left: var(--spacing-6xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-6xs {\n padding-top: calc(1em * 2 / 16) !important;\n padding-top: var(--spacing-6xs) !important;\n padding-bottom: calc(1em * 2 / 16) !important;\n padding-bottom: var(--spacing-6xs) !important;\n }\n.padding-y-6xs {\n padding-top: calc(1em * 2 / 16) !important;\n padding-top: var(--spacing-6xs) !important;\n padding-bottom: calc(1em * 2 / 16) !important;\n padding-bottom: var(--spacing-6xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-6xs {\n padding-right: calc(1em * 2 / 16) !important;\n padding-right: var(--spacing-6xs) !important;\n padding-left: calc(1em * 2 / 16) !important;\n padding-left: var(--spacing-6xs) !important;\n }\n.padding-x-6xs {\n padding-right: calc(1em * 2 / 16) !important;\n padding-right: var(--spacing-6xs) !important;\n padding-left: calc(1em * 2 / 16) !important;\n padding-left: var(--spacing-6xs) !important;\n }\n.padding-5xs {\n padding: calc(1em * 3 / 16) !important;\n padding: var(--spacing-5xs) !important;\n }\n.padding-top-5xs {\n padding-top: calc(1em * 3 / 16) !important;\n padding-top: var(--spacing-5xs) !important;\n }\n.padding-right-5xs {\n padding-right: calc(1em * 3 / 16) !important;\n padding-right: var(--spacing-5xs) !important;\n }\n.padding-bottom-5xs {\n padding-bottom: calc(1em * 3 / 16) !important;\n padding-bottom: var(--spacing-5xs) !important;\n }\n.padding-left-5xs {\n padding-left: calc(1em * 3 / 16) !important;\n padding-left: var(--spacing-5xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-5xs {\n padding-top: calc(1em * 3 / 16) !important;\n padding-top: var(--spacing-5xs) !important;\n padding-bottom: calc(1em * 3 / 16) !important;\n padding-bottom: var(--spacing-5xs) !important;\n }\n.padding-y-5xs {\n padding-top: calc(1em * 3 / 16) !important;\n padding-top: var(--spacing-5xs) !important;\n padding-bottom: calc(1em * 3 / 16) !important;\n padding-bottom: var(--spacing-5xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-5xs {\n padding-right: calc(1em * 3 / 16) !important;\n padding-right: var(--spacing-5xs) !important;\n padding-left: calc(1em * 3 / 16) !important;\n padding-left: var(--spacing-5xs) !important;\n }\n.padding-x-5xs {\n padding-right: calc(1em * 3 / 16) !important;\n padding-right: var(--spacing-5xs) !important;\n padding-left: calc(1em * 3 / 16) !important;\n padding-left: var(--spacing-5xs) !important;\n }\n.padding-4xs {\n padding: calc(1em * 4 / 16) !important;\n padding: var(--spacing-4xs) !important;\n }\n.padding-top-4xs {\n padding-top: calc(1em * 4 / 16) !important;\n padding-top: var(--spacing-4xs) !important;\n }\n.padding-right-4xs {\n padding-right: calc(1em * 4 / 16) !important;\n padding-right: var(--spacing-4xs) !important;\n }\n.padding-bottom-4xs {\n padding-bottom: calc(1em * 4 / 16) !important;\n padding-bottom: var(--spacing-4xs) !important;\n }\n.padding-left-4xs {\n padding-left: calc(1em * 4 / 16) !important;\n padding-left: var(--spacing-4xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-4xs {\n padding-top: calc(1em * 4 / 16) !important;\n padding-top: var(--spacing-4xs) !important;\n padding-bottom: calc(1em * 4 / 16) !important;\n padding-bottom: var(--spacing-4xs) !important;\n }\n.padding-y-4xs {\n padding-top: calc(1em * 4 / 16) !important;\n padding-top: var(--spacing-4xs) !important;\n padding-bottom: calc(1em * 4 / 16) !important;\n padding-bottom: var(--spacing-4xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-4xs {\n padding-right: calc(1em * 4 / 16) !important;\n padding-right: var(--spacing-4xs) !important;\n padding-left: calc(1em * 4 / 16) !important;\n padding-left: var(--spacing-4xs) !important;\n }\n.padding-x-4xs {\n padding-right: calc(1em * 4 / 16) !important;\n padding-right: var(--spacing-4xs) !important;\n padding-left: calc(1em * 4 / 16) !important;\n padding-left: var(--spacing-4xs) !important;\n }\n.padding-3xs {\n padding: calc(1em * 6 / 16) !important;\n padding: var(--spacing-3xs) !important;\n }\n.padding-top-3xs {\n padding-top: calc(1em * 6 / 16) !important;\n padding-top: var(--spacing-3xs) !important;\n }\n.padding-right-3xs {\n padding-right: calc(1em * 6 / 16) !important;\n padding-right: var(--spacing-3xs) !important;\n }\n.padding-bottom-3xs {\n padding-bottom: calc(1em * 6 / 16) !important;\n padding-bottom: var(--spacing-3xs) !important;\n }\n.padding-left-3xs {\n padding-left: calc(1em * 6 / 16) !important;\n padding-left: var(--spacing-3xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-3xs {\n padding-top: calc(1em * 6 / 16) !important;\n padding-top: var(--spacing-3xs) !important;\n padding-bottom: calc(1em * 6 / 16) !important;\n padding-bottom: var(--spacing-3xs) !important;\n }\n.padding-y-3xs {\n padding-top: calc(1em * 6 / 16) !important;\n padding-top: var(--spacing-3xs) !important;\n padding-bottom: calc(1em * 6 / 16) !important;\n padding-bottom: var(--spacing-3xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-3xs {\n padding-right: calc(1em * 6 / 16) !important;\n padding-right: var(--spacing-3xs) !important;\n padding-left: calc(1em * 6 / 16) !important;\n padding-left: var(--spacing-3xs) !important;\n }\n.padding-x-3xs {\n padding-right: calc(1em * 6 / 16) !important;\n padding-right: var(--spacing-3xs) !important;\n padding-left: calc(1em * 6 / 16) !important;\n padding-left: var(--spacing-3xs) !important;\n }\n.padding-2xs {\n padding: calc(1em * 8 / 16) !important;\n padding: var(--spacing-2xs) !important;\n }\n.padding-top-2xs {\n padding-top: calc(1em * 8 / 16) !important;\n padding-top: var(--spacing-2xs) !important;\n }\n.padding-right-2xs {\n padding-right: calc(1em * 8 / 16) !important;\n padding-right: var(--spacing-2xs) !important;\n }\n.padding-bottom-2xs {\n padding-bottom: calc(1em * 8 / 16) !important;\n padding-bottom: var(--spacing-2xs) !important;\n }\n.padding-left-2xs {\n padding-left: calc(1em * 8 / 16) !important;\n padding-left: var(--spacing-2xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-2xs {\n padding-top: calc(1em * 8 / 16) !important;\n padding-top: var(--spacing-2xs) !important;\n padding-bottom: calc(1em * 8 / 16) !important;\n padding-bottom: var(--spacing-2xs) !important;\n }\n.padding-y-2xs {\n padding-top: calc(1em * 8 / 16) !important;\n padding-top: var(--spacing-2xs) !important;\n padding-bottom: calc(1em * 8 / 16) !important;\n padding-bottom: var(--spacing-2xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-2xs {\n padding-right: calc(1em * 8 / 16) !important;\n padding-right: var(--spacing-2xs) !important;\n padding-left: calc(1em * 8 / 16) !important;\n padding-left: var(--spacing-2xs) !important;\n }\n.padding-x-2xs {\n padding-right: calc(1em * 8 / 16) !important;\n padding-right: var(--spacing-2xs) !important;\n padding-left: calc(1em * 8 / 16) !important;\n padding-left: var(--spacing-2xs) !important;\n }\n.padding-xs {\n padding: calc(1em * 10 / 16) !important;\n padding: var(--spacing-xs) !important;\n }\n.padding-top-xs {\n padding-top: calc(1em * 10 / 16) !important;\n padding-top: var(--spacing-xs) !important;\n }\n.padding-right-xs {\n padding-right: calc(1em * 10 / 16) !important;\n padding-right: var(--spacing-xs) !important;\n }\n.padding-bottom-xs {\n padding-bottom: calc(1em * 10 / 16) !important;\n padding-bottom: var(--spacing-xs) !important;\n }\n.padding-left-xs {\n padding-left: calc(1em * 10 / 16) !important;\n padding-left: var(--spacing-xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-xs {\n padding-top: calc(1em * 10 / 16) !important;\n padding-top: var(--spacing-xs) !important;\n padding-bottom: calc(1em * 10 / 16) !important;\n padding-bottom: var(--spacing-xs) !important;\n }\n.padding-y-xs {\n padding-top: calc(1em * 10 / 16) !important;\n padding-top: var(--spacing-xs) !important;\n padding-bottom: calc(1em * 10 / 16) !important;\n padding-bottom: var(--spacing-xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-xs {\n padding-right: calc(1em * 10 / 16) !important;\n padding-right: var(--spacing-xs) !important;\n padding-left: calc(1em * 10 / 16) !important;\n padding-left: var(--spacing-xs) !important;\n }\n.padding-x-xs {\n padding-right: calc(1em * 10 / 16) !important;\n padding-right: var(--spacing-xs) !important;\n padding-left: calc(1em * 10 / 16) !important;\n padding-left: var(--spacing-xs) !important;\n }\n.padding-sm {\n padding: calc(1em * 12 / 16) !important;\n padding: var(--spacing-sm) !important;\n }\n.padding-top-sm {\n padding-top: calc(1em * 12 / 16) !important;\n padding-top: var(--spacing-sm) !important;\n }\n.padding-right-sm {\n padding-right: calc(1em * 12 / 16) !important;\n padding-right: var(--spacing-sm) !important;\n }\n.padding-bottom-sm {\n padding-bottom: calc(1em * 12 / 16) !important;\n padding-bottom: var(--spacing-sm) !important;\n }\n.padding-left-sm {\n padding-left: calc(1em * 12 / 16) !important;\n padding-left: var(--spacing-sm) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-sm {\n padding-top: calc(1em * 12 / 16) !important;\n padding-top: var(--spacing-sm) !important;\n padding-bottom: calc(1em * 12 / 16) !important;\n padding-bottom: var(--spacing-sm) !important;\n }\n.padding-y-sm {\n padding-top: calc(1em * 12 / 16) !important;\n padding-top: var(--spacing-sm) !important;\n padding-bottom: calc(1em * 12 / 16) !important;\n padding-bottom: var(--spacing-sm) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-sm {\n padding-right: calc(1em * 12 / 16) !important;\n padding-right: var(--spacing-sm) !important;\n padding-left: calc(1em * 12 / 16) !important;\n padding-left: var(--spacing-sm) !important;\n }\n.padding-x-sm {\n padding-right: calc(1em * 12 / 16) !important;\n padding-right: var(--spacing-sm) !important;\n padding-left: calc(1em * 12 / 16) !important;\n padding-left: var(--spacing-sm) !important;\n }\n.padding-md {\n padding: calc(1em * 1) !important;\n padding: var(--spacing-md) !important;\n }\n.padding-top-md {\n padding-top: calc(1em * 1) !important;\n padding-top: var(--spacing-md) !important;\n }\n.padding-right-md {\n padding-right: calc(1em * 1) !important;\n padding-right: var(--spacing-md) !important;\n }\n.padding-bottom-md {\n padding-bottom: calc(1em * 1) !important;\n padding-bottom: var(--spacing-md) !important;\n }\n.padding-left-md {\n padding-left: calc(1em * 1) !important;\n padding-left: var(--spacing-md) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-md {\n padding-top: calc(1em * 1) !important;\n padding-top: var(--spacing-md) !important;\n padding-bottom: calc(1em * 1) !important;\n padding-bottom: var(--spacing-md) !important;\n }\n.padding-y-md {\n padding-top: calc(1em * 1) !important;\n padding-top: var(--spacing-md) !important;\n padding-bottom: calc(1em * 1) !important;\n padding-bottom: var(--spacing-md) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-md {\n padding-right: calc(1em * 1) !important;\n padding-right: var(--spacing-md) !important;\n padding-left: calc(1em * 1) !important;\n padding-left: var(--spacing-md) !important;\n }\n.padding-x-md {\n padding-right: calc(1em * 1) !important;\n padding-right: var(--spacing-md) !important;\n padding-left: calc(1em * 1) !important;\n padding-left: var(--spacing-md) !important;\n }\n.padding-lg {\n padding: calc(1em * 1.25) !important;\n padding: var(--spacing-lg) !important;\n }\n.padding-top-lg {\n padding-top: calc(1em * 1.25) !important;\n padding-top: var(--spacing-lg) !important;\n }\n.padding-right-lg {\n padding-right: calc(1em * 1.25) !important;\n padding-right: var(--spacing-lg) !important;\n }\n.padding-bottom-lg {\n padding-bottom: calc(1em * 1.25) !important;\n padding-bottom: var(--spacing-lg) !important;\n }\n.padding-left-lg {\n padding-left: calc(1em * 1.25) !important;\n padding-left: var(--spacing-lg) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-lg {\n padding-top: calc(1em * 1.25) !important;\n padding-top: var(--spacing-lg) !important;\n padding-bottom: calc(1em * 1.25) !important;\n padding-bottom: var(--spacing-lg) !important;\n }\n.padding-y-lg {\n padding-top: calc(1em * 1.25) !important;\n padding-top: var(--spacing-lg) !important;\n padding-bottom: calc(1em * 1.25) !important;\n padding-bottom: var(--spacing-lg) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-lg {\n padding-right: calc(1em * 1.25) !important;\n padding-right: var(--spacing-lg) !important;\n padding-left: calc(1em * 1.25) !important;\n padding-left: var(--spacing-lg) !important;\n }\n.padding-x-lg {\n padding-right: calc(1em * 1.25) !important;\n padding-right: var(--spacing-lg) !important;\n padding-left: calc(1em * 1.25) !important;\n padding-left: var(--spacing-lg) !important;\n }\n.padding-xl {\n padding: calc(1em * 1.5) !important;\n padding: var(--spacing-xl) !important;\n }\n.padding-top-xl {\n padding-top: calc(1em * 1.5) !important;\n padding-top: var(--spacing-xl) !important;\n }\n.padding-right-xl {\n padding-right: calc(1em * 1.5) !important;\n padding-right: var(--spacing-xl) !important;\n }\n.padding-bottom-xl {\n padding-bottom: calc(1em * 1.5) !important;\n padding-bottom: var(--spacing-xl) !important;\n }\n.padding-left-xl {\n padding-left: calc(1em * 1.5) !important;\n padding-left: var(--spacing-xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-xl {\n padding-top: calc(1em * 1.5) !important;\n padding-top: var(--spacing-xl) !important;\n padding-bottom: calc(1em * 1.5) !important;\n padding-bottom: var(--spacing-xl) !important;\n }\n.padding-y-xl {\n padding-top: calc(1em * 1.5) !important;\n padding-top: var(--spacing-xl) !important;\n padding-bottom: calc(1em * 1.5) !important;\n padding-bottom: var(--spacing-xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-xl {\n padding-right: calc(1em * 1.5) !important;\n padding-right: var(--spacing-xl) !important;\n padding-left: calc(1em * 1.5) !important;\n padding-left: var(--spacing-xl) !important;\n }\n.padding-x-xl {\n padding-right: calc(1em * 1.5) !important;\n padding-right: var(--spacing-xl) !important;\n padding-left: calc(1em * 1.5) !important;\n padding-left: var(--spacing-xl) !important;\n }\n.padding-2xl {\n padding: calc(1em * 2) !important;\n padding: var(--spacing-2xl) !important;\n }\n.padding-top-2xl {\n padding-top: calc(1em * 2) !important;\n padding-top: var(--spacing-2xl) !important;\n }\n.padding-right-2xl {\n padding-right: calc(1em * 2) !important;\n padding-right: var(--spacing-2xl) !important;\n }\n.padding-bottom-2xl {\n padding-bottom: calc(1em * 2) !important;\n padding-bottom: var(--spacing-2xl) !important;\n }\n.padding-left-2xl {\n padding-left: calc(1em * 2) !important;\n padding-left: var(--spacing-2xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-2xl {\n padding-top: calc(1em * 2) !important;\n padding-top: var(--spacing-2xl) !important;\n padding-bottom: calc(1em * 2) !important;\n padding-bottom: var(--spacing-2xl) !important;\n }\n.padding-y-2xl {\n padding-top: calc(1em * 2) !important;\n padding-top: var(--spacing-2xl) !important;\n padding-bottom: calc(1em * 2) !important;\n padding-bottom: var(--spacing-2xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-2xl {\n padding-right: calc(1em * 2) !important;\n padding-right: var(--spacing-2xl) !important;\n padding-left: calc(1em * 2) !important;\n padding-left: var(--spacing-2xl) !important;\n }\n.padding-x-2xl {\n padding-right: calc(1em * 2) !important;\n padding-right: var(--spacing-2xl) !important;\n padding-left: calc(1em * 2) !important;\n padding-left: var(--spacing-2xl) !important;\n }\n.padding-3xl {\n padding: calc(1em * 2.5) !important;\n padding: var(--spacing-3xl) !important;\n }\n.padding-top-3xl {\n padding-top: calc(1em * 2.5) !important;\n padding-top: var(--spacing-3xl) !important;\n }\n.padding-right-3xl {\n padding-right: calc(1em * 2.5) !important;\n padding-right: var(--spacing-3xl) !important;\n }\n.padding-bottom-3xl {\n padding-bottom: calc(1em * 2.5) !important;\n padding-bottom: var(--spacing-3xl) !important;\n }\n.padding-left-3xl {\n padding-left: calc(1em * 2.5) !important;\n padding-left: var(--spacing-3xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-3xl {\n padding-top: calc(1em * 2.5) !important;\n padding-top: var(--spacing-3xl) !important;\n padding-bottom: calc(1em * 2.5) !important;\n padding-bottom: var(--spacing-3xl) !important;\n }\n.padding-y-3xl {\n padding-top: calc(1em * 2.5) !important;\n padding-top: var(--spacing-3xl) !important;\n padding-bottom: calc(1em * 2.5) !important;\n padding-bottom: var(--spacing-3xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-3xl {\n padding-right: calc(1em * 2.5) !important;\n padding-right: var(--spacing-3xl) !important;\n padding-left: calc(1em * 2.5) !important;\n padding-left: var(--spacing-3xl) !important;\n }\n.padding-x-3xl {\n padding-right: calc(1em * 2.5) !important;\n padding-right: var(--spacing-3xl) !important;\n padding-left: calc(1em * 2.5) !important;\n padding-left: var(--spacing-3xl) !important;\n }\n.padding-4xl {\n padding: calc(1em * 3) !important;\n padding: var(--spacing-4xl) !important;\n }\n.padding-top-4xl {\n padding-top: calc(1em * 3) !important;\n padding-top: var(--spacing-4xl) !important;\n }\n.padding-right-4xl {\n padding-right: calc(1em * 3) !important;\n padding-right: var(--spacing-4xl) !important;\n }\n.padding-bottom-4xl {\n padding-bottom: calc(1em * 3) !important;\n padding-bottom: var(--spacing-4xl) !important;\n }\n.padding-left-4xl {\n padding-left: calc(1em * 3) !important;\n padding-left: var(--spacing-4xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-4xl {\n padding-top: calc(1em * 3) !important;\n padding-top: var(--spacing-4xl) !important;\n padding-bottom: calc(1em * 3) !important;\n padding-bottom: var(--spacing-4xl) !important;\n }\n.padding-y-4xl {\n padding-top: calc(1em * 3) !important;\n padding-top: var(--spacing-4xl) !important;\n padding-bottom: calc(1em * 3) !important;\n padding-bottom: var(--spacing-4xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-4xl {\n padding-right: calc(1em * 3) !important;\n padding-right: var(--spacing-4xl) !important;\n padding-left: calc(1em * 3) !important;\n padding-left: var(--spacing-4xl) !important;\n }\n.padding-x-4xl {\n padding-right: calc(1em * 3) !important;\n padding-right: var(--spacing-4xl) !important;\n padding-left: calc(1em * 3) !important;\n padding-left: var(--spacing-4xl) !important;\n }\n.padding-5xl {\n padding: calc(1em * 4) !important;\n padding: var(--spacing-5xl) !important;\n }\n.padding-top-5xl {\n padding-top: calc(1em * 4) !important;\n padding-top: var(--spacing-5xl) !important;\n }\n.padding-right-5xl {\n padding-right: calc(1em * 4) !important;\n padding-right: var(--spacing-5xl) !important;\n }\n.padding-bottom-5xl {\n padding-bottom: calc(1em * 4) !important;\n padding-bottom: var(--spacing-5xl) !important;\n }\n.padding-left-5xl {\n padding-left: calc(1em * 4) !important;\n padding-left: var(--spacing-5xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-5xl {\n padding-top: calc(1em * 4) !important;\n padding-top: var(--spacing-5xl) !important;\n padding-bottom: calc(1em * 4) !important;\n padding-bottom: var(--spacing-5xl) !important;\n }\n.padding-y-5xl {\n padding-top: calc(1em * 4) !important;\n padding-top: var(--spacing-5xl) !important;\n padding-bottom: calc(1em * 4) !important;\n padding-bottom: var(--spacing-5xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-5xl {\n padding-right: calc(1em * 4) !important;\n padding-right: var(--spacing-5xl) !important;\n padding-left: calc(1em * 4) !important;\n padding-left: var(--spacing-5xl) !important;\n }\n.padding-x-5xl {\n padding-right: calc(1em * 4) !important;\n padding-right: var(--spacing-5xl) !important;\n padding-left: calc(1em * 4) !important;\n padding-left: var(--spacing-5xl) !important;\n }\n.padding-6xl {\n padding: calc(1em * 5) !important;\n padding: var(--spacing-6xl) !important;\n }\n.padding-top-6xl {\n padding-top: calc(1em * 5) !important;\n padding-top: var(--spacing-6xl) !important;\n }\n.padding-right-6xl {\n padding-right: calc(1em * 5) !important;\n padding-right: var(--spacing-6xl) !important;\n }\n.padding-bottom-6xl {\n padding-bottom: calc(1em * 5) !important;\n padding-bottom: var(--spacing-6xl) !important;\n }\n.padding-left-6xl {\n padding-left: calc(1em * 5) !important;\n padding-left: var(--spacing-6xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-6xl {\n padding-top: calc(1em * 5) !important;\n padding-top: var(--spacing-6xl) !important;\n padding-bottom: calc(1em * 5) !important;\n padding-bottom: var(--spacing-6xl) !important;\n }\n.padding-y-6xl {\n padding-top: calc(1em * 5) !important;\n padding-top: var(--spacing-6xl) !important;\n padding-bottom: calc(1em * 5) !important;\n padding-bottom: var(--spacing-6xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-6xl {\n padding-right: calc(1em * 5) !important;\n padding-right: var(--spacing-6xl) !important;\n padding-left: calc(1em * 5) !important;\n padding-left: var(--spacing-6xl) !important;\n }\n.padding-x-6xl {\n padding-right: calc(1em * 5) !important;\n padding-right: var(--spacing-6xl) !important;\n padding-left: calc(1em * 5) !important;\n padding-left: var(--spacing-6xl) !important;\n }\n.padding-7xl {\n padding: calc(1em * 6) !important;\n padding: var(--spacing-7xl) !important;\n }\n.padding-top-7xl {\n padding-top: calc(1em * 6) !important;\n padding-top: var(--spacing-7xl) !important;\n }\n.padding-right-7xl {\n padding-right: calc(1em * 6) !important;\n padding-right: var(--spacing-7xl) !important;\n }\n.padding-bottom-7xl {\n padding-bottom: calc(1em * 6) !important;\n padding-bottom: var(--spacing-7xl) !important;\n }\n.padding-left-7xl {\n padding-left: calc(1em * 6) !important;\n padding-left: var(--spacing-7xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-7xl {\n padding-top: calc(1em * 6) !important;\n padding-top: var(--spacing-7xl) !important;\n padding-bottom: calc(1em * 6) !important;\n padding-bottom: var(--spacing-7xl) !important;\n }\n.padding-y-7xl {\n padding-top: calc(1em * 6) !important;\n padding-top: var(--spacing-7xl) !important;\n padding-bottom: calc(1em * 6) !important;\n padding-bottom: var(--spacing-7xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-7xl {\n padding-right: calc(1em * 6) !important;\n padding-right: var(--spacing-7xl) !important;\n padding-left: calc(1em * 6) !important;\n padding-left: var(--spacing-7xl) !important;\n }\n.padding-x-7xl {\n padding-right: calc(1em * 6) !important;\n padding-right: var(--spacing-7xl) !important;\n padding-left: calc(1em * 6) !important;\n padding-left: var(--spacing-7xl) !important;\n }\n.padding-8xl {\n padding: calc(1em * 8) !important;\n padding: var(--spacing-8xl) !important;\n }\n.padding-top-8xl {\n padding-top: calc(1em * 8) !important;\n padding-top: var(--spacing-8xl) !important;\n }\n.padding-right-8xl {\n padding-right: calc(1em * 8) !important;\n padding-right: var(--spacing-8xl) !important;\n }\n.padding-bottom-8xl {\n padding-bottom: calc(1em * 8) !important;\n padding-bottom: var(--spacing-8xl) !important;\n }\n.padding-left-8xl {\n padding-left: calc(1em * 8) !important;\n padding-left: var(--spacing-8xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-8xl {\n padding-top: calc(1em * 8) !important;\n padding-top: var(--spacing-8xl) !important;\n padding-bottom: calc(1em * 8) !important;\n padding-bottom: var(--spacing-8xl) !important;\n }\n.padding-y-8xl {\n padding-top: calc(1em * 8) !important;\n padding-top: var(--spacing-8xl) !important;\n padding-bottom: calc(1em * 8) !important;\n padding-bottom: var(--spacing-8xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-8xl {\n padding-right: calc(1em * 8) !important;\n padding-right: var(--spacing-8xl) !important;\n padding-left: calc(1em * 8) !important;\n padding-left: var(--spacing-8xl) !important;\n }\n.padding-x-8xl {\n padding-right: calc(1em * 8) !important;\n padding-right: var(--spacing-8xl) !important;\n padding-left: calc(1em * 8) !important;\n padding-left: var(--spacing-8xl) !important;\n }\n.padding-9xl {\n padding: calc(1em * 10) !important;\n padding: var(--spacing-9xl) !important;\n }\n.padding-top-9xl {\n padding-top: calc(1em * 10) !important;\n padding-top: var(--spacing-9xl) !important;\n }\n.padding-right-9xl {\n padding-right: calc(1em * 10) !important;\n padding-right: var(--spacing-9xl) !important;\n }\n.padding-bottom-9xl {\n padding-bottom: calc(1em * 10) !important;\n padding-bottom: var(--spacing-9xl) !important;\n }\n.padding-left-9xl {\n padding-left: calc(1em * 10) !important;\n padding-left: var(--spacing-9xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-9xl {\n padding-top: calc(1em * 10) !important;\n padding-top: var(--spacing-9xl) !important;\n padding-bottom: calc(1em * 10) !important;\n padding-bottom: var(--spacing-9xl) !important;\n }\n.padding-y-9xl {\n padding-top: calc(1em * 10) !important;\n padding-top: var(--spacing-9xl) !important;\n padding-bottom: calc(1em * 10) !important;\n padding-bottom: var(--spacing-9xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-9xl {\n padding-right: calc(1em * 10) !important;\n padding-right: var(--spacing-9xl) !important;\n padding-left: calc(1em * 10) !important;\n padding-left: var(--spacing-9xl) !important;\n }\n.padding-x-9xl {\n padding-right: calc(1em * 10) !important;\n padding-right: var(--spacing-9xl) !important;\n padding-left: calc(1em * 10) !important;\n padding-left: var(--spacing-9xl) !important;\n }\n.padding-10xl {\n padding: calc(1em * 12) !important;\n padding: var(--spacing-10xl) !important;\n }\n.padding-top-10xl {\n padding-top: calc(1em * 12) !important;\n padding-top: var(--spacing-10xl) !important;\n }\n.padding-right-10xl {\n padding-right: calc(1em * 12) !important;\n padding-right: var(--spacing-10xl) !important;\n }\n.padding-bottom-10xl {\n padding-bottom: calc(1em * 12) !important;\n padding-bottom: var(--spacing-10xl) !important;\n }\n.padding-left-10xl {\n padding-left: calc(1em * 12) !important;\n padding-left: var(--spacing-10xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-10xl {\n padding-top: calc(1em * 12) !important;\n padding-top: var(--spacing-10xl) !important;\n padding-bottom: calc(1em * 12) !important;\n padding-bottom: var(--spacing-10xl) !important;\n }\n.padding-y-10xl {\n padding-top: calc(1em * 12) !important;\n padding-top: var(--spacing-10xl) !important;\n padding-bottom: calc(1em * 12) !important;\n padding-bottom: var(--spacing-10xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-10xl {\n padding-right: calc(1em * 12) !important;\n padding-right: var(--spacing-10xl) !important;\n padding-left: calc(1em * 12) !important;\n padding-left: var(--spacing-10xl) !important;\n }\n.padding-x-10xl {\n padding-right: calc(1em * 12) !important;\n padding-right: var(--spacing-10xl) !important;\n padding-left: calc(1em * 12) !important;\n padding-left: var(--spacing-10xl) !important;\n }\n.padding-11xl {\n padding: calc(1em * 16) !important;\n padding: var(--spacing-11xl) !important;\n }\n.padding-top-11xl {\n padding-top: calc(1em * 16) !important;\n padding-top: var(--spacing-11xl) !important;\n }\n.padding-right-11xl {\n padding-right: calc(1em * 16) !important;\n padding-right: var(--spacing-11xl) !important;\n }\n.padding-bottom-11xl {\n padding-bottom: calc(1em * 16) !important;\n padding-bottom: var(--spacing-11xl) !important;\n }\n.padding-left-11xl {\n padding-left: calc(1em * 16) !important;\n padding-left: var(--spacing-11xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-11xl {\n padding-top: calc(1em * 16) !important;\n padding-top: var(--spacing-11xl) !important;\n padding-bottom: calc(1em * 16) !important;\n padding-bottom: var(--spacing-11xl) !important;\n }\n.padding-y-11xl {\n padding-top: calc(1em * 16) !important;\n padding-top: var(--spacing-11xl) !important;\n padding-bottom: calc(1em * 16) !important;\n padding-bottom: var(--spacing-11xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-11xl {\n padding-right: calc(1em * 16) !important;\n padding-right: var(--spacing-11xl) !important;\n padding-left: calc(1em * 16) !important;\n padding-left: var(--spacing-11xl) !important;\n }\n.padding-x-11xl {\n padding-right: calc(1em * 16) !important;\n padding-right: var(--spacing-11xl) !important;\n padding-left: calc(1em * 16) !important;\n padding-left: var(--spacing-11xl) !important;\n }\n.padding-12xl {\n padding: calc(1em * 20) !important;\n padding: var(--spacing-12xl) !important;\n }\n.padding-top-12xl {\n padding-top: calc(1em * 20) !important;\n padding-top: var(--spacing-12xl) !important;\n }\n.padding-right-12xl {\n padding-right: calc(1em * 20) !important;\n padding-right: var(--spacing-12xl) !important;\n }\n.padding-bottom-12xl {\n padding-bottom: calc(1em * 20) !important;\n padding-bottom: var(--spacing-12xl) !important;\n }\n.padding-left-12xl {\n padding-left: calc(1em * 20) !important;\n padding-left: var(--spacing-12xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-12xl {\n padding-top: calc(1em * 20) !important;\n padding-top: var(--spacing-12xl) !important;\n padding-bottom: calc(1em * 20) !important;\n padding-bottom: var(--spacing-12xl) !important;\n }\n.padding-y-12xl {\n padding-top: calc(1em * 20) !important;\n padding-top: var(--spacing-12xl) !important;\n padding-bottom: calc(1em * 20) !important;\n padding-bottom: var(--spacing-12xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-12xl {\n padding-right: calc(1em * 20) !important;\n padding-right: var(--spacing-12xl) !important;\n padding-left: calc(1em * 20) !important;\n padding-left: var(--spacing-12xl) !important;\n }\n.padding-x-12xl {\n padding-right: calc(1em * 20) !important;\n padding-right: var(--spacing-12xl) !important;\n padding-left: calc(1em * 20) !important;\n padding-left: var(--spacing-12xl) !important;\n }\n.padding-0 {\n padding: 0 !important;\n padding: var(--spacing-0) !important;\n }\n.padding-top-0 {\n padding-top: 0 !important;\n padding-top: var(--spacing-0) !important;\n }\n.padding-right-0 {\n padding-right: 0 !important;\n padding-right: var(--spacing-0) !important;\n }\n.padding-bottom-0 {\n padding-bottom: 0 !important;\n padding-bottom: var(--spacing-0) !important;\n }\n.padding-left-0 {\n padding-left: 0 !important;\n padding-left: var(--spacing-0) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-0 {\n padding-top: 0 !important;\n padding-top: var(--spacing-0) !important;\n padding-bottom: 0 !important;\n padding-bottom: var(--spacing-0) !important;\n }\n.padding-y-0 {\n padding-top: 0 !important;\n padding-top: var(--spacing-0) !important;\n padding-bottom: 0 !important;\n padding-bottom: var(--spacing-0) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-0 {\n padding-right: 0 !important;\n padding-right: var(--spacing-0) !important;\n padding-left: 0 !important;\n padding-left: var(--spacing-0) !important;\n }\n.padding-x-0 {\n padding-right: 0 !important;\n padding-right: var(--spacing-0) !important;\n padding-left: 0 !important;\n padding-left: var(--spacing-0) !important;\n }\n.padding-1 {\n padding: calc(1em * 1 / 16) !important;\n padding: var(--spacing-1) !important;\n }\n.padding-top-1 {\n padding-top: calc(1em * 1 / 16) !important;\n padding-top: var(--spacing-1) !important;\n }\n.padding-right-1 {\n padding-right: calc(1em * 1 / 16) !important;\n padding-right: var(--spacing-1) !important;\n }\n.padding-bottom-1 {\n padding-bottom: calc(1em * 1 / 16) !important;\n padding-bottom: var(--spacing-1) !important;\n }\n.padding-left-1 {\n padding-left: calc(1em * 1 / 16) !important;\n padding-left: var(--spacing-1) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-1 {\n padding-top: calc(1em * 1 / 16) !important;\n padding-top: var(--spacing-1) !important;\n padding-bottom: calc(1em * 1 / 16) !important;\n padding-bottom: var(--spacing-1) !important;\n }\n.padding-y-1 {\n padding-top: calc(1em * 1 / 16) !important;\n padding-top: var(--spacing-1) !important;\n padding-bottom: calc(1em * 1 / 16) !important;\n padding-bottom: var(--spacing-1) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-1 {\n padding-right: calc(1em * 1 / 16) !important;\n padding-right: var(--spacing-1) !important;\n padding-left: calc(1em * 1 / 16) !important;\n padding-left: var(--spacing-1) !important;\n }\n.padding-x-1 {\n padding-right: calc(1em * 1 / 16) !important;\n padding-right: var(--spacing-1) !important;\n padding-left: calc(1em * 1 / 16) !important;\n padding-left: var(--spacing-1) !important;\n }\n.padding-1px {\n padding: 1px !important;\n padding: var(--spacing-1px) !important;\n }\n.padding-top-1px {\n padding-top: 1px !important;\n padding-top: var(--spacing-1px) !important;\n }\n.padding-right-1px {\n padding-right: 1px !important;\n padding-right: var(--spacing-1px) !important;\n }\n.padding-bottom-1px {\n padding-bottom: 1px !important;\n padding-bottom: var(--spacing-1px) !important;\n }\n.padding-left-1px {\n padding-left: 1px !important;\n padding-left: var(--spacing-1px) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-vertical-1px {\n padding-top: 1px !important;\n padding-top: var(--spacing-1px) !important;\n padding-bottom: 1px !important;\n padding-bottom: var(--spacing-1px) !important;\n }\n.padding-y-1px {\n padding-top: 1px !important;\n padding-top: var(--spacing-1px) !important;\n padding-bottom: 1px !important;\n padding-bottom: var(--spacing-1px) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.padding-horizontal-1px {\n padding-right: 1px !important;\n padding-right: var(--spacing-1px) !important;\n padding-left: 1px !important;\n padding-left: var(--spacing-1px) !important;\n }\n.padding-x-1px {\n padding-right: 1px !important;\n padding-right: var(--spacing-1px) !important;\n padding-left: 1px !important;\n padding-left: var(--spacing-1px) !important;\n }\n@media (min-width: 48rem) {\n .tablet\\:padding-7xs {\n padding: calc(1em * 1 / 16) !important;\n padding: var(--spacing-7xs) !important;\n }\n\n .tablet\\:padding-top-7xs {\n padding-top: calc(1em * 1 / 16) !important;\n padding-top: var(--spacing-7xs) !important;\n }\n\n .tablet\\:padding-right-7xs {\n padding-right: calc(1em * 1 / 16) !important;\n padding-right: var(--spacing-7xs) !important;\n }\n\n .tablet\\:padding-bottom-7xs {\n padding-bottom: calc(1em * 1 / 16) !important;\n padding-bottom: var(--spacing-7xs) !important;\n }\n\n .tablet\\:padding-left-7xs {\n padding-left: calc(1em * 1 / 16) !important;\n padding-left: var(--spacing-7xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-horizontal-7xs {\n padding-right: calc(1em * 1 / 16) !important;\n padding-right: var(--spacing-7xs) !important;\n padding-left: calc(1em * 1 / 16) !important;\n padding-left: var(--spacing-7xs) !important;\n }\n\n .tablet\\:padding-x-7xs {\n padding-right: calc(1em * 1 / 16) !important;\n padding-right: var(--spacing-7xs) !important;\n padding-left: calc(1em * 1 / 16) !important;\n padding-left: var(--spacing-7xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-vertical-7xs {\n padding-top: calc(1em * 1 / 16) !important;\n padding-top: var(--spacing-7xs) !important;\n padding-bottom: calc(1em * 1 / 16) !important;\n padding-bottom: var(--spacing-7xs) !important;\n }\n\n .tablet\\:padding-y-7xs {\n padding-top: calc(1em * 1 / 16) !important;\n padding-top: var(--spacing-7xs) !important;\n padding-bottom: calc(1em * 1 / 16) !important;\n padding-bottom: var(--spacing-7xs) !important;\n }\n .tablet\\:padding-6xs {\n padding: calc(1em * 2 / 16) !important;\n padding: var(--spacing-6xs) !important;\n }\n\n .tablet\\:padding-top-6xs {\n padding-top: calc(1em * 2 / 16) !important;\n padding-top: var(--spacing-6xs) !important;\n }\n\n .tablet\\:padding-right-6xs {\n padding-right: calc(1em * 2 / 16) !important;\n padding-right: var(--spacing-6xs) !important;\n }\n\n .tablet\\:padding-bottom-6xs {\n padding-bottom: calc(1em * 2 / 16) !important;\n padding-bottom: var(--spacing-6xs) !important;\n }\n\n .tablet\\:padding-left-6xs {\n padding-left: calc(1em * 2 / 16) !important;\n padding-left: var(--spacing-6xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-horizontal-6xs {\n padding-right: calc(1em * 2 / 16) !important;\n padding-right: var(--spacing-6xs) !important;\n padding-left: calc(1em * 2 / 16) !important;\n padding-left: var(--spacing-6xs) !important;\n }\n\n .tablet\\:padding-x-6xs {\n padding-right: calc(1em * 2 / 16) !important;\n padding-right: var(--spacing-6xs) !important;\n padding-left: calc(1em * 2 / 16) !important;\n padding-left: var(--spacing-6xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-vertical-6xs {\n padding-top: calc(1em * 2 / 16) !important;\n padding-top: var(--spacing-6xs) !important;\n padding-bottom: calc(1em * 2 / 16) !important;\n padding-bottom: var(--spacing-6xs) !important;\n }\n\n .tablet\\:padding-y-6xs {\n padding-top: calc(1em * 2 / 16) !important;\n padding-top: var(--spacing-6xs) !important;\n padding-bottom: calc(1em * 2 / 16) !important;\n padding-bottom: var(--spacing-6xs) !important;\n }\n .tablet\\:padding-5xs {\n padding: calc(1em * 3 / 16) !important;\n padding: var(--spacing-5xs) !important;\n }\n\n .tablet\\:padding-top-5xs {\n padding-top: calc(1em * 3 / 16) !important;\n padding-top: var(--spacing-5xs) !important;\n }\n\n .tablet\\:padding-right-5xs {\n padding-right: calc(1em * 3 / 16) !important;\n padding-right: var(--spacing-5xs) !important;\n }\n\n .tablet\\:padding-bottom-5xs {\n padding-bottom: calc(1em * 3 / 16) !important;\n padding-bottom: var(--spacing-5xs) !important;\n }\n\n .tablet\\:padding-left-5xs {\n padding-left: calc(1em * 3 / 16) !important;\n padding-left: var(--spacing-5xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-horizontal-5xs {\n padding-right: calc(1em * 3 / 16) !important;\n padding-right: var(--spacing-5xs) !important;\n padding-left: calc(1em * 3 / 16) !important;\n padding-left: var(--spacing-5xs) !important;\n }\n\n .tablet\\:padding-x-5xs {\n padding-right: calc(1em * 3 / 16) !important;\n padding-right: var(--spacing-5xs) !important;\n padding-left: calc(1em * 3 / 16) !important;\n padding-left: var(--spacing-5xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-vertical-5xs {\n padding-top: calc(1em * 3 / 16) !important;\n padding-top: var(--spacing-5xs) !important;\n padding-bottom: calc(1em * 3 / 16) !important;\n padding-bottom: var(--spacing-5xs) !important;\n }\n\n .tablet\\:padding-y-5xs {\n padding-top: calc(1em * 3 / 16) !important;\n padding-top: var(--spacing-5xs) !important;\n padding-bottom: calc(1em * 3 / 16) !important;\n padding-bottom: var(--spacing-5xs) !important;\n }\n .tablet\\:padding-4xs {\n padding: calc(1em * 4 / 16) !important;\n padding: var(--spacing-4xs) !important;\n }\n\n .tablet\\:padding-top-4xs {\n padding-top: calc(1em * 4 / 16) !important;\n padding-top: var(--spacing-4xs) !important;\n }\n\n .tablet\\:padding-right-4xs {\n padding-right: calc(1em * 4 / 16) !important;\n padding-right: var(--spacing-4xs) !important;\n }\n\n .tablet\\:padding-bottom-4xs {\n padding-bottom: calc(1em * 4 / 16) !important;\n padding-bottom: var(--spacing-4xs) !important;\n }\n\n .tablet\\:padding-left-4xs {\n padding-left: calc(1em * 4 / 16) !important;\n padding-left: var(--spacing-4xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-horizontal-4xs {\n padding-right: calc(1em * 4 / 16) !important;\n padding-right: var(--spacing-4xs) !important;\n padding-left: calc(1em * 4 / 16) !important;\n padding-left: var(--spacing-4xs) !important;\n }\n\n .tablet\\:padding-x-4xs {\n padding-right: calc(1em * 4 / 16) !important;\n padding-right: var(--spacing-4xs) !important;\n padding-left: calc(1em * 4 / 16) !important;\n padding-left: var(--spacing-4xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-vertical-4xs {\n padding-top: calc(1em * 4 / 16) !important;\n padding-top: var(--spacing-4xs) !important;\n padding-bottom: calc(1em * 4 / 16) !important;\n padding-bottom: var(--spacing-4xs) !important;\n }\n\n .tablet\\:padding-y-4xs {\n padding-top: calc(1em * 4 / 16) !important;\n padding-top: var(--spacing-4xs) !important;\n padding-bottom: calc(1em * 4 / 16) !important;\n padding-bottom: var(--spacing-4xs) !important;\n }\n .tablet\\:padding-3xs {\n padding: calc(1em * 6 / 16) !important;\n padding: var(--spacing-3xs) !important;\n }\n\n .tablet\\:padding-top-3xs {\n padding-top: calc(1em * 6 / 16) !important;\n padding-top: var(--spacing-3xs) !important;\n }\n\n .tablet\\:padding-right-3xs {\n padding-right: calc(1em * 6 / 16) !important;\n padding-right: var(--spacing-3xs) !important;\n }\n\n .tablet\\:padding-bottom-3xs {\n padding-bottom: calc(1em * 6 / 16) !important;\n padding-bottom: var(--spacing-3xs) !important;\n }\n\n .tablet\\:padding-left-3xs {\n padding-left: calc(1em * 6 / 16) !important;\n padding-left: var(--spacing-3xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-horizontal-3xs {\n padding-right: calc(1em * 6 / 16) !important;\n padding-right: var(--spacing-3xs) !important;\n padding-left: calc(1em * 6 / 16) !important;\n padding-left: var(--spacing-3xs) !important;\n }\n\n .tablet\\:padding-x-3xs {\n padding-right: calc(1em * 6 / 16) !important;\n padding-right: var(--spacing-3xs) !important;\n padding-left: calc(1em * 6 / 16) !important;\n padding-left: var(--spacing-3xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-vertical-3xs {\n padding-top: calc(1em * 6 / 16) !important;\n padding-top: var(--spacing-3xs) !important;\n padding-bottom: calc(1em * 6 / 16) !important;\n padding-bottom: var(--spacing-3xs) !important;\n }\n\n .tablet\\:padding-y-3xs {\n padding-top: calc(1em * 6 / 16) !important;\n padding-top: var(--spacing-3xs) !important;\n padding-bottom: calc(1em * 6 / 16) !important;\n padding-bottom: var(--spacing-3xs) !important;\n }\n .tablet\\:padding-2xs {\n padding: calc(1em * 8 / 16) !important;\n padding: var(--spacing-2xs) !important;\n }\n\n .tablet\\:padding-top-2xs {\n padding-top: calc(1em * 8 / 16) !important;\n padding-top: var(--spacing-2xs) !important;\n }\n\n .tablet\\:padding-right-2xs {\n padding-right: calc(1em * 8 / 16) !important;\n padding-right: var(--spacing-2xs) !important;\n }\n\n .tablet\\:padding-bottom-2xs {\n padding-bottom: calc(1em * 8 / 16) !important;\n padding-bottom: var(--spacing-2xs) !important;\n }\n\n .tablet\\:padding-left-2xs {\n padding-left: calc(1em * 8 / 16) !important;\n padding-left: var(--spacing-2xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-horizontal-2xs {\n padding-right: calc(1em * 8 / 16) !important;\n padding-right: var(--spacing-2xs) !important;\n padding-left: calc(1em * 8 / 16) !important;\n padding-left: var(--spacing-2xs) !important;\n }\n\n .tablet\\:padding-x-2xs {\n padding-right: calc(1em * 8 / 16) !important;\n padding-right: var(--spacing-2xs) !important;\n padding-left: calc(1em * 8 / 16) !important;\n padding-left: var(--spacing-2xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-vertical-2xs {\n padding-top: calc(1em * 8 / 16) !important;\n padding-top: var(--spacing-2xs) !important;\n padding-bottom: calc(1em * 8 / 16) !important;\n padding-bottom: var(--spacing-2xs) !important;\n }\n\n .tablet\\:padding-y-2xs {\n padding-top: calc(1em * 8 / 16) !important;\n padding-top: var(--spacing-2xs) !important;\n padding-bottom: calc(1em * 8 / 16) !important;\n padding-bottom: var(--spacing-2xs) !important;\n }\n .tablet\\:padding-xs {\n padding: calc(1em * 10 / 16) !important;\n padding: var(--spacing-xs) !important;\n }\n\n .tablet\\:padding-top-xs {\n padding-top: calc(1em * 10 / 16) !important;\n padding-top: var(--spacing-xs) !important;\n }\n\n .tablet\\:padding-right-xs {\n padding-right: calc(1em * 10 / 16) !important;\n padding-right: var(--spacing-xs) !important;\n }\n\n .tablet\\:padding-bottom-xs {\n padding-bottom: calc(1em * 10 / 16) !important;\n padding-bottom: var(--spacing-xs) !important;\n }\n\n .tablet\\:padding-left-xs {\n padding-left: calc(1em * 10 / 16) !important;\n padding-left: var(--spacing-xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-horizontal-xs {\n padding-right: calc(1em * 10 / 16) !important;\n padding-right: var(--spacing-xs) !important;\n padding-left: calc(1em * 10 / 16) !important;\n padding-left: var(--spacing-xs) !important;\n }\n\n .tablet\\:padding-x-xs {\n padding-right: calc(1em * 10 / 16) !important;\n padding-right: var(--spacing-xs) !important;\n padding-left: calc(1em * 10 / 16) !important;\n padding-left: var(--spacing-xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-vertical-xs {\n padding-top: calc(1em * 10 / 16) !important;\n padding-top: var(--spacing-xs) !important;\n padding-bottom: calc(1em * 10 / 16) !important;\n padding-bottom: var(--spacing-xs) !important;\n }\n\n .tablet\\:padding-y-xs {\n padding-top: calc(1em * 10 / 16) !important;\n padding-top: var(--spacing-xs) !important;\n padding-bottom: calc(1em * 10 / 16) !important;\n padding-bottom: var(--spacing-xs) !important;\n }\n .tablet\\:padding-sm {\n padding: calc(1em * 12 / 16) !important;\n padding: var(--spacing-sm) !important;\n }\n\n .tablet\\:padding-top-sm {\n padding-top: calc(1em * 12 / 16) !important;\n padding-top: var(--spacing-sm) !important;\n }\n\n .tablet\\:padding-right-sm {\n padding-right: calc(1em * 12 / 16) !important;\n padding-right: var(--spacing-sm) !important;\n }\n\n .tablet\\:padding-bottom-sm {\n padding-bottom: calc(1em * 12 / 16) !important;\n padding-bottom: var(--spacing-sm) !important;\n }\n\n .tablet\\:padding-left-sm {\n padding-left: calc(1em * 12 / 16) !important;\n padding-left: var(--spacing-sm) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-horizontal-sm {\n padding-right: calc(1em * 12 / 16) !important;\n padding-right: var(--spacing-sm) !important;\n padding-left: calc(1em * 12 / 16) !important;\n padding-left: var(--spacing-sm) !important;\n }\n\n .tablet\\:padding-x-sm {\n padding-right: calc(1em * 12 / 16) !important;\n padding-right: var(--spacing-sm) !important;\n padding-left: calc(1em * 12 / 16) !important;\n padding-left: var(--spacing-sm) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-vertical-sm {\n padding-top: calc(1em * 12 / 16) !important;\n padding-top: var(--spacing-sm) !important;\n padding-bottom: calc(1em * 12 / 16) !important;\n padding-bottom: var(--spacing-sm) !important;\n }\n\n .tablet\\:padding-y-sm {\n padding-top: calc(1em * 12 / 16) !important;\n padding-top: var(--spacing-sm) !important;\n padding-bottom: calc(1em * 12 / 16) !important;\n padding-bottom: var(--spacing-sm) !important;\n }\n .tablet\\:padding-md {\n padding: calc(1em * 1) !important;\n padding: var(--spacing-md) !important;\n }\n\n .tablet\\:padding-top-md {\n padding-top: calc(1em * 1) !important;\n padding-top: var(--spacing-md) !important;\n }\n\n .tablet\\:padding-right-md {\n padding-right: calc(1em * 1) !important;\n padding-right: var(--spacing-md) !important;\n }\n\n .tablet\\:padding-bottom-md {\n padding-bottom: calc(1em * 1) !important;\n padding-bottom: var(--spacing-md) !important;\n }\n\n .tablet\\:padding-left-md {\n padding-left: calc(1em * 1) !important;\n padding-left: var(--spacing-md) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-horizontal-md {\n padding-right: calc(1em * 1) !important;\n padding-right: var(--spacing-md) !important;\n padding-left: calc(1em * 1) !important;\n padding-left: var(--spacing-md) !important;\n }\n\n .tablet\\:padding-x-md {\n padding-right: calc(1em * 1) !important;\n padding-right: var(--spacing-md) !important;\n padding-left: calc(1em * 1) !important;\n padding-left: var(--spacing-md) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-vertical-md {\n padding-top: calc(1em * 1) !important;\n padding-top: var(--spacing-md) !important;\n padding-bottom: calc(1em * 1) !important;\n padding-bottom: var(--spacing-md) !important;\n }\n\n .tablet\\:padding-y-md {\n padding-top: calc(1em * 1) !important;\n padding-top: var(--spacing-md) !important;\n padding-bottom: calc(1em * 1) !important;\n padding-bottom: var(--spacing-md) !important;\n }\n .tablet\\:padding-lg {\n padding: calc(1em * 1.25) !important;\n padding: var(--spacing-lg) !important;\n }\n\n .tablet\\:padding-top-lg {\n padding-top: calc(1em * 1.25) !important;\n padding-top: var(--spacing-lg) !important;\n }\n\n .tablet\\:padding-right-lg {\n padding-right: calc(1em * 1.25) !important;\n padding-right: var(--spacing-lg) !important;\n }\n\n .tablet\\:padding-bottom-lg {\n padding-bottom: calc(1em * 1.25) !important;\n padding-bottom: var(--spacing-lg) !important;\n }\n\n .tablet\\:padding-left-lg {\n padding-left: calc(1em * 1.25) !important;\n padding-left: var(--spacing-lg) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-horizontal-lg {\n padding-right: calc(1em * 1.25) !important;\n padding-right: var(--spacing-lg) !important;\n padding-left: calc(1em * 1.25) !important;\n padding-left: var(--spacing-lg) !important;\n }\n\n .tablet\\:padding-x-lg {\n padding-right: calc(1em * 1.25) !important;\n padding-right: var(--spacing-lg) !important;\n padding-left: calc(1em * 1.25) !important;\n padding-left: var(--spacing-lg) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-vertical-lg {\n padding-top: calc(1em * 1.25) !important;\n padding-top: var(--spacing-lg) !important;\n padding-bottom: calc(1em * 1.25) !important;\n padding-bottom: var(--spacing-lg) !important;\n }\n\n .tablet\\:padding-y-lg {\n padding-top: calc(1em * 1.25) !important;\n padding-top: var(--spacing-lg) !important;\n padding-bottom: calc(1em * 1.25) !important;\n padding-bottom: var(--spacing-lg) !important;\n }\n .tablet\\:padding-xl {\n padding: calc(1em * 1.5) !important;\n padding: var(--spacing-xl) !important;\n }\n\n .tablet\\:padding-top-xl {\n padding-top: calc(1em * 1.5) !important;\n padding-top: var(--spacing-xl) !important;\n }\n\n .tablet\\:padding-right-xl {\n padding-right: calc(1em * 1.5) !important;\n padding-right: var(--spacing-xl) !important;\n }\n\n .tablet\\:padding-bottom-xl {\n padding-bottom: calc(1em * 1.5) !important;\n padding-bottom: var(--spacing-xl) !important;\n }\n\n .tablet\\:padding-left-xl {\n padding-left: calc(1em * 1.5) !important;\n padding-left: var(--spacing-xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-horizontal-xl {\n padding-right: calc(1em * 1.5) !important;\n padding-right: var(--spacing-xl) !important;\n padding-left: calc(1em * 1.5) !important;\n padding-left: var(--spacing-xl) !important;\n }\n\n .tablet\\:padding-x-xl {\n padding-right: calc(1em * 1.5) !important;\n padding-right: var(--spacing-xl) !important;\n padding-left: calc(1em * 1.5) !important;\n padding-left: var(--spacing-xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-vertical-xl {\n padding-top: calc(1em * 1.5) !important;\n padding-top: var(--spacing-xl) !important;\n padding-bottom: calc(1em * 1.5) !important;\n padding-bottom: var(--spacing-xl) !important;\n }\n\n .tablet\\:padding-y-xl {\n padding-top: calc(1em * 1.5) !important;\n padding-top: var(--spacing-xl) !important;\n padding-bottom: calc(1em * 1.5) !important;\n padding-bottom: var(--spacing-xl) !important;\n }\n .tablet\\:padding-2xl {\n padding: calc(1em * 2) !important;\n padding: var(--spacing-2xl) !important;\n }\n\n .tablet\\:padding-top-2xl {\n padding-top: calc(1em * 2) !important;\n padding-top: var(--spacing-2xl) !important;\n }\n\n .tablet\\:padding-right-2xl {\n padding-right: calc(1em * 2) !important;\n padding-right: var(--spacing-2xl) !important;\n }\n\n .tablet\\:padding-bottom-2xl {\n padding-bottom: calc(1em * 2) !important;\n padding-bottom: var(--spacing-2xl) !important;\n }\n\n .tablet\\:padding-left-2xl {\n padding-left: calc(1em * 2) !important;\n padding-left: var(--spacing-2xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-horizontal-2xl {\n padding-right: calc(1em * 2) !important;\n padding-right: var(--spacing-2xl) !important;\n padding-left: calc(1em * 2) !important;\n padding-left: var(--spacing-2xl) !important;\n }\n\n .tablet\\:padding-x-2xl {\n padding-right: calc(1em * 2) !important;\n padding-right: var(--spacing-2xl) !important;\n padding-left: calc(1em * 2) !important;\n padding-left: var(--spacing-2xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-vertical-2xl {\n padding-top: calc(1em * 2) !important;\n padding-top: var(--spacing-2xl) !important;\n padding-bottom: calc(1em * 2) !important;\n padding-bottom: var(--spacing-2xl) !important;\n }\n\n .tablet\\:padding-y-2xl {\n padding-top: calc(1em * 2) !important;\n padding-top: var(--spacing-2xl) !important;\n padding-bottom: calc(1em * 2) !important;\n padding-bottom: var(--spacing-2xl) !important;\n }\n .tablet\\:padding-3xl {\n padding: calc(1em * 2.5) !important;\n padding: var(--spacing-3xl) !important;\n }\n\n .tablet\\:padding-top-3xl {\n padding-top: calc(1em * 2.5) !important;\n padding-top: var(--spacing-3xl) !important;\n }\n\n .tablet\\:padding-right-3xl {\n padding-right: calc(1em * 2.5) !important;\n padding-right: var(--spacing-3xl) !important;\n }\n\n .tablet\\:padding-bottom-3xl {\n padding-bottom: calc(1em * 2.5) !important;\n padding-bottom: var(--spacing-3xl) !important;\n }\n\n .tablet\\:padding-left-3xl {\n padding-left: calc(1em * 2.5) !important;\n padding-left: var(--spacing-3xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-horizontal-3xl {\n padding-right: calc(1em * 2.5) !important;\n padding-right: var(--spacing-3xl) !important;\n padding-left: calc(1em * 2.5) !important;\n padding-left: var(--spacing-3xl) !important;\n }\n\n .tablet\\:padding-x-3xl {\n padding-right: calc(1em * 2.5) !important;\n padding-right: var(--spacing-3xl) !important;\n padding-left: calc(1em * 2.5) !important;\n padding-left: var(--spacing-3xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-vertical-3xl {\n padding-top: calc(1em * 2.5) !important;\n padding-top: var(--spacing-3xl) !important;\n padding-bottom: calc(1em * 2.5) !important;\n padding-bottom: var(--spacing-3xl) !important;\n }\n\n .tablet\\:padding-y-3xl {\n padding-top: calc(1em * 2.5) !important;\n padding-top: var(--spacing-3xl) !important;\n padding-bottom: calc(1em * 2.5) !important;\n padding-bottom: var(--spacing-3xl) !important;\n }\n .tablet\\:padding-4xl {\n padding: calc(1em * 3) !important;\n padding: var(--spacing-4xl) !important;\n }\n\n .tablet\\:padding-top-4xl {\n padding-top: calc(1em * 3) !important;\n padding-top: var(--spacing-4xl) !important;\n }\n\n .tablet\\:padding-right-4xl {\n padding-right: calc(1em * 3) !important;\n padding-right: var(--spacing-4xl) !important;\n }\n\n .tablet\\:padding-bottom-4xl {\n padding-bottom: calc(1em * 3) !important;\n padding-bottom: var(--spacing-4xl) !important;\n }\n\n .tablet\\:padding-left-4xl {\n padding-left: calc(1em * 3) !important;\n padding-left: var(--spacing-4xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-horizontal-4xl {\n padding-right: calc(1em * 3) !important;\n padding-right: var(--spacing-4xl) !important;\n padding-left: calc(1em * 3) !important;\n padding-left: var(--spacing-4xl) !important;\n }\n\n .tablet\\:padding-x-4xl {\n padding-right: calc(1em * 3) !important;\n padding-right: var(--spacing-4xl) !important;\n padding-left: calc(1em * 3) !important;\n padding-left: var(--spacing-4xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-vertical-4xl {\n padding-top: calc(1em * 3) !important;\n padding-top: var(--spacing-4xl) !important;\n padding-bottom: calc(1em * 3) !important;\n padding-bottom: var(--spacing-4xl) !important;\n }\n\n .tablet\\:padding-y-4xl {\n padding-top: calc(1em * 3) !important;\n padding-top: var(--spacing-4xl) !important;\n padding-bottom: calc(1em * 3) !important;\n padding-bottom: var(--spacing-4xl) !important;\n }\n .tablet\\:padding-5xl {\n padding: calc(1em * 4) !important;\n padding: var(--spacing-5xl) !important;\n }\n\n .tablet\\:padding-top-5xl {\n padding-top: calc(1em * 4) !important;\n padding-top: var(--spacing-5xl) !important;\n }\n\n .tablet\\:padding-right-5xl {\n padding-right: calc(1em * 4) !important;\n padding-right: var(--spacing-5xl) !important;\n }\n\n .tablet\\:padding-bottom-5xl {\n padding-bottom: calc(1em * 4) !important;\n padding-bottom: var(--spacing-5xl) !important;\n }\n\n .tablet\\:padding-left-5xl {\n padding-left: calc(1em * 4) !important;\n padding-left: var(--spacing-5xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-horizontal-5xl {\n padding-right: calc(1em * 4) !important;\n padding-right: var(--spacing-5xl) !important;\n padding-left: calc(1em * 4) !important;\n padding-left: var(--spacing-5xl) !important;\n }\n\n .tablet\\:padding-x-5xl {\n padding-right: calc(1em * 4) !important;\n padding-right: var(--spacing-5xl) !important;\n padding-left: calc(1em * 4) !important;\n padding-left: var(--spacing-5xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-vertical-5xl {\n padding-top: calc(1em * 4) !important;\n padding-top: var(--spacing-5xl) !important;\n padding-bottom: calc(1em * 4) !important;\n padding-bottom: var(--spacing-5xl) !important;\n }\n\n .tablet\\:padding-y-5xl {\n padding-top: calc(1em * 4) !important;\n padding-top: var(--spacing-5xl) !important;\n padding-bottom: calc(1em * 4) !important;\n padding-bottom: var(--spacing-5xl) !important;\n }\n .tablet\\:padding-6xl {\n padding: calc(1em * 5) !important;\n padding: var(--spacing-6xl) !important;\n }\n\n .tablet\\:padding-top-6xl {\n padding-top: calc(1em * 5) !important;\n padding-top: var(--spacing-6xl) !important;\n }\n\n .tablet\\:padding-right-6xl {\n padding-right: calc(1em * 5) !important;\n padding-right: var(--spacing-6xl) !important;\n }\n\n .tablet\\:padding-bottom-6xl {\n padding-bottom: calc(1em * 5) !important;\n padding-bottom: var(--spacing-6xl) !important;\n }\n\n .tablet\\:padding-left-6xl {\n padding-left: calc(1em * 5) !important;\n padding-left: var(--spacing-6xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-horizontal-6xl {\n padding-right: calc(1em * 5) !important;\n padding-right: var(--spacing-6xl) !important;\n padding-left: calc(1em * 5) !important;\n padding-left: var(--spacing-6xl) !important;\n }\n\n .tablet\\:padding-x-6xl {\n padding-right: calc(1em * 5) !important;\n padding-right: var(--spacing-6xl) !important;\n padding-left: calc(1em * 5) !important;\n padding-left: var(--spacing-6xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-vertical-6xl {\n padding-top: calc(1em * 5) !important;\n padding-top: var(--spacing-6xl) !important;\n padding-bottom: calc(1em * 5) !important;\n padding-bottom: var(--spacing-6xl) !important;\n }\n\n .tablet\\:padding-y-6xl {\n padding-top: calc(1em * 5) !important;\n padding-top: var(--spacing-6xl) !important;\n padding-bottom: calc(1em * 5) !important;\n padding-bottom: var(--spacing-6xl) !important;\n }\n .tablet\\:padding-7xl {\n padding: calc(1em * 6) !important;\n padding: var(--spacing-7xl) !important;\n }\n\n .tablet\\:padding-top-7xl {\n padding-top: calc(1em * 6) !important;\n padding-top: var(--spacing-7xl) !important;\n }\n\n .tablet\\:padding-right-7xl {\n padding-right: calc(1em * 6) !important;\n padding-right: var(--spacing-7xl) !important;\n }\n\n .tablet\\:padding-bottom-7xl {\n padding-bottom: calc(1em * 6) !important;\n padding-bottom: var(--spacing-7xl) !important;\n }\n\n .tablet\\:padding-left-7xl {\n padding-left: calc(1em * 6) !important;\n padding-left: var(--spacing-7xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-horizontal-7xl {\n padding-right: calc(1em * 6) !important;\n padding-right: var(--spacing-7xl) !important;\n padding-left: calc(1em * 6) !important;\n padding-left: var(--spacing-7xl) !important;\n }\n\n .tablet\\:padding-x-7xl {\n padding-right: calc(1em * 6) !important;\n padding-right: var(--spacing-7xl) !important;\n padding-left: calc(1em * 6) !important;\n padding-left: var(--spacing-7xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-vertical-7xl {\n padding-top: calc(1em * 6) !important;\n padding-top: var(--spacing-7xl) !important;\n padding-bottom: calc(1em * 6) !important;\n padding-bottom: var(--spacing-7xl) !important;\n }\n\n .tablet\\:padding-y-7xl {\n padding-top: calc(1em * 6) !important;\n padding-top: var(--spacing-7xl) !important;\n padding-bottom: calc(1em * 6) !important;\n padding-bottom: var(--spacing-7xl) !important;\n }\n .tablet\\:padding-8xl {\n padding: calc(1em * 8) !important;\n padding: var(--spacing-8xl) !important;\n }\n\n .tablet\\:padding-top-8xl {\n padding-top: calc(1em * 8) !important;\n padding-top: var(--spacing-8xl) !important;\n }\n\n .tablet\\:padding-right-8xl {\n padding-right: calc(1em * 8) !important;\n padding-right: var(--spacing-8xl) !important;\n }\n\n .tablet\\:padding-bottom-8xl {\n padding-bottom: calc(1em * 8) !important;\n padding-bottom: var(--spacing-8xl) !important;\n }\n\n .tablet\\:padding-left-8xl {\n padding-left: calc(1em * 8) !important;\n padding-left: var(--spacing-8xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-horizontal-8xl {\n padding-right: calc(1em * 8) !important;\n padding-right: var(--spacing-8xl) !important;\n padding-left: calc(1em * 8) !important;\n padding-left: var(--spacing-8xl) !important;\n }\n\n .tablet\\:padding-x-8xl {\n padding-right: calc(1em * 8) !important;\n padding-right: var(--spacing-8xl) !important;\n padding-left: calc(1em * 8) !important;\n padding-left: var(--spacing-8xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-vertical-8xl {\n padding-top: calc(1em * 8) !important;\n padding-top: var(--spacing-8xl) !important;\n padding-bottom: calc(1em * 8) !important;\n padding-bottom: var(--spacing-8xl) !important;\n }\n\n .tablet\\:padding-y-8xl {\n padding-top: calc(1em * 8) !important;\n padding-top: var(--spacing-8xl) !important;\n padding-bottom: calc(1em * 8) !important;\n padding-bottom: var(--spacing-8xl) !important;\n }\n .tablet\\:padding-9xl {\n padding: calc(1em * 10) !important;\n padding: var(--spacing-9xl) !important;\n }\n\n .tablet\\:padding-top-9xl {\n padding-top: calc(1em * 10) !important;\n padding-top: var(--spacing-9xl) !important;\n }\n\n .tablet\\:padding-right-9xl {\n padding-right: calc(1em * 10) !important;\n padding-right: var(--spacing-9xl) !important;\n }\n\n .tablet\\:padding-bottom-9xl {\n padding-bottom: calc(1em * 10) !important;\n padding-bottom: var(--spacing-9xl) !important;\n }\n\n .tablet\\:padding-left-9xl {\n padding-left: calc(1em * 10) !important;\n padding-left: var(--spacing-9xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-horizontal-9xl {\n padding-right: calc(1em * 10) !important;\n padding-right: var(--spacing-9xl) !important;\n padding-left: calc(1em * 10) !important;\n padding-left: var(--spacing-9xl) !important;\n }\n\n .tablet\\:padding-x-9xl {\n padding-right: calc(1em * 10) !important;\n padding-right: var(--spacing-9xl) !important;\n padding-left: calc(1em * 10) !important;\n padding-left: var(--spacing-9xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-vertical-9xl {\n padding-top: calc(1em * 10) !important;\n padding-top: var(--spacing-9xl) !important;\n padding-bottom: calc(1em * 10) !important;\n padding-bottom: var(--spacing-9xl) !important;\n }\n\n .tablet\\:padding-y-9xl {\n padding-top: calc(1em * 10) !important;\n padding-top: var(--spacing-9xl) !important;\n padding-bottom: calc(1em * 10) !important;\n padding-bottom: var(--spacing-9xl) !important;\n }\n .tablet\\:padding-10xl {\n padding: calc(1em * 12) !important;\n padding: var(--spacing-10xl) !important;\n }\n\n .tablet\\:padding-top-10xl {\n padding-top: calc(1em * 12) !important;\n padding-top: var(--spacing-10xl) !important;\n }\n\n .tablet\\:padding-right-10xl {\n padding-right: calc(1em * 12) !important;\n padding-right: var(--spacing-10xl) !important;\n }\n\n .tablet\\:padding-bottom-10xl {\n padding-bottom: calc(1em * 12) !important;\n padding-bottom: var(--spacing-10xl) !important;\n }\n\n .tablet\\:padding-left-10xl {\n padding-left: calc(1em * 12) !important;\n padding-left: var(--spacing-10xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-horizontal-10xl {\n padding-right: calc(1em * 12) !important;\n padding-right: var(--spacing-10xl) !important;\n padding-left: calc(1em * 12) !important;\n padding-left: var(--spacing-10xl) !important;\n }\n\n .tablet\\:padding-x-10xl {\n padding-right: calc(1em * 12) !important;\n padding-right: var(--spacing-10xl) !important;\n padding-left: calc(1em * 12) !important;\n padding-left: var(--spacing-10xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-vertical-10xl {\n padding-top: calc(1em * 12) !important;\n padding-top: var(--spacing-10xl) !important;\n padding-bottom: calc(1em * 12) !important;\n padding-bottom: var(--spacing-10xl) !important;\n }\n\n .tablet\\:padding-y-10xl {\n padding-top: calc(1em * 12) !important;\n padding-top: var(--spacing-10xl) !important;\n padding-bottom: calc(1em * 12) !important;\n padding-bottom: var(--spacing-10xl) !important;\n }\n .tablet\\:padding-11xl {\n padding: calc(1em * 16) !important;\n padding: var(--spacing-11xl) !important;\n }\n\n .tablet\\:padding-top-11xl {\n padding-top: calc(1em * 16) !important;\n padding-top: var(--spacing-11xl) !important;\n }\n\n .tablet\\:padding-right-11xl {\n padding-right: calc(1em * 16) !important;\n padding-right: var(--spacing-11xl) !important;\n }\n\n .tablet\\:padding-bottom-11xl {\n padding-bottom: calc(1em * 16) !important;\n padding-bottom: var(--spacing-11xl) !important;\n }\n\n .tablet\\:padding-left-11xl {\n padding-left: calc(1em * 16) !important;\n padding-left: var(--spacing-11xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-horizontal-11xl {\n padding-right: calc(1em * 16) !important;\n padding-right: var(--spacing-11xl) !important;\n padding-left: calc(1em * 16) !important;\n padding-left: var(--spacing-11xl) !important;\n }\n\n .tablet\\:padding-x-11xl {\n padding-right: calc(1em * 16) !important;\n padding-right: var(--spacing-11xl) !important;\n padding-left: calc(1em * 16) !important;\n padding-left: var(--spacing-11xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-vertical-11xl {\n padding-top: calc(1em * 16) !important;\n padding-top: var(--spacing-11xl) !important;\n padding-bottom: calc(1em * 16) !important;\n padding-bottom: var(--spacing-11xl) !important;\n }\n\n .tablet\\:padding-y-11xl {\n padding-top: calc(1em * 16) !important;\n padding-top: var(--spacing-11xl) !important;\n padding-bottom: calc(1em * 16) !important;\n padding-bottom: var(--spacing-11xl) !important;\n }\n .tablet\\:padding-12xl {\n padding: calc(1em * 20) !important;\n padding: var(--spacing-12xl) !important;\n }\n\n .tablet\\:padding-top-12xl {\n padding-top: calc(1em * 20) !important;\n padding-top: var(--spacing-12xl) !important;\n }\n\n .tablet\\:padding-right-12xl {\n padding-right: calc(1em * 20) !important;\n padding-right: var(--spacing-12xl) !important;\n }\n\n .tablet\\:padding-bottom-12xl {\n padding-bottom: calc(1em * 20) !important;\n padding-bottom: var(--spacing-12xl) !important;\n }\n\n .tablet\\:padding-left-12xl {\n padding-left: calc(1em * 20) !important;\n padding-left: var(--spacing-12xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-horizontal-12xl {\n padding-right: calc(1em * 20) !important;\n padding-right: var(--spacing-12xl) !important;\n padding-left: calc(1em * 20) !important;\n padding-left: var(--spacing-12xl) !important;\n }\n\n .tablet\\:padding-x-12xl {\n padding-right: calc(1em * 20) !important;\n padding-right: var(--spacing-12xl) !important;\n padding-left: calc(1em * 20) !important;\n padding-left: var(--spacing-12xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-vertical-12xl {\n padding-top: calc(1em * 20) !important;\n padding-top: var(--spacing-12xl) !important;\n padding-bottom: calc(1em * 20) !important;\n padding-bottom: var(--spacing-12xl) !important;\n }\n\n .tablet\\:padding-y-12xl {\n padding-top: calc(1em * 20) !important;\n padding-top: var(--spacing-12xl) !important;\n padding-bottom: calc(1em * 20) !important;\n padding-bottom: var(--spacing-12xl) !important;\n }\n .tablet\\:padding-0 {\n padding: 0 !important;\n padding: var(--spacing-0) !important;\n }\n\n .tablet\\:padding-top-0 {\n padding-top: 0 !important;\n padding-top: var(--spacing-0) !important;\n }\n\n .tablet\\:padding-right-0 {\n padding-right: 0 !important;\n padding-right: var(--spacing-0) !important;\n }\n\n .tablet\\:padding-bottom-0 {\n padding-bottom: 0 !important;\n padding-bottom: var(--spacing-0) !important;\n }\n\n .tablet\\:padding-left-0 {\n padding-left: 0 !important;\n padding-left: var(--spacing-0) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-horizontal-0 {\n padding-right: 0 !important;\n padding-right: var(--spacing-0) !important;\n padding-left: 0 !important;\n padding-left: var(--spacing-0) !important;\n }\n\n .tablet\\:padding-x-0 {\n padding-right: 0 !important;\n padding-right: var(--spacing-0) !important;\n padding-left: 0 !important;\n padding-left: var(--spacing-0) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-vertical-0 {\n padding-top: 0 !important;\n padding-top: var(--spacing-0) !important;\n padding-bottom: 0 !important;\n padding-bottom: var(--spacing-0) !important;\n }\n\n .tablet\\:padding-y-0 {\n padding-top: 0 !important;\n padding-top: var(--spacing-0) !important;\n padding-bottom: 0 !important;\n padding-bottom: var(--spacing-0) !important;\n }\n .tablet\\:padding-1 {\n padding: calc(1em * 1 / 16) !important;\n padding: var(--spacing-1) !important;\n }\n\n .tablet\\:padding-top-1 {\n padding-top: calc(1em * 1 / 16) !important;\n padding-top: var(--spacing-1) !important;\n }\n\n .tablet\\:padding-right-1 {\n padding-right: calc(1em * 1 / 16) !important;\n padding-right: var(--spacing-1) !important;\n }\n\n .tablet\\:padding-bottom-1 {\n padding-bottom: calc(1em * 1 / 16) !important;\n padding-bottom: var(--spacing-1) !important;\n }\n\n .tablet\\:padding-left-1 {\n padding-left: calc(1em * 1 / 16) !important;\n padding-left: var(--spacing-1) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-horizontal-1 {\n padding-right: calc(1em * 1 / 16) !important;\n padding-right: var(--spacing-1) !important;\n padding-left: calc(1em * 1 / 16) !important;\n padding-left: var(--spacing-1) !important;\n }\n\n .tablet\\:padding-x-1 {\n padding-right: calc(1em * 1 / 16) !important;\n padding-right: var(--spacing-1) !important;\n padding-left: calc(1em * 1 / 16) !important;\n padding-left: var(--spacing-1) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-vertical-1 {\n padding-top: calc(1em * 1 / 16) !important;\n padding-top: var(--spacing-1) !important;\n padding-bottom: calc(1em * 1 / 16) !important;\n padding-bottom: var(--spacing-1) !important;\n }\n\n .tablet\\:padding-y-1 {\n padding-top: calc(1em * 1 / 16) !important;\n padding-top: var(--spacing-1) !important;\n padding-bottom: calc(1em * 1 / 16) !important;\n padding-bottom: var(--spacing-1) !important;\n }\n .tablet\\:padding-1px {\n padding: 1px !important;\n padding: var(--spacing-1px) !important;\n }\n\n .tablet\\:padding-top-1px {\n padding-top: 1px !important;\n padding-top: var(--spacing-1px) !important;\n }\n\n .tablet\\:padding-right-1px {\n padding-right: 1px !important;\n padding-right: var(--spacing-1px) !important;\n }\n\n .tablet\\:padding-bottom-1px {\n padding-bottom: 1px !important;\n padding-bottom: var(--spacing-1px) !important;\n }\n\n .tablet\\:padding-left-1px {\n padding-left: 1px !important;\n padding-left: var(--spacing-1px) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-horizontal-1px {\n padding-right: 1px !important;\n padding-right: var(--spacing-1px) !important;\n padding-left: 1px !important;\n padding-left: var(--spacing-1px) !important;\n }\n\n .tablet\\:padding-x-1px {\n padding-right: 1px !important;\n padding-right: var(--spacing-1px) !important;\n padding-left: 1px !important;\n padding-left: var(--spacing-1px) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:padding-vertical-1px {\n padding-top: 1px !important;\n padding-top: var(--spacing-1px) !important;\n padding-bottom: 1px !important;\n padding-bottom: var(--spacing-1px) !important;\n }\n\n .tablet\\:padding-y-1px {\n padding-top: 1px !important;\n padding-top: var(--spacing-1px) !important;\n padding-bottom: 1px !important;\n padding-bottom: var(--spacing-1px) !important;\n }\n}\n@media (min-width: 64rem) {\n .laptop\\:padding-7xs {\n padding: calc(1em * 1 / 16) !important;\n padding: var(--spacing-7xs) !important;\n }\n\n .laptop\\:padding-top-7xs {\n padding-top: calc(1em * 1 / 16) !important;\n padding-top: var(--spacing-7xs) !important;\n }\n\n .laptop\\:padding-right-7xs {\n padding-right: calc(1em * 1 / 16) !important;\n padding-right: var(--spacing-7xs) !important;\n }\n\n .laptop\\:padding-bottom-7xs {\n padding-bottom: calc(1em * 1 / 16) !important;\n padding-bottom: var(--spacing-7xs) !important;\n }\n\n .laptop\\:padding-left-7xs {\n padding-left: calc(1em * 1 / 16) !important;\n padding-left: var(--spacing-7xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-horizontal-7xs {\n padding-right: calc(1em * 1 / 16) !important;\n padding-right: var(--spacing-7xs) !important;\n padding-left: calc(1em * 1 / 16) !important;\n padding-left: var(--spacing-7xs) !important;\n }\n\n .laptop\\:padding-x-7xs {\n padding-right: calc(1em * 1 / 16) !important;\n padding-right: var(--spacing-7xs) !important;\n padding-left: calc(1em * 1 / 16) !important;\n padding-left: var(--spacing-7xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-vertical-7xs {\n padding-top: calc(1em * 1 / 16) !important;\n padding-top: var(--spacing-7xs) !important;\n padding-bottom: calc(1em * 1 / 16) !important;\n padding-bottom: var(--spacing-7xs) !important;\n }\n\n .laptop\\:padding-y-7xs {\n padding-top: calc(1em * 1 / 16) !important;\n padding-top: var(--spacing-7xs) !important;\n padding-bottom: calc(1em * 1 / 16) !important;\n padding-bottom: var(--spacing-7xs) !important;\n }\n .laptop\\:padding-6xs {\n padding: calc(1em * 2 / 16) !important;\n padding: var(--spacing-6xs) !important;\n }\n\n .laptop\\:padding-top-6xs {\n padding-top: calc(1em * 2 / 16) !important;\n padding-top: var(--spacing-6xs) !important;\n }\n\n .laptop\\:padding-right-6xs {\n padding-right: calc(1em * 2 / 16) !important;\n padding-right: var(--spacing-6xs) !important;\n }\n\n .laptop\\:padding-bottom-6xs {\n padding-bottom: calc(1em * 2 / 16) !important;\n padding-bottom: var(--spacing-6xs) !important;\n }\n\n .laptop\\:padding-left-6xs {\n padding-left: calc(1em * 2 / 16) !important;\n padding-left: var(--spacing-6xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-horizontal-6xs {\n padding-right: calc(1em * 2 / 16) !important;\n padding-right: var(--spacing-6xs) !important;\n padding-left: calc(1em * 2 / 16) !important;\n padding-left: var(--spacing-6xs) !important;\n }\n\n .laptop\\:padding-x-6xs {\n padding-right: calc(1em * 2 / 16) !important;\n padding-right: var(--spacing-6xs) !important;\n padding-left: calc(1em * 2 / 16) !important;\n padding-left: var(--spacing-6xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-vertical-6xs {\n padding-top: calc(1em * 2 / 16) !important;\n padding-top: var(--spacing-6xs) !important;\n padding-bottom: calc(1em * 2 / 16) !important;\n padding-bottom: var(--spacing-6xs) !important;\n }\n\n .laptop\\:padding-y-6xs {\n padding-top: calc(1em * 2 / 16) !important;\n padding-top: var(--spacing-6xs) !important;\n padding-bottom: calc(1em * 2 / 16) !important;\n padding-bottom: var(--spacing-6xs) !important;\n }\n .laptop\\:padding-5xs {\n padding: calc(1em * 3 / 16) !important;\n padding: var(--spacing-5xs) !important;\n }\n\n .laptop\\:padding-top-5xs {\n padding-top: calc(1em * 3 / 16) !important;\n padding-top: var(--spacing-5xs) !important;\n }\n\n .laptop\\:padding-right-5xs {\n padding-right: calc(1em * 3 / 16) !important;\n padding-right: var(--spacing-5xs) !important;\n }\n\n .laptop\\:padding-bottom-5xs {\n padding-bottom: calc(1em * 3 / 16) !important;\n padding-bottom: var(--spacing-5xs) !important;\n }\n\n .laptop\\:padding-left-5xs {\n padding-left: calc(1em * 3 / 16) !important;\n padding-left: var(--spacing-5xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-horizontal-5xs {\n padding-right: calc(1em * 3 / 16) !important;\n padding-right: var(--spacing-5xs) !important;\n padding-left: calc(1em * 3 / 16) !important;\n padding-left: var(--spacing-5xs) !important;\n }\n\n .laptop\\:padding-x-5xs {\n padding-right: calc(1em * 3 / 16) !important;\n padding-right: var(--spacing-5xs) !important;\n padding-left: calc(1em * 3 / 16) !important;\n padding-left: var(--spacing-5xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-vertical-5xs {\n padding-top: calc(1em * 3 / 16) !important;\n padding-top: var(--spacing-5xs) !important;\n padding-bottom: calc(1em * 3 / 16) !important;\n padding-bottom: var(--spacing-5xs) !important;\n }\n\n .laptop\\:padding-y-5xs {\n padding-top: calc(1em * 3 / 16) !important;\n padding-top: var(--spacing-5xs) !important;\n padding-bottom: calc(1em * 3 / 16) !important;\n padding-bottom: var(--spacing-5xs) !important;\n }\n .laptop\\:padding-4xs {\n padding: calc(1em * 4 / 16) !important;\n padding: var(--spacing-4xs) !important;\n }\n\n .laptop\\:padding-top-4xs {\n padding-top: calc(1em * 4 / 16) !important;\n padding-top: var(--spacing-4xs) !important;\n }\n\n .laptop\\:padding-right-4xs {\n padding-right: calc(1em * 4 / 16) !important;\n padding-right: var(--spacing-4xs) !important;\n }\n\n .laptop\\:padding-bottom-4xs {\n padding-bottom: calc(1em * 4 / 16) !important;\n padding-bottom: var(--spacing-4xs) !important;\n }\n\n .laptop\\:padding-left-4xs {\n padding-left: calc(1em * 4 / 16) !important;\n padding-left: var(--spacing-4xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-horizontal-4xs {\n padding-right: calc(1em * 4 / 16) !important;\n padding-right: var(--spacing-4xs) !important;\n padding-left: calc(1em * 4 / 16) !important;\n padding-left: var(--spacing-4xs) !important;\n }\n\n .laptop\\:padding-x-4xs {\n padding-right: calc(1em * 4 / 16) !important;\n padding-right: var(--spacing-4xs) !important;\n padding-left: calc(1em * 4 / 16) !important;\n padding-left: var(--spacing-4xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-vertical-4xs {\n padding-top: calc(1em * 4 / 16) !important;\n padding-top: var(--spacing-4xs) !important;\n padding-bottom: calc(1em * 4 / 16) !important;\n padding-bottom: var(--spacing-4xs) !important;\n }\n\n .laptop\\:padding-y-4xs {\n padding-top: calc(1em * 4 / 16) !important;\n padding-top: var(--spacing-4xs) !important;\n padding-bottom: calc(1em * 4 / 16) !important;\n padding-bottom: var(--spacing-4xs) !important;\n }\n .laptop\\:padding-3xs {\n padding: calc(1em * 6 / 16) !important;\n padding: var(--spacing-3xs) !important;\n }\n\n .laptop\\:padding-top-3xs {\n padding-top: calc(1em * 6 / 16) !important;\n padding-top: var(--spacing-3xs) !important;\n }\n\n .laptop\\:padding-right-3xs {\n padding-right: calc(1em * 6 / 16) !important;\n padding-right: var(--spacing-3xs) !important;\n }\n\n .laptop\\:padding-bottom-3xs {\n padding-bottom: calc(1em * 6 / 16) !important;\n padding-bottom: var(--spacing-3xs) !important;\n }\n\n .laptop\\:padding-left-3xs {\n padding-left: calc(1em * 6 / 16) !important;\n padding-left: var(--spacing-3xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-horizontal-3xs {\n padding-right: calc(1em * 6 / 16) !important;\n padding-right: var(--spacing-3xs) !important;\n padding-left: calc(1em * 6 / 16) !important;\n padding-left: var(--spacing-3xs) !important;\n }\n\n .laptop\\:padding-x-3xs {\n padding-right: calc(1em * 6 / 16) !important;\n padding-right: var(--spacing-3xs) !important;\n padding-left: calc(1em * 6 / 16) !important;\n padding-left: var(--spacing-3xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-vertical-3xs {\n padding-top: calc(1em * 6 / 16) !important;\n padding-top: var(--spacing-3xs) !important;\n padding-bottom: calc(1em * 6 / 16) !important;\n padding-bottom: var(--spacing-3xs) !important;\n }\n\n .laptop\\:padding-y-3xs {\n padding-top: calc(1em * 6 / 16) !important;\n padding-top: var(--spacing-3xs) !important;\n padding-bottom: calc(1em * 6 / 16) !important;\n padding-bottom: var(--spacing-3xs) !important;\n }\n .laptop\\:padding-2xs {\n padding: calc(1em * 8 / 16) !important;\n padding: var(--spacing-2xs) !important;\n }\n\n .laptop\\:padding-top-2xs {\n padding-top: calc(1em * 8 / 16) !important;\n padding-top: var(--spacing-2xs) !important;\n }\n\n .laptop\\:padding-right-2xs {\n padding-right: calc(1em * 8 / 16) !important;\n padding-right: var(--spacing-2xs) !important;\n }\n\n .laptop\\:padding-bottom-2xs {\n padding-bottom: calc(1em * 8 / 16) !important;\n padding-bottom: var(--spacing-2xs) !important;\n }\n\n .laptop\\:padding-left-2xs {\n padding-left: calc(1em * 8 / 16) !important;\n padding-left: var(--spacing-2xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-horizontal-2xs {\n padding-right: calc(1em * 8 / 16) !important;\n padding-right: var(--spacing-2xs) !important;\n padding-left: calc(1em * 8 / 16) !important;\n padding-left: var(--spacing-2xs) !important;\n }\n\n .laptop\\:padding-x-2xs {\n padding-right: calc(1em * 8 / 16) !important;\n padding-right: var(--spacing-2xs) !important;\n padding-left: calc(1em * 8 / 16) !important;\n padding-left: var(--spacing-2xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-vertical-2xs {\n padding-top: calc(1em * 8 / 16) !important;\n padding-top: var(--spacing-2xs) !important;\n padding-bottom: calc(1em * 8 / 16) !important;\n padding-bottom: var(--spacing-2xs) !important;\n }\n\n .laptop\\:padding-y-2xs {\n padding-top: calc(1em * 8 / 16) !important;\n padding-top: var(--spacing-2xs) !important;\n padding-bottom: calc(1em * 8 / 16) !important;\n padding-bottom: var(--spacing-2xs) !important;\n }\n .laptop\\:padding-xs {\n padding: calc(1em * 10 / 16) !important;\n padding: var(--spacing-xs) !important;\n }\n\n .laptop\\:padding-top-xs {\n padding-top: calc(1em * 10 / 16) !important;\n padding-top: var(--spacing-xs) !important;\n }\n\n .laptop\\:padding-right-xs {\n padding-right: calc(1em * 10 / 16) !important;\n padding-right: var(--spacing-xs) !important;\n }\n\n .laptop\\:padding-bottom-xs {\n padding-bottom: calc(1em * 10 / 16) !important;\n padding-bottom: var(--spacing-xs) !important;\n }\n\n .laptop\\:padding-left-xs {\n padding-left: calc(1em * 10 / 16) !important;\n padding-left: var(--spacing-xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-horizontal-xs {\n padding-right: calc(1em * 10 / 16) !important;\n padding-right: var(--spacing-xs) !important;\n padding-left: calc(1em * 10 / 16) !important;\n padding-left: var(--spacing-xs) !important;\n }\n\n .laptop\\:padding-x-xs {\n padding-right: calc(1em * 10 / 16) !important;\n padding-right: var(--spacing-xs) !important;\n padding-left: calc(1em * 10 / 16) !important;\n padding-left: var(--spacing-xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-vertical-xs {\n padding-top: calc(1em * 10 / 16) !important;\n padding-top: var(--spacing-xs) !important;\n padding-bottom: calc(1em * 10 / 16) !important;\n padding-bottom: var(--spacing-xs) !important;\n }\n\n .laptop\\:padding-y-xs {\n padding-top: calc(1em * 10 / 16) !important;\n padding-top: var(--spacing-xs) !important;\n padding-bottom: calc(1em * 10 / 16) !important;\n padding-bottom: var(--spacing-xs) !important;\n }\n .laptop\\:padding-sm {\n padding: calc(1em * 12 / 16) !important;\n padding: var(--spacing-sm) !important;\n }\n\n .laptop\\:padding-top-sm {\n padding-top: calc(1em * 12 / 16) !important;\n padding-top: var(--spacing-sm) !important;\n }\n\n .laptop\\:padding-right-sm {\n padding-right: calc(1em * 12 / 16) !important;\n padding-right: var(--spacing-sm) !important;\n }\n\n .laptop\\:padding-bottom-sm {\n padding-bottom: calc(1em * 12 / 16) !important;\n padding-bottom: var(--spacing-sm) !important;\n }\n\n .laptop\\:padding-left-sm {\n padding-left: calc(1em * 12 / 16) !important;\n padding-left: var(--spacing-sm) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-horizontal-sm {\n padding-right: calc(1em * 12 / 16) !important;\n padding-right: var(--spacing-sm) !important;\n padding-left: calc(1em * 12 / 16) !important;\n padding-left: var(--spacing-sm) !important;\n }\n\n .laptop\\:padding-x-sm {\n padding-right: calc(1em * 12 / 16) !important;\n padding-right: var(--spacing-sm) !important;\n padding-left: calc(1em * 12 / 16) !important;\n padding-left: var(--spacing-sm) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-vertical-sm {\n padding-top: calc(1em * 12 / 16) !important;\n padding-top: var(--spacing-sm) !important;\n padding-bottom: calc(1em * 12 / 16) !important;\n padding-bottom: var(--spacing-sm) !important;\n }\n\n .laptop\\:padding-y-sm {\n padding-top: calc(1em * 12 / 16) !important;\n padding-top: var(--spacing-sm) !important;\n padding-bottom: calc(1em * 12 / 16) !important;\n padding-bottom: var(--spacing-sm) !important;\n }\n .laptop\\:padding-md {\n padding: calc(1em * 1) !important;\n padding: var(--spacing-md) !important;\n }\n\n .laptop\\:padding-top-md {\n padding-top: calc(1em * 1) !important;\n padding-top: var(--spacing-md) !important;\n }\n\n .laptop\\:padding-right-md {\n padding-right: calc(1em * 1) !important;\n padding-right: var(--spacing-md) !important;\n }\n\n .laptop\\:padding-bottom-md {\n padding-bottom: calc(1em * 1) !important;\n padding-bottom: var(--spacing-md) !important;\n }\n\n .laptop\\:padding-left-md {\n padding-left: calc(1em * 1) !important;\n padding-left: var(--spacing-md) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-horizontal-md {\n padding-right: calc(1em * 1) !important;\n padding-right: var(--spacing-md) !important;\n padding-left: calc(1em * 1) !important;\n padding-left: var(--spacing-md) !important;\n }\n\n .laptop\\:padding-x-md {\n padding-right: calc(1em * 1) !important;\n padding-right: var(--spacing-md) !important;\n padding-left: calc(1em * 1) !important;\n padding-left: var(--spacing-md) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-vertical-md {\n padding-top: calc(1em * 1) !important;\n padding-top: var(--spacing-md) !important;\n padding-bottom: calc(1em * 1) !important;\n padding-bottom: var(--spacing-md) !important;\n }\n\n .laptop\\:padding-y-md {\n padding-top: calc(1em * 1) !important;\n padding-top: var(--spacing-md) !important;\n padding-bottom: calc(1em * 1) !important;\n padding-bottom: var(--spacing-md) !important;\n }\n .laptop\\:padding-lg {\n padding: calc(1em * 1.25) !important;\n padding: var(--spacing-lg) !important;\n }\n\n .laptop\\:padding-top-lg {\n padding-top: calc(1em * 1.25) !important;\n padding-top: var(--spacing-lg) !important;\n }\n\n .laptop\\:padding-right-lg {\n padding-right: calc(1em * 1.25) !important;\n padding-right: var(--spacing-lg) !important;\n }\n\n .laptop\\:padding-bottom-lg {\n padding-bottom: calc(1em * 1.25) !important;\n padding-bottom: var(--spacing-lg) !important;\n }\n\n .laptop\\:padding-left-lg {\n padding-left: calc(1em * 1.25) !important;\n padding-left: var(--spacing-lg) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-horizontal-lg {\n padding-right: calc(1em * 1.25) !important;\n padding-right: var(--spacing-lg) !important;\n padding-left: calc(1em * 1.25) !important;\n padding-left: var(--spacing-lg) !important;\n }\n\n .laptop\\:padding-x-lg {\n padding-right: calc(1em * 1.25) !important;\n padding-right: var(--spacing-lg) !important;\n padding-left: calc(1em * 1.25) !important;\n padding-left: var(--spacing-lg) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-vertical-lg {\n padding-top: calc(1em * 1.25) !important;\n padding-top: var(--spacing-lg) !important;\n padding-bottom: calc(1em * 1.25) !important;\n padding-bottom: var(--spacing-lg) !important;\n }\n\n .laptop\\:padding-y-lg {\n padding-top: calc(1em * 1.25) !important;\n padding-top: var(--spacing-lg) !important;\n padding-bottom: calc(1em * 1.25) !important;\n padding-bottom: var(--spacing-lg) !important;\n }\n .laptop\\:padding-xl {\n padding: calc(1em * 1.5) !important;\n padding: var(--spacing-xl) !important;\n }\n\n .laptop\\:padding-top-xl {\n padding-top: calc(1em * 1.5) !important;\n padding-top: var(--spacing-xl) !important;\n }\n\n .laptop\\:padding-right-xl {\n padding-right: calc(1em * 1.5) !important;\n padding-right: var(--spacing-xl) !important;\n }\n\n .laptop\\:padding-bottom-xl {\n padding-bottom: calc(1em * 1.5) !important;\n padding-bottom: var(--spacing-xl) !important;\n }\n\n .laptop\\:padding-left-xl {\n padding-left: calc(1em * 1.5) !important;\n padding-left: var(--spacing-xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-horizontal-xl {\n padding-right: calc(1em * 1.5) !important;\n padding-right: var(--spacing-xl) !important;\n padding-left: calc(1em * 1.5) !important;\n padding-left: var(--spacing-xl) !important;\n }\n\n .laptop\\:padding-x-xl {\n padding-right: calc(1em * 1.5) !important;\n padding-right: var(--spacing-xl) !important;\n padding-left: calc(1em * 1.5) !important;\n padding-left: var(--spacing-xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-vertical-xl {\n padding-top: calc(1em * 1.5) !important;\n padding-top: var(--spacing-xl) !important;\n padding-bottom: calc(1em * 1.5) !important;\n padding-bottom: var(--spacing-xl) !important;\n }\n\n .laptop\\:padding-y-xl {\n padding-top: calc(1em * 1.5) !important;\n padding-top: var(--spacing-xl) !important;\n padding-bottom: calc(1em * 1.5) !important;\n padding-bottom: var(--spacing-xl) !important;\n }\n .laptop\\:padding-2xl {\n padding: calc(1em * 2) !important;\n padding: var(--spacing-2xl) !important;\n }\n\n .laptop\\:padding-top-2xl {\n padding-top: calc(1em * 2) !important;\n padding-top: var(--spacing-2xl) !important;\n }\n\n .laptop\\:padding-right-2xl {\n padding-right: calc(1em * 2) !important;\n padding-right: var(--spacing-2xl) !important;\n }\n\n .laptop\\:padding-bottom-2xl {\n padding-bottom: calc(1em * 2) !important;\n padding-bottom: var(--spacing-2xl) !important;\n }\n\n .laptop\\:padding-left-2xl {\n padding-left: calc(1em * 2) !important;\n padding-left: var(--spacing-2xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-horizontal-2xl {\n padding-right: calc(1em * 2) !important;\n padding-right: var(--spacing-2xl) !important;\n padding-left: calc(1em * 2) !important;\n padding-left: var(--spacing-2xl) !important;\n }\n\n .laptop\\:padding-x-2xl {\n padding-right: calc(1em * 2) !important;\n padding-right: var(--spacing-2xl) !important;\n padding-left: calc(1em * 2) !important;\n padding-left: var(--spacing-2xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-vertical-2xl {\n padding-top: calc(1em * 2) !important;\n padding-top: var(--spacing-2xl) !important;\n padding-bottom: calc(1em * 2) !important;\n padding-bottom: var(--spacing-2xl) !important;\n }\n\n .laptop\\:padding-y-2xl {\n padding-top: calc(1em * 2) !important;\n padding-top: var(--spacing-2xl) !important;\n padding-bottom: calc(1em * 2) !important;\n padding-bottom: var(--spacing-2xl) !important;\n }\n .laptop\\:padding-3xl {\n padding: calc(1em * 2.5) !important;\n padding: var(--spacing-3xl) !important;\n }\n\n .laptop\\:padding-top-3xl {\n padding-top: calc(1em * 2.5) !important;\n padding-top: var(--spacing-3xl) !important;\n }\n\n .laptop\\:padding-right-3xl {\n padding-right: calc(1em * 2.5) !important;\n padding-right: var(--spacing-3xl) !important;\n }\n\n .laptop\\:padding-bottom-3xl {\n padding-bottom: calc(1em * 2.5) !important;\n padding-bottom: var(--spacing-3xl) !important;\n }\n\n .laptop\\:padding-left-3xl {\n padding-left: calc(1em * 2.5) !important;\n padding-left: var(--spacing-3xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-horizontal-3xl {\n padding-right: calc(1em * 2.5) !important;\n padding-right: var(--spacing-3xl) !important;\n padding-left: calc(1em * 2.5) !important;\n padding-left: var(--spacing-3xl) !important;\n }\n\n .laptop\\:padding-x-3xl {\n padding-right: calc(1em * 2.5) !important;\n padding-right: var(--spacing-3xl) !important;\n padding-left: calc(1em * 2.5) !important;\n padding-left: var(--spacing-3xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-vertical-3xl {\n padding-top: calc(1em * 2.5) !important;\n padding-top: var(--spacing-3xl) !important;\n padding-bottom: calc(1em * 2.5) !important;\n padding-bottom: var(--spacing-3xl) !important;\n }\n\n .laptop\\:padding-y-3xl {\n padding-top: calc(1em * 2.5) !important;\n padding-top: var(--spacing-3xl) !important;\n padding-bottom: calc(1em * 2.5) !important;\n padding-bottom: var(--spacing-3xl) !important;\n }\n .laptop\\:padding-4xl {\n padding: calc(1em * 3) !important;\n padding: var(--spacing-4xl) !important;\n }\n\n .laptop\\:padding-top-4xl {\n padding-top: calc(1em * 3) !important;\n padding-top: var(--spacing-4xl) !important;\n }\n\n .laptop\\:padding-right-4xl {\n padding-right: calc(1em * 3) !important;\n padding-right: var(--spacing-4xl) !important;\n }\n\n .laptop\\:padding-bottom-4xl {\n padding-bottom: calc(1em * 3) !important;\n padding-bottom: var(--spacing-4xl) !important;\n }\n\n .laptop\\:padding-left-4xl {\n padding-left: calc(1em * 3) !important;\n padding-left: var(--spacing-4xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-horizontal-4xl {\n padding-right: calc(1em * 3) !important;\n padding-right: var(--spacing-4xl) !important;\n padding-left: calc(1em * 3) !important;\n padding-left: var(--spacing-4xl) !important;\n }\n\n .laptop\\:padding-x-4xl {\n padding-right: calc(1em * 3) !important;\n padding-right: var(--spacing-4xl) !important;\n padding-left: calc(1em * 3) !important;\n padding-left: var(--spacing-4xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-vertical-4xl {\n padding-top: calc(1em * 3) !important;\n padding-top: var(--spacing-4xl) !important;\n padding-bottom: calc(1em * 3) !important;\n padding-bottom: var(--spacing-4xl) !important;\n }\n\n .laptop\\:padding-y-4xl {\n padding-top: calc(1em * 3) !important;\n padding-top: var(--spacing-4xl) !important;\n padding-bottom: calc(1em * 3) !important;\n padding-bottom: var(--spacing-4xl) !important;\n }\n .laptop\\:padding-5xl {\n padding: calc(1em * 4) !important;\n padding: var(--spacing-5xl) !important;\n }\n\n .laptop\\:padding-top-5xl {\n padding-top: calc(1em * 4) !important;\n padding-top: var(--spacing-5xl) !important;\n }\n\n .laptop\\:padding-right-5xl {\n padding-right: calc(1em * 4) !important;\n padding-right: var(--spacing-5xl) !important;\n }\n\n .laptop\\:padding-bottom-5xl {\n padding-bottom: calc(1em * 4) !important;\n padding-bottom: var(--spacing-5xl) !important;\n }\n\n .laptop\\:padding-left-5xl {\n padding-left: calc(1em * 4) !important;\n padding-left: var(--spacing-5xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-horizontal-5xl {\n padding-right: calc(1em * 4) !important;\n padding-right: var(--spacing-5xl) !important;\n padding-left: calc(1em * 4) !important;\n padding-left: var(--spacing-5xl) !important;\n }\n\n .laptop\\:padding-x-5xl {\n padding-right: calc(1em * 4) !important;\n padding-right: var(--spacing-5xl) !important;\n padding-left: calc(1em * 4) !important;\n padding-left: var(--spacing-5xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-vertical-5xl {\n padding-top: calc(1em * 4) !important;\n padding-top: var(--spacing-5xl) !important;\n padding-bottom: calc(1em * 4) !important;\n padding-bottom: var(--spacing-5xl) !important;\n }\n\n .laptop\\:padding-y-5xl {\n padding-top: calc(1em * 4) !important;\n padding-top: var(--spacing-5xl) !important;\n padding-bottom: calc(1em * 4) !important;\n padding-bottom: var(--spacing-5xl) !important;\n }\n .laptop\\:padding-6xl {\n padding: calc(1em * 5) !important;\n padding: var(--spacing-6xl) !important;\n }\n\n .laptop\\:padding-top-6xl {\n padding-top: calc(1em * 5) !important;\n padding-top: var(--spacing-6xl) !important;\n }\n\n .laptop\\:padding-right-6xl {\n padding-right: calc(1em * 5) !important;\n padding-right: var(--spacing-6xl) !important;\n }\n\n .laptop\\:padding-bottom-6xl {\n padding-bottom: calc(1em * 5) !important;\n padding-bottom: var(--spacing-6xl) !important;\n }\n\n .laptop\\:padding-left-6xl {\n padding-left: calc(1em * 5) !important;\n padding-left: var(--spacing-6xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-horizontal-6xl {\n padding-right: calc(1em * 5) !important;\n padding-right: var(--spacing-6xl) !important;\n padding-left: calc(1em * 5) !important;\n padding-left: var(--spacing-6xl) !important;\n }\n\n .laptop\\:padding-x-6xl {\n padding-right: calc(1em * 5) !important;\n padding-right: var(--spacing-6xl) !important;\n padding-left: calc(1em * 5) !important;\n padding-left: var(--spacing-6xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-vertical-6xl {\n padding-top: calc(1em * 5) !important;\n padding-top: var(--spacing-6xl) !important;\n padding-bottom: calc(1em * 5) !important;\n padding-bottom: var(--spacing-6xl) !important;\n }\n\n .laptop\\:padding-y-6xl {\n padding-top: calc(1em * 5) !important;\n padding-top: var(--spacing-6xl) !important;\n padding-bottom: calc(1em * 5) !important;\n padding-bottom: var(--spacing-6xl) !important;\n }\n .laptop\\:padding-7xl {\n padding: calc(1em * 6) !important;\n padding: var(--spacing-7xl) !important;\n }\n\n .laptop\\:padding-top-7xl {\n padding-top: calc(1em * 6) !important;\n padding-top: var(--spacing-7xl) !important;\n }\n\n .laptop\\:padding-right-7xl {\n padding-right: calc(1em * 6) !important;\n padding-right: var(--spacing-7xl) !important;\n }\n\n .laptop\\:padding-bottom-7xl {\n padding-bottom: calc(1em * 6) !important;\n padding-bottom: var(--spacing-7xl) !important;\n }\n\n .laptop\\:padding-left-7xl {\n padding-left: calc(1em * 6) !important;\n padding-left: var(--spacing-7xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-horizontal-7xl {\n padding-right: calc(1em * 6) !important;\n padding-right: var(--spacing-7xl) !important;\n padding-left: calc(1em * 6) !important;\n padding-left: var(--spacing-7xl) !important;\n }\n\n .laptop\\:padding-x-7xl {\n padding-right: calc(1em * 6) !important;\n padding-right: var(--spacing-7xl) !important;\n padding-left: calc(1em * 6) !important;\n padding-left: var(--spacing-7xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-vertical-7xl {\n padding-top: calc(1em * 6) !important;\n padding-top: var(--spacing-7xl) !important;\n padding-bottom: calc(1em * 6) !important;\n padding-bottom: var(--spacing-7xl) !important;\n }\n\n .laptop\\:padding-y-7xl {\n padding-top: calc(1em * 6) !important;\n padding-top: var(--spacing-7xl) !important;\n padding-bottom: calc(1em * 6) !important;\n padding-bottom: var(--spacing-7xl) !important;\n }\n .laptop\\:padding-8xl {\n padding: calc(1em * 8) !important;\n padding: var(--spacing-8xl) !important;\n }\n\n .laptop\\:padding-top-8xl {\n padding-top: calc(1em * 8) !important;\n padding-top: var(--spacing-8xl) !important;\n }\n\n .laptop\\:padding-right-8xl {\n padding-right: calc(1em * 8) !important;\n padding-right: var(--spacing-8xl) !important;\n }\n\n .laptop\\:padding-bottom-8xl {\n padding-bottom: calc(1em * 8) !important;\n padding-bottom: var(--spacing-8xl) !important;\n }\n\n .laptop\\:padding-left-8xl {\n padding-left: calc(1em * 8) !important;\n padding-left: var(--spacing-8xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-horizontal-8xl {\n padding-right: calc(1em * 8) !important;\n padding-right: var(--spacing-8xl) !important;\n padding-left: calc(1em * 8) !important;\n padding-left: var(--spacing-8xl) !important;\n }\n\n .laptop\\:padding-x-8xl {\n padding-right: calc(1em * 8) !important;\n padding-right: var(--spacing-8xl) !important;\n padding-left: calc(1em * 8) !important;\n padding-left: var(--spacing-8xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-vertical-8xl {\n padding-top: calc(1em * 8) !important;\n padding-top: var(--spacing-8xl) !important;\n padding-bottom: calc(1em * 8) !important;\n padding-bottom: var(--spacing-8xl) !important;\n }\n\n .laptop\\:padding-y-8xl {\n padding-top: calc(1em * 8) !important;\n padding-top: var(--spacing-8xl) !important;\n padding-bottom: calc(1em * 8) !important;\n padding-bottom: var(--spacing-8xl) !important;\n }\n .laptop\\:padding-9xl {\n padding: calc(1em * 10) !important;\n padding: var(--spacing-9xl) !important;\n }\n\n .laptop\\:padding-top-9xl {\n padding-top: calc(1em * 10) !important;\n padding-top: var(--spacing-9xl) !important;\n }\n\n .laptop\\:padding-right-9xl {\n padding-right: calc(1em * 10) !important;\n padding-right: var(--spacing-9xl) !important;\n }\n\n .laptop\\:padding-bottom-9xl {\n padding-bottom: calc(1em * 10) !important;\n padding-bottom: var(--spacing-9xl) !important;\n }\n\n .laptop\\:padding-left-9xl {\n padding-left: calc(1em * 10) !important;\n padding-left: var(--spacing-9xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-horizontal-9xl {\n padding-right: calc(1em * 10) !important;\n padding-right: var(--spacing-9xl) !important;\n padding-left: calc(1em * 10) !important;\n padding-left: var(--spacing-9xl) !important;\n }\n\n .laptop\\:padding-x-9xl {\n padding-right: calc(1em * 10) !important;\n padding-right: var(--spacing-9xl) !important;\n padding-left: calc(1em * 10) !important;\n padding-left: var(--spacing-9xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-vertical-9xl {\n padding-top: calc(1em * 10) !important;\n padding-top: var(--spacing-9xl) !important;\n padding-bottom: calc(1em * 10) !important;\n padding-bottom: var(--spacing-9xl) !important;\n }\n\n .laptop\\:padding-y-9xl {\n padding-top: calc(1em * 10) !important;\n padding-top: var(--spacing-9xl) !important;\n padding-bottom: calc(1em * 10) !important;\n padding-bottom: var(--spacing-9xl) !important;\n }\n .laptop\\:padding-10xl {\n padding: calc(1em * 12) !important;\n padding: var(--spacing-10xl) !important;\n }\n\n .laptop\\:padding-top-10xl {\n padding-top: calc(1em * 12) !important;\n padding-top: var(--spacing-10xl) !important;\n }\n\n .laptop\\:padding-right-10xl {\n padding-right: calc(1em * 12) !important;\n padding-right: var(--spacing-10xl) !important;\n }\n\n .laptop\\:padding-bottom-10xl {\n padding-bottom: calc(1em * 12) !important;\n padding-bottom: var(--spacing-10xl) !important;\n }\n\n .laptop\\:padding-left-10xl {\n padding-left: calc(1em * 12) !important;\n padding-left: var(--spacing-10xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-horizontal-10xl {\n padding-right: calc(1em * 12) !important;\n padding-right: var(--spacing-10xl) !important;\n padding-left: calc(1em * 12) !important;\n padding-left: var(--spacing-10xl) !important;\n }\n\n .laptop\\:padding-x-10xl {\n padding-right: calc(1em * 12) !important;\n padding-right: var(--spacing-10xl) !important;\n padding-left: calc(1em * 12) !important;\n padding-left: var(--spacing-10xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-vertical-10xl {\n padding-top: calc(1em * 12) !important;\n padding-top: var(--spacing-10xl) !important;\n padding-bottom: calc(1em * 12) !important;\n padding-bottom: var(--spacing-10xl) !important;\n }\n\n .laptop\\:padding-y-10xl {\n padding-top: calc(1em * 12) !important;\n padding-top: var(--spacing-10xl) !important;\n padding-bottom: calc(1em * 12) !important;\n padding-bottom: var(--spacing-10xl) !important;\n }\n .laptop\\:padding-11xl {\n padding: calc(1em * 16) !important;\n padding: var(--spacing-11xl) !important;\n }\n\n .laptop\\:padding-top-11xl {\n padding-top: calc(1em * 16) !important;\n padding-top: var(--spacing-11xl) !important;\n }\n\n .laptop\\:padding-right-11xl {\n padding-right: calc(1em * 16) !important;\n padding-right: var(--spacing-11xl) !important;\n }\n\n .laptop\\:padding-bottom-11xl {\n padding-bottom: calc(1em * 16) !important;\n padding-bottom: var(--spacing-11xl) !important;\n }\n\n .laptop\\:padding-left-11xl {\n padding-left: calc(1em * 16) !important;\n padding-left: var(--spacing-11xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-horizontal-11xl {\n padding-right: calc(1em * 16) !important;\n padding-right: var(--spacing-11xl) !important;\n padding-left: calc(1em * 16) !important;\n padding-left: var(--spacing-11xl) !important;\n }\n\n .laptop\\:padding-x-11xl {\n padding-right: calc(1em * 16) !important;\n padding-right: var(--spacing-11xl) !important;\n padding-left: calc(1em * 16) !important;\n padding-left: var(--spacing-11xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-vertical-11xl {\n padding-top: calc(1em * 16) !important;\n padding-top: var(--spacing-11xl) !important;\n padding-bottom: calc(1em * 16) !important;\n padding-bottom: var(--spacing-11xl) !important;\n }\n\n .laptop\\:padding-y-11xl {\n padding-top: calc(1em * 16) !important;\n padding-top: var(--spacing-11xl) !important;\n padding-bottom: calc(1em * 16) !important;\n padding-bottom: var(--spacing-11xl) !important;\n }\n .laptop\\:padding-12xl {\n padding: calc(1em * 20) !important;\n padding: var(--spacing-12xl) !important;\n }\n\n .laptop\\:padding-top-12xl {\n padding-top: calc(1em * 20) !important;\n padding-top: var(--spacing-12xl) !important;\n }\n\n .laptop\\:padding-right-12xl {\n padding-right: calc(1em * 20) !important;\n padding-right: var(--spacing-12xl) !important;\n }\n\n .laptop\\:padding-bottom-12xl {\n padding-bottom: calc(1em * 20) !important;\n padding-bottom: var(--spacing-12xl) !important;\n }\n\n .laptop\\:padding-left-12xl {\n padding-left: calc(1em * 20) !important;\n padding-left: var(--spacing-12xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-horizontal-12xl {\n padding-right: calc(1em * 20) !important;\n padding-right: var(--spacing-12xl) !important;\n padding-left: calc(1em * 20) !important;\n padding-left: var(--spacing-12xl) !important;\n }\n\n .laptop\\:padding-x-12xl {\n padding-right: calc(1em * 20) !important;\n padding-right: var(--spacing-12xl) !important;\n padding-left: calc(1em * 20) !important;\n padding-left: var(--spacing-12xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-vertical-12xl {\n padding-top: calc(1em * 20) !important;\n padding-top: var(--spacing-12xl) !important;\n padding-bottom: calc(1em * 20) !important;\n padding-bottom: var(--spacing-12xl) !important;\n }\n\n .laptop\\:padding-y-12xl {\n padding-top: calc(1em * 20) !important;\n padding-top: var(--spacing-12xl) !important;\n padding-bottom: calc(1em * 20) !important;\n padding-bottom: var(--spacing-12xl) !important;\n }\n .laptop\\:padding-0 {\n padding: 0 !important;\n padding: var(--spacing-0) !important;\n }\n\n .laptop\\:padding-top-0 {\n padding-top: 0 !important;\n padding-top: var(--spacing-0) !important;\n }\n\n .laptop\\:padding-right-0 {\n padding-right: 0 !important;\n padding-right: var(--spacing-0) !important;\n }\n\n .laptop\\:padding-bottom-0 {\n padding-bottom: 0 !important;\n padding-bottom: var(--spacing-0) !important;\n }\n\n .laptop\\:padding-left-0 {\n padding-left: 0 !important;\n padding-left: var(--spacing-0) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-horizontal-0 {\n padding-right: 0 !important;\n padding-right: var(--spacing-0) !important;\n padding-left: 0 !important;\n padding-left: var(--spacing-0) !important;\n }\n\n .laptop\\:padding-x-0 {\n padding-right: 0 !important;\n padding-right: var(--spacing-0) !important;\n padding-left: 0 !important;\n padding-left: var(--spacing-0) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-vertical-0 {\n padding-top: 0 !important;\n padding-top: var(--spacing-0) !important;\n padding-bottom: 0 !important;\n padding-bottom: var(--spacing-0) !important;\n }\n\n .laptop\\:padding-y-0 {\n padding-top: 0 !important;\n padding-top: var(--spacing-0) !important;\n padding-bottom: 0 !important;\n padding-bottom: var(--spacing-0) !important;\n }\n .laptop\\:padding-1 {\n padding: calc(1em * 1 / 16) !important;\n padding: var(--spacing-1) !important;\n }\n\n .laptop\\:padding-top-1 {\n padding-top: calc(1em * 1 / 16) !important;\n padding-top: var(--spacing-1) !important;\n }\n\n .laptop\\:padding-right-1 {\n padding-right: calc(1em * 1 / 16) !important;\n padding-right: var(--spacing-1) !important;\n }\n\n .laptop\\:padding-bottom-1 {\n padding-bottom: calc(1em * 1 / 16) !important;\n padding-bottom: var(--spacing-1) !important;\n }\n\n .laptop\\:padding-left-1 {\n padding-left: calc(1em * 1 / 16) !important;\n padding-left: var(--spacing-1) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-horizontal-1 {\n padding-right: calc(1em * 1 / 16) !important;\n padding-right: var(--spacing-1) !important;\n padding-left: calc(1em * 1 / 16) !important;\n padding-left: var(--spacing-1) !important;\n }\n\n .laptop\\:padding-x-1 {\n padding-right: calc(1em * 1 / 16) !important;\n padding-right: var(--spacing-1) !important;\n padding-left: calc(1em * 1 / 16) !important;\n padding-left: var(--spacing-1) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-vertical-1 {\n padding-top: calc(1em * 1 / 16) !important;\n padding-top: var(--spacing-1) !important;\n padding-bottom: calc(1em * 1 / 16) !important;\n padding-bottom: var(--spacing-1) !important;\n }\n\n .laptop\\:padding-y-1 {\n padding-top: calc(1em * 1 / 16) !important;\n padding-top: var(--spacing-1) !important;\n padding-bottom: calc(1em * 1 / 16) !important;\n padding-bottom: var(--spacing-1) !important;\n }\n .laptop\\:padding-1px {\n padding: 1px !important;\n padding: var(--spacing-1px) !important;\n }\n\n .laptop\\:padding-top-1px {\n padding-top: 1px !important;\n padding-top: var(--spacing-1px) !important;\n }\n\n .laptop\\:padding-right-1px {\n padding-right: 1px !important;\n padding-right: var(--spacing-1px) !important;\n }\n\n .laptop\\:padding-bottom-1px {\n padding-bottom: 1px !important;\n padding-bottom: var(--spacing-1px) !important;\n }\n\n .laptop\\:padding-left-1px {\n padding-left: 1px !important;\n padding-left: var(--spacing-1px) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-horizontal-1px {\n padding-right: 1px !important;\n padding-right: var(--spacing-1px) !important;\n padding-left: 1px !important;\n padding-left: var(--spacing-1px) !important;\n }\n\n .laptop\\:padding-x-1px {\n padding-right: 1px !important;\n padding-right: var(--spacing-1px) !important;\n padding-left: 1px !important;\n padding-left: var(--spacing-1px) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .laptop\\:padding-vertical-1px {\n padding-top: 1px !important;\n padding-top: var(--spacing-1px) !important;\n padding-bottom: 1px !important;\n padding-bottom: var(--spacing-1px) !important;\n }\n\n .laptop\\:padding-y-1px {\n padding-top: 1px !important;\n padding-top: var(--spacing-1px) !important;\n padding-bottom: 1px !important;\n padding-bottom: var(--spacing-1px) !important;\n }\n}\n@media (min-width: 96rem) {\n .desktop\\:padding-7xs {\n padding: calc(1em * 1 / 16) !important;\n padding: var(--spacing-7xs) !important;\n }\n\n .desktop\\:padding-top-7xs {\n padding-top: calc(1em * 1 / 16) !important;\n padding-top: var(--spacing-7xs) !important;\n }\n\n .desktop\\:padding-right-7xs {\n padding-right: calc(1em * 1 / 16) !important;\n padding-right: var(--spacing-7xs) !important;\n }\n\n .desktop\\:padding-bottom-7xs {\n padding-bottom: calc(1em * 1 / 16) !important;\n padding-bottom: var(--spacing-7xs) !important;\n }\n\n .desktop\\:padding-left-7xs {\n padding-left: calc(1em * 1 / 16) !important;\n padding-left: var(--spacing-7xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-horizontal-7xs {\n padding-right: calc(1em * 1 / 16) !important;\n padding-right: var(--spacing-7xs) !important;\n padding-left: calc(1em * 1 / 16) !important;\n padding-left: var(--spacing-7xs) !important;\n }\n\n .desktop\\:padding-x-7xs {\n padding-right: calc(1em * 1 / 16) !important;\n padding-right: var(--spacing-7xs) !important;\n padding-left: calc(1em * 1 / 16) !important;\n padding-left: var(--spacing-7xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-vertical-7xs {\n padding-top: calc(1em * 1 / 16) !important;\n padding-top: var(--spacing-7xs) !important;\n padding-bottom: calc(1em * 1 / 16) !important;\n padding-bottom: var(--spacing-7xs) !important;\n }\n\n .desktop\\:padding-y-7xs {\n padding-top: calc(1em * 1 / 16) !important;\n padding-top: var(--spacing-7xs) !important;\n padding-bottom: calc(1em * 1 / 16) !important;\n padding-bottom: var(--spacing-7xs) !important;\n }\n .desktop\\:padding-6xs {\n padding: calc(1em * 2 / 16) !important;\n padding: var(--spacing-6xs) !important;\n }\n\n .desktop\\:padding-top-6xs {\n padding-top: calc(1em * 2 / 16) !important;\n padding-top: var(--spacing-6xs) !important;\n }\n\n .desktop\\:padding-right-6xs {\n padding-right: calc(1em * 2 / 16) !important;\n padding-right: var(--spacing-6xs) !important;\n }\n\n .desktop\\:padding-bottom-6xs {\n padding-bottom: calc(1em * 2 / 16) !important;\n padding-bottom: var(--spacing-6xs) !important;\n }\n\n .desktop\\:padding-left-6xs {\n padding-left: calc(1em * 2 / 16) !important;\n padding-left: var(--spacing-6xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-horizontal-6xs {\n padding-right: calc(1em * 2 / 16) !important;\n padding-right: var(--spacing-6xs) !important;\n padding-left: calc(1em * 2 / 16) !important;\n padding-left: var(--spacing-6xs) !important;\n }\n\n .desktop\\:padding-x-6xs {\n padding-right: calc(1em * 2 / 16) !important;\n padding-right: var(--spacing-6xs) !important;\n padding-left: calc(1em * 2 / 16) !important;\n padding-left: var(--spacing-6xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-vertical-6xs {\n padding-top: calc(1em * 2 / 16) !important;\n padding-top: var(--spacing-6xs) !important;\n padding-bottom: calc(1em * 2 / 16) !important;\n padding-bottom: var(--spacing-6xs) !important;\n }\n\n .desktop\\:padding-y-6xs {\n padding-top: calc(1em * 2 / 16) !important;\n padding-top: var(--spacing-6xs) !important;\n padding-bottom: calc(1em * 2 / 16) !important;\n padding-bottom: var(--spacing-6xs) !important;\n }\n .desktop\\:padding-5xs {\n padding: calc(1em * 3 / 16) !important;\n padding: var(--spacing-5xs) !important;\n }\n\n .desktop\\:padding-top-5xs {\n padding-top: calc(1em * 3 / 16) !important;\n padding-top: var(--spacing-5xs) !important;\n }\n\n .desktop\\:padding-right-5xs {\n padding-right: calc(1em * 3 / 16) !important;\n padding-right: var(--spacing-5xs) !important;\n }\n\n .desktop\\:padding-bottom-5xs {\n padding-bottom: calc(1em * 3 / 16) !important;\n padding-bottom: var(--spacing-5xs) !important;\n }\n\n .desktop\\:padding-left-5xs {\n padding-left: calc(1em * 3 / 16) !important;\n padding-left: var(--spacing-5xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-horizontal-5xs {\n padding-right: calc(1em * 3 / 16) !important;\n padding-right: var(--spacing-5xs) !important;\n padding-left: calc(1em * 3 / 16) !important;\n padding-left: var(--spacing-5xs) !important;\n }\n\n .desktop\\:padding-x-5xs {\n padding-right: calc(1em * 3 / 16) !important;\n padding-right: var(--spacing-5xs) !important;\n padding-left: calc(1em * 3 / 16) !important;\n padding-left: var(--spacing-5xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-vertical-5xs {\n padding-top: calc(1em * 3 / 16) !important;\n padding-top: var(--spacing-5xs) !important;\n padding-bottom: calc(1em * 3 / 16) !important;\n padding-bottom: var(--spacing-5xs) !important;\n }\n\n .desktop\\:padding-y-5xs {\n padding-top: calc(1em * 3 / 16) !important;\n padding-top: var(--spacing-5xs) !important;\n padding-bottom: calc(1em * 3 / 16) !important;\n padding-bottom: var(--spacing-5xs) !important;\n }\n .desktop\\:padding-4xs {\n padding: calc(1em * 4 / 16) !important;\n padding: var(--spacing-4xs) !important;\n }\n\n .desktop\\:padding-top-4xs {\n padding-top: calc(1em * 4 / 16) !important;\n padding-top: var(--spacing-4xs) !important;\n }\n\n .desktop\\:padding-right-4xs {\n padding-right: calc(1em * 4 / 16) !important;\n padding-right: var(--spacing-4xs) !important;\n }\n\n .desktop\\:padding-bottom-4xs {\n padding-bottom: calc(1em * 4 / 16) !important;\n padding-bottom: var(--spacing-4xs) !important;\n }\n\n .desktop\\:padding-left-4xs {\n padding-left: calc(1em * 4 / 16) !important;\n padding-left: var(--spacing-4xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-horizontal-4xs {\n padding-right: calc(1em * 4 / 16) !important;\n padding-right: var(--spacing-4xs) !important;\n padding-left: calc(1em * 4 / 16) !important;\n padding-left: var(--spacing-4xs) !important;\n }\n\n .desktop\\:padding-x-4xs {\n padding-right: calc(1em * 4 / 16) !important;\n padding-right: var(--spacing-4xs) !important;\n padding-left: calc(1em * 4 / 16) !important;\n padding-left: var(--spacing-4xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-vertical-4xs {\n padding-top: calc(1em * 4 / 16) !important;\n padding-top: var(--spacing-4xs) !important;\n padding-bottom: calc(1em * 4 / 16) !important;\n padding-bottom: var(--spacing-4xs) !important;\n }\n\n .desktop\\:padding-y-4xs {\n padding-top: calc(1em * 4 / 16) !important;\n padding-top: var(--spacing-4xs) !important;\n padding-bottom: calc(1em * 4 / 16) !important;\n padding-bottom: var(--spacing-4xs) !important;\n }\n .desktop\\:padding-3xs {\n padding: calc(1em * 6 / 16) !important;\n padding: var(--spacing-3xs) !important;\n }\n\n .desktop\\:padding-top-3xs {\n padding-top: calc(1em * 6 / 16) !important;\n padding-top: var(--spacing-3xs) !important;\n }\n\n .desktop\\:padding-right-3xs {\n padding-right: calc(1em * 6 / 16) !important;\n padding-right: var(--spacing-3xs) !important;\n }\n\n .desktop\\:padding-bottom-3xs {\n padding-bottom: calc(1em * 6 / 16) !important;\n padding-bottom: var(--spacing-3xs) !important;\n }\n\n .desktop\\:padding-left-3xs {\n padding-left: calc(1em * 6 / 16) !important;\n padding-left: var(--spacing-3xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-horizontal-3xs {\n padding-right: calc(1em * 6 / 16) !important;\n padding-right: var(--spacing-3xs) !important;\n padding-left: calc(1em * 6 / 16) !important;\n padding-left: var(--spacing-3xs) !important;\n }\n\n .desktop\\:padding-x-3xs {\n padding-right: calc(1em * 6 / 16) !important;\n padding-right: var(--spacing-3xs) !important;\n padding-left: calc(1em * 6 / 16) !important;\n padding-left: var(--spacing-3xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-vertical-3xs {\n padding-top: calc(1em * 6 / 16) !important;\n padding-top: var(--spacing-3xs) !important;\n padding-bottom: calc(1em * 6 / 16) !important;\n padding-bottom: var(--spacing-3xs) !important;\n }\n\n .desktop\\:padding-y-3xs {\n padding-top: calc(1em * 6 / 16) !important;\n padding-top: var(--spacing-3xs) !important;\n padding-bottom: calc(1em * 6 / 16) !important;\n padding-bottom: var(--spacing-3xs) !important;\n }\n .desktop\\:padding-2xs {\n padding: calc(1em * 8 / 16) !important;\n padding: var(--spacing-2xs) !important;\n }\n\n .desktop\\:padding-top-2xs {\n padding-top: calc(1em * 8 / 16) !important;\n padding-top: var(--spacing-2xs) !important;\n }\n\n .desktop\\:padding-right-2xs {\n padding-right: calc(1em * 8 / 16) !important;\n padding-right: var(--spacing-2xs) !important;\n }\n\n .desktop\\:padding-bottom-2xs {\n padding-bottom: calc(1em * 8 / 16) !important;\n padding-bottom: var(--spacing-2xs) !important;\n }\n\n .desktop\\:padding-left-2xs {\n padding-left: calc(1em * 8 / 16) !important;\n padding-left: var(--spacing-2xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-horizontal-2xs {\n padding-right: calc(1em * 8 / 16) !important;\n padding-right: var(--spacing-2xs) !important;\n padding-left: calc(1em * 8 / 16) !important;\n padding-left: var(--spacing-2xs) !important;\n }\n\n .desktop\\:padding-x-2xs {\n padding-right: calc(1em * 8 / 16) !important;\n padding-right: var(--spacing-2xs) !important;\n padding-left: calc(1em * 8 / 16) !important;\n padding-left: var(--spacing-2xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-vertical-2xs {\n padding-top: calc(1em * 8 / 16) !important;\n padding-top: var(--spacing-2xs) !important;\n padding-bottom: calc(1em * 8 / 16) !important;\n padding-bottom: var(--spacing-2xs) !important;\n }\n\n .desktop\\:padding-y-2xs {\n padding-top: calc(1em * 8 / 16) !important;\n padding-top: var(--spacing-2xs) !important;\n padding-bottom: calc(1em * 8 / 16) !important;\n padding-bottom: var(--spacing-2xs) !important;\n }\n .desktop\\:padding-xs {\n padding: calc(1em * 10 / 16) !important;\n padding: var(--spacing-xs) !important;\n }\n\n .desktop\\:padding-top-xs {\n padding-top: calc(1em * 10 / 16) !important;\n padding-top: var(--spacing-xs) !important;\n }\n\n .desktop\\:padding-right-xs {\n padding-right: calc(1em * 10 / 16) !important;\n padding-right: var(--spacing-xs) !important;\n }\n\n .desktop\\:padding-bottom-xs {\n padding-bottom: calc(1em * 10 / 16) !important;\n padding-bottom: var(--spacing-xs) !important;\n }\n\n .desktop\\:padding-left-xs {\n padding-left: calc(1em * 10 / 16) !important;\n padding-left: var(--spacing-xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-horizontal-xs {\n padding-right: calc(1em * 10 / 16) !important;\n padding-right: var(--spacing-xs) !important;\n padding-left: calc(1em * 10 / 16) !important;\n padding-left: var(--spacing-xs) !important;\n }\n\n .desktop\\:padding-x-xs {\n padding-right: calc(1em * 10 / 16) !important;\n padding-right: var(--spacing-xs) !important;\n padding-left: calc(1em * 10 / 16) !important;\n padding-left: var(--spacing-xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-vertical-xs {\n padding-top: calc(1em * 10 / 16) !important;\n padding-top: var(--spacing-xs) !important;\n padding-bottom: calc(1em * 10 / 16) !important;\n padding-bottom: var(--spacing-xs) !important;\n }\n\n .desktop\\:padding-y-xs {\n padding-top: calc(1em * 10 / 16) !important;\n padding-top: var(--spacing-xs) !important;\n padding-bottom: calc(1em * 10 / 16) !important;\n padding-bottom: var(--spacing-xs) !important;\n }\n .desktop\\:padding-sm {\n padding: calc(1em * 12 / 16) !important;\n padding: var(--spacing-sm) !important;\n }\n\n .desktop\\:padding-top-sm {\n padding-top: calc(1em * 12 / 16) !important;\n padding-top: var(--spacing-sm) !important;\n }\n\n .desktop\\:padding-right-sm {\n padding-right: calc(1em * 12 / 16) !important;\n padding-right: var(--spacing-sm) !important;\n }\n\n .desktop\\:padding-bottom-sm {\n padding-bottom: calc(1em * 12 / 16) !important;\n padding-bottom: var(--spacing-sm) !important;\n }\n\n .desktop\\:padding-left-sm {\n padding-left: calc(1em * 12 / 16) !important;\n padding-left: var(--spacing-sm) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-horizontal-sm {\n padding-right: calc(1em * 12 / 16) !important;\n padding-right: var(--spacing-sm) !important;\n padding-left: calc(1em * 12 / 16) !important;\n padding-left: var(--spacing-sm) !important;\n }\n\n .desktop\\:padding-x-sm {\n padding-right: calc(1em * 12 / 16) !important;\n padding-right: var(--spacing-sm) !important;\n padding-left: calc(1em * 12 / 16) !important;\n padding-left: var(--spacing-sm) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-vertical-sm {\n padding-top: calc(1em * 12 / 16) !important;\n padding-top: var(--spacing-sm) !important;\n padding-bottom: calc(1em * 12 / 16) !important;\n padding-bottom: var(--spacing-sm) !important;\n }\n\n .desktop\\:padding-y-sm {\n padding-top: calc(1em * 12 / 16) !important;\n padding-top: var(--spacing-sm) !important;\n padding-bottom: calc(1em * 12 / 16) !important;\n padding-bottom: var(--spacing-sm) !important;\n }\n .desktop\\:padding-md {\n padding: calc(1em * 1) !important;\n padding: var(--spacing-md) !important;\n }\n\n .desktop\\:padding-top-md {\n padding-top: calc(1em * 1) !important;\n padding-top: var(--spacing-md) !important;\n }\n\n .desktop\\:padding-right-md {\n padding-right: calc(1em * 1) !important;\n padding-right: var(--spacing-md) !important;\n }\n\n .desktop\\:padding-bottom-md {\n padding-bottom: calc(1em * 1) !important;\n padding-bottom: var(--spacing-md) !important;\n }\n\n .desktop\\:padding-left-md {\n padding-left: calc(1em * 1) !important;\n padding-left: var(--spacing-md) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-horizontal-md {\n padding-right: calc(1em * 1) !important;\n padding-right: var(--spacing-md) !important;\n padding-left: calc(1em * 1) !important;\n padding-left: var(--spacing-md) !important;\n }\n\n .desktop\\:padding-x-md {\n padding-right: calc(1em * 1) !important;\n padding-right: var(--spacing-md) !important;\n padding-left: calc(1em * 1) !important;\n padding-left: var(--spacing-md) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-vertical-md {\n padding-top: calc(1em * 1) !important;\n padding-top: var(--spacing-md) !important;\n padding-bottom: calc(1em * 1) !important;\n padding-bottom: var(--spacing-md) !important;\n }\n\n .desktop\\:padding-y-md {\n padding-top: calc(1em * 1) !important;\n padding-top: var(--spacing-md) !important;\n padding-bottom: calc(1em * 1) !important;\n padding-bottom: var(--spacing-md) !important;\n }\n .desktop\\:padding-lg {\n padding: calc(1em * 1.25) !important;\n padding: var(--spacing-lg) !important;\n }\n\n .desktop\\:padding-top-lg {\n padding-top: calc(1em * 1.25) !important;\n padding-top: var(--spacing-lg) !important;\n }\n\n .desktop\\:padding-right-lg {\n padding-right: calc(1em * 1.25) !important;\n padding-right: var(--spacing-lg) !important;\n }\n\n .desktop\\:padding-bottom-lg {\n padding-bottom: calc(1em * 1.25) !important;\n padding-bottom: var(--spacing-lg) !important;\n }\n\n .desktop\\:padding-left-lg {\n padding-left: calc(1em * 1.25) !important;\n padding-left: var(--spacing-lg) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-horizontal-lg {\n padding-right: calc(1em * 1.25) !important;\n padding-right: var(--spacing-lg) !important;\n padding-left: calc(1em * 1.25) !important;\n padding-left: var(--spacing-lg) !important;\n }\n\n .desktop\\:padding-x-lg {\n padding-right: calc(1em * 1.25) !important;\n padding-right: var(--spacing-lg) !important;\n padding-left: calc(1em * 1.25) !important;\n padding-left: var(--spacing-lg) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-vertical-lg {\n padding-top: calc(1em * 1.25) !important;\n padding-top: var(--spacing-lg) !important;\n padding-bottom: calc(1em * 1.25) !important;\n padding-bottom: var(--spacing-lg) !important;\n }\n\n .desktop\\:padding-y-lg {\n padding-top: calc(1em * 1.25) !important;\n padding-top: var(--spacing-lg) !important;\n padding-bottom: calc(1em * 1.25) !important;\n padding-bottom: var(--spacing-lg) !important;\n }\n .desktop\\:padding-xl {\n padding: calc(1em * 1.5) !important;\n padding: var(--spacing-xl) !important;\n }\n\n .desktop\\:padding-top-xl {\n padding-top: calc(1em * 1.5) !important;\n padding-top: var(--spacing-xl) !important;\n }\n\n .desktop\\:padding-right-xl {\n padding-right: calc(1em * 1.5) !important;\n padding-right: var(--spacing-xl) !important;\n }\n\n .desktop\\:padding-bottom-xl {\n padding-bottom: calc(1em * 1.5) !important;\n padding-bottom: var(--spacing-xl) !important;\n }\n\n .desktop\\:padding-left-xl {\n padding-left: calc(1em * 1.5) !important;\n padding-left: var(--spacing-xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-horizontal-xl {\n padding-right: calc(1em * 1.5) !important;\n padding-right: var(--spacing-xl) !important;\n padding-left: calc(1em * 1.5) !important;\n padding-left: var(--spacing-xl) !important;\n }\n\n .desktop\\:padding-x-xl {\n padding-right: calc(1em * 1.5) !important;\n padding-right: var(--spacing-xl) !important;\n padding-left: calc(1em * 1.5) !important;\n padding-left: var(--spacing-xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-vertical-xl {\n padding-top: calc(1em * 1.5) !important;\n padding-top: var(--spacing-xl) !important;\n padding-bottom: calc(1em * 1.5) !important;\n padding-bottom: var(--spacing-xl) !important;\n }\n\n .desktop\\:padding-y-xl {\n padding-top: calc(1em * 1.5) !important;\n padding-top: var(--spacing-xl) !important;\n padding-bottom: calc(1em * 1.5) !important;\n padding-bottom: var(--spacing-xl) !important;\n }\n .desktop\\:padding-2xl {\n padding: calc(1em * 2) !important;\n padding: var(--spacing-2xl) !important;\n }\n\n .desktop\\:padding-top-2xl {\n padding-top: calc(1em * 2) !important;\n padding-top: var(--spacing-2xl) !important;\n }\n\n .desktop\\:padding-right-2xl {\n padding-right: calc(1em * 2) !important;\n padding-right: var(--spacing-2xl) !important;\n }\n\n .desktop\\:padding-bottom-2xl {\n padding-bottom: calc(1em * 2) !important;\n padding-bottom: var(--spacing-2xl) !important;\n }\n\n .desktop\\:padding-left-2xl {\n padding-left: calc(1em * 2) !important;\n padding-left: var(--spacing-2xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-horizontal-2xl {\n padding-right: calc(1em * 2) !important;\n padding-right: var(--spacing-2xl) !important;\n padding-left: calc(1em * 2) !important;\n padding-left: var(--spacing-2xl) !important;\n }\n\n .desktop\\:padding-x-2xl {\n padding-right: calc(1em * 2) !important;\n padding-right: var(--spacing-2xl) !important;\n padding-left: calc(1em * 2) !important;\n padding-left: var(--spacing-2xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-vertical-2xl {\n padding-top: calc(1em * 2) !important;\n padding-top: var(--spacing-2xl) !important;\n padding-bottom: calc(1em * 2) !important;\n padding-bottom: var(--spacing-2xl) !important;\n }\n\n .desktop\\:padding-y-2xl {\n padding-top: calc(1em * 2) !important;\n padding-top: var(--spacing-2xl) !important;\n padding-bottom: calc(1em * 2) !important;\n padding-bottom: var(--spacing-2xl) !important;\n }\n .desktop\\:padding-3xl {\n padding: calc(1em * 2.5) !important;\n padding: var(--spacing-3xl) !important;\n }\n\n .desktop\\:padding-top-3xl {\n padding-top: calc(1em * 2.5) !important;\n padding-top: var(--spacing-3xl) !important;\n }\n\n .desktop\\:padding-right-3xl {\n padding-right: calc(1em * 2.5) !important;\n padding-right: var(--spacing-3xl) !important;\n }\n\n .desktop\\:padding-bottom-3xl {\n padding-bottom: calc(1em * 2.5) !important;\n padding-bottom: var(--spacing-3xl) !important;\n }\n\n .desktop\\:padding-left-3xl {\n padding-left: calc(1em * 2.5) !important;\n padding-left: var(--spacing-3xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-horizontal-3xl {\n padding-right: calc(1em * 2.5) !important;\n padding-right: var(--spacing-3xl) !important;\n padding-left: calc(1em * 2.5) !important;\n padding-left: var(--spacing-3xl) !important;\n }\n\n .desktop\\:padding-x-3xl {\n padding-right: calc(1em * 2.5) !important;\n padding-right: var(--spacing-3xl) !important;\n padding-left: calc(1em * 2.5) !important;\n padding-left: var(--spacing-3xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-vertical-3xl {\n padding-top: calc(1em * 2.5) !important;\n padding-top: var(--spacing-3xl) !important;\n padding-bottom: calc(1em * 2.5) !important;\n padding-bottom: var(--spacing-3xl) !important;\n }\n\n .desktop\\:padding-y-3xl {\n padding-top: calc(1em * 2.5) !important;\n padding-top: var(--spacing-3xl) !important;\n padding-bottom: calc(1em * 2.5) !important;\n padding-bottom: var(--spacing-3xl) !important;\n }\n .desktop\\:padding-4xl {\n padding: calc(1em * 3) !important;\n padding: var(--spacing-4xl) !important;\n }\n\n .desktop\\:padding-top-4xl {\n padding-top: calc(1em * 3) !important;\n padding-top: var(--spacing-4xl) !important;\n }\n\n .desktop\\:padding-right-4xl {\n padding-right: calc(1em * 3) !important;\n padding-right: var(--spacing-4xl) !important;\n }\n\n .desktop\\:padding-bottom-4xl {\n padding-bottom: calc(1em * 3) !important;\n padding-bottom: var(--spacing-4xl) !important;\n }\n\n .desktop\\:padding-left-4xl {\n padding-left: calc(1em * 3) !important;\n padding-left: var(--spacing-4xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-horizontal-4xl {\n padding-right: calc(1em * 3) !important;\n padding-right: var(--spacing-4xl) !important;\n padding-left: calc(1em * 3) !important;\n padding-left: var(--spacing-4xl) !important;\n }\n\n .desktop\\:padding-x-4xl {\n padding-right: calc(1em * 3) !important;\n padding-right: var(--spacing-4xl) !important;\n padding-left: calc(1em * 3) !important;\n padding-left: var(--spacing-4xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-vertical-4xl {\n padding-top: calc(1em * 3) !important;\n padding-top: var(--spacing-4xl) !important;\n padding-bottom: calc(1em * 3) !important;\n padding-bottom: var(--spacing-4xl) !important;\n }\n\n .desktop\\:padding-y-4xl {\n padding-top: calc(1em * 3) !important;\n padding-top: var(--spacing-4xl) !important;\n padding-bottom: calc(1em * 3) !important;\n padding-bottom: var(--spacing-4xl) !important;\n }\n .desktop\\:padding-5xl {\n padding: calc(1em * 4) !important;\n padding: var(--spacing-5xl) !important;\n }\n\n .desktop\\:padding-top-5xl {\n padding-top: calc(1em * 4) !important;\n padding-top: var(--spacing-5xl) !important;\n }\n\n .desktop\\:padding-right-5xl {\n padding-right: calc(1em * 4) !important;\n padding-right: var(--spacing-5xl) !important;\n }\n\n .desktop\\:padding-bottom-5xl {\n padding-bottom: calc(1em * 4) !important;\n padding-bottom: var(--spacing-5xl) !important;\n }\n\n .desktop\\:padding-left-5xl {\n padding-left: calc(1em * 4) !important;\n padding-left: var(--spacing-5xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-horizontal-5xl {\n padding-right: calc(1em * 4) !important;\n padding-right: var(--spacing-5xl) !important;\n padding-left: calc(1em * 4) !important;\n padding-left: var(--spacing-5xl) !important;\n }\n\n .desktop\\:padding-x-5xl {\n padding-right: calc(1em * 4) !important;\n padding-right: var(--spacing-5xl) !important;\n padding-left: calc(1em * 4) !important;\n padding-left: var(--spacing-5xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-vertical-5xl {\n padding-top: calc(1em * 4) !important;\n padding-top: var(--spacing-5xl) !important;\n padding-bottom: calc(1em * 4) !important;\n padding-bottom: var(--spacing-5xl) !important;\n }\n\n .desktop\\:padding-y-5xl {\n padding-top: calc(1em * 4) !important;\n padding-top: var(--spacing-5xl) !important;\n padding-bottom: calc(1em * 4) !important;\n padding-bottom: var(--spacing-5xl) !important;\n }\n .desktop\\:padding-6xl {\n padding: calc(1em * 5) !important;\n padding: var(--spacing-6xl) !important;\n }\n\n .desktop\\:padding-top-6xl {\n padding-top: calc(1em * 5) !important;\n padding-top: var(--spacing-6xl) !important;\n }\n\n .desktop\\:padding-right-6xl {\n padding-right: calc(1em * 5) !important;\n padding-right: var(--spacing-6xl) !important;\n }\n\n .desktop\\:padding-bottom-6xl {\n padding-bottom: calc(1em * 5) !important;\n padding-bottom: var(--spacing-6xl) !important;\n }\n\n .desktop\\:padding-left-6xl {\n padding-left: calc(1em * 5) !important;\n padding-left: var(--spacing-6xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-horizontal-6xl {\n padding-right: calc(1em * 5) !important;\n padding-right: var(--spacing-6xl) !important;\n padding-left: calc(1em * 5) !important;\n padding-left: var(--spacing-6xl) !important;\n }\n\n .desktop\\:padding-x-6xl {\n padding-right: calc(1em * 5) !important;\n padding-right: var(--spacing-6xl) !important;\n padding-left: calc(1em * 5) !important;\n padding-left: var(--spacing-6xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-vertical-6xl {\n padding-top: calc(1em * 5) !important;\n padding-top: var(--spacing-6xl) !important;\n padding-bottom: calc(1em * 5) !important;\n padding-bottom: var(--spacing-6xl) !important;\n }\n\n .desktop\\:padding-y-6xl {\n padding-top: calc(1em * 5) !important;\n padding-top: var(--spacing-6xl) !important;\n padding-bottom: calc(1em * 5) !important;\n padding-bottom: var(--spacing-6xl) !important;\n }\n .desktop\\:padding-7xl {\n padding: calc(1em * 6) !important;\n padding: var(--spacing-7xl) !important;\n }\n\n .desktop\\:padding-top-7xl {\n padding-top: calc(1em * 6) !important;\n padding-top: var(--spacing-7xl) !important;\n }\n\n .desktop\\:padding-right-7xl {\n padding-right: calc(1em * 6) !important;\n padding-right: var(--spacing-7xl) !important;\n }\n\n .desktop\\:padding-bottom-7xl {\n padding-bottom: calc(1em * 6) !important;\n padding-bottom: var(--spacing-7xl) !important;\n }\n\n .desktop\\:padding-left-7xl {\n padding-left: calc(1em * 6) !important;\n padding-left: var(--spacing-7xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-horizontal-7xl {\n padding-right: calc(1em * 6) !important;\n padding-right: var(--spacing-7xl) !important;\n padding-left: calc(1em * 6) !important;\n padding-left: var(--spacing-7xl) !important;\n }\n\n .desktop\\:padding-x-7xl {\n padding-right: calc(1em * 6) !important;\n padding-right: var(--spacing-7xl) !important;\n padding-left: calc(1em * 6) !important;\n padding-left: var(--spacing-7xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-vertical-7xl {\n padding-top: calc(1em * 6) !important;\n padding-top: var(--spacing-7xl) !important;\n padding-bottom: calc(1em * 6) !important;\n padding-bottom: var(--spacing-7xl) !important;\n }\n\n .desktop\\:padding-y-7xl {\n padding-top: calc(1em * 6) !important;\n padding-top: var(--spacing-7xl) !important;\n padding-bottom: calc(1em * 6) !important;\n padding-bottom: var(--spacing-7xl) !important;\n }\n .desktop\\:padding-8xl {\n padding: calc(1em * 8) !important;\n padding: var(--spacing-8xl) !important;\n }\n\n .desktop\\:padding-top-8xl {\n padding-top: calc(1em * 8) !important;\n padding-top: var(--spacing-8xl) !important;\n }\n\n .desktop\\:padding-right-8xl {\n padding-right: calc(1em * 8) !important;\n padding-right: var(--spacing-8xl) !important;\n }\n\n .desktop\\:padding-bottom-8xl {\n padding-bottom: calc(1em * 8) !important;\n padding-bottom: var(--spacing-8xl) !important;\n }\n\n .desktop\\:padding-left-8xl {\n padding-left: calc(1em * 8) !important;\n padding-left: var(--spacing-8xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-horizontal-8xl {\n padding-right: calc(1em * 8) !important;\n padding-right: var(--spacing-8xl) !important;\n padding-left: calc(1em * 8) !important;\n padding-left: var(--spacing-8xl) !important;\n }\n\n .desktop\\:padding-x-8xl {\n padding-right: calc(1em * 8) !important;\n padding-right: var(--spacing-8xl) !important;\n padding-left: calc(1em * 8) !important;\n padding-left: var(--spacing-8xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-vertical-8xl {\n padding-top: calc(1em * 8) !important;\n padding-top: var(--spacing-8xl) !important;\n padding-bottom: calc(1em * 8) !important;\n padding-bottom: var(--spacing-8xl) !important;\n }\n\n .desktop\\:padding-y-8xl {\n padding-top: calc(1em * 8) !important;\n padding-top: var(--spacing-8xl) !important;\n padding-bottom: calc(1em * 8) !important;\n padding-bottom: var(--spacing-8xl) !important;\n }\n .desktop\\:padding-9xl {\n padding: calc(1em * 10) !important;\n padding: var(--spacing-9xl) !important;\n }\n\n .desktop\\:padding-top-9xl {\n padding-top: calc(1em * 10) !important;\n padding-top: var(--spacing-9xl) !important;\n }\n\n .desktop\\:padding-right-9xl {\n padding-right: calc(1em * 10) !important;\n padding-right: var(--spacing-9xl) !important;\n }\n\n .desktop\\:padding-bottom-9xl {\n padding-bottom: calc(1em * 10) !important;\n padding-bottom: var(--spacing-9xl) !important;\n }\n\n .desktop\\:padding-left-9xl {\n padding-left: calc(1em * 10) !important;\n padding-left: var(--spacing-9xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-horizontal-9xl {\n padding-right: calc(1em * 10) !important;\n padding-right: var(--spacing-9xl) !important;\n padding-left: calc(1em * 10) !important;\n padding-left: var(--spacing-9xl) !important;\n }\n\n .desktop\\:padding-x-9xl {\n padding-right: calc(1em * 10) !important;\n padding-right: var(--spacing-9xl) !important;\n padding-left: calc(1em * 10) !important;\n padding-left: var(--spacing-9xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-vertical-9xl {\n padding-top: calc(1em * 10) !important;\n padding-top: var(--spacing-9xl) !important;\n padding-bottom: calc(1em * 10) !important;\n padding-bottom: var(--spacing-9xl) !important;\n }\n\n .desktop\\:padding-y-9xl {\n padding-top: calc(1em * 10) !important;\n padding-top: var(--spacing-9xl) !important;\n padding-bottom: calc(1em * 10) !important;\n padding-bottom: var(--spacing-9xl) !important;\n }\n .desktop\\:padding-10xl {\n padding: calc(1em * 12) !important;\n padding: var(--spacing-10xl) !important;\n }\n\n .desktop\\:padding-top-10xl {\n padding-top: calc(1em * 12) !important;\n padding-top: var(--spacing-10xl) !important;\n }\n\n .desktop\\:padding-right-10xl {\n padding-right: calc(1em * 12) !important;\n padding-right: var(--spacing-10xl) !important;\n }\n\n .desktop\\:padding-bottom-10xl {\n padding-bottom: calc(1em * 12) !important;\n padding-bottom: var(--spacing-10xl) !important;\n }\n\n .desktop\\:padding-left-10xl {\n padding-left: calc(1em * 12) !important;\n padding-left: var(--spacing-10xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-horizontal-10xl {\n padding-right: calc(1em * 12) !important;\n padding-right: var(--spacing-10xl) !important;\n padding-left: calc(1em * 12) !important;\n padding-left: var(--spacing-10xl) !important;\n }\n\n .desktop\\:padding-x-10xl {\n padding-right: calc(1em * 12) !important;\n padding-right: var(--spacing-10xl) !important;\n padding-left: calc(1em * 12) !important;\n padding-left: var(--spacing-10xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-vertical-10xl {\n padding-top: calc(1em * 12) !important;\n padding-top: var(--spacing-10xl) !important;\n padding-bottom: calc(1em * 12) !important;\n padding-bottom: var(--spacing-10xl) !important;\n }\n\n .desktop\\:padding-y-10xl {\n padding-top: calc(1em * 12) !important;\n padding-top: var(--spacing-10xl) !important;\n padding-bottom: calc(1em * 12) !important;\n padding-bottom: var(--spacing-10xl) !important;\n }\n .desktop\\:padding-11xl {\n padding: calc(1em * 16) !important;\n padding: var(--spacing-11xl) !important;\n }\n\n .desktop\\:padding-top-11xl {\n padding-top: calc(1em * 16) !important;\n padding-top: var(--spacing-11xl) !important;\n }\n\n .desktop\\:padding-right-11xl {\n padding-right: calc(1em * 16) !important;\n padding-right: var(--spacing-11xl) !important;\n }\n\n .desktop\\:padding-bottom-11xl {\n padding-bottom: calc(1em * 16) !important;\n padding-bottom: var(--spacing-11xl) !important;\n }\n\n .desktop\\:padding-left-11xl {\n padding-left: calc(1em * 16) !important;\n padding-left: var(--spacing-11xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-horizontal-11xl {\n padding-right: calc(1em * 16) !important;\n padding-right: var(--spacing-11xl) !important;\n padding-left: calc(1em * 16) !important;\n padding-left: var(--spacing-11xl) !important;\n }\n\n .desktop\\:padding-x-11xl {\n padding-right: calc(1em * 16) !important;\n padding-right: var(--spacing-11xl) !important;\n padding-left: calc(1em * 16) !important;\n padding-left: var(--spacing-11xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-vertical-11xl {\n padding-top: calc(1em * 16) !important;\n padding-top: var(--spacing-11xl) !important;\n padding-bottom: calc(1em * 16) !important;\n padding-bottom: var(--spacing-11xl) !important;\n }\n\n .desktop\\:padding-y-11xl {\n padding-top: calc(1em * 16) !important;\n padding-top: var(--spacing-11xl) !important;\n padding-bottom: calc(1em * 16) !important;\n padding-bottom: var(--spacing-11xl) !important;\n }\n .desktop\\:padding-12xl {\n padding: calc(1em * 20) !important;\n padding: var(--spacing-12xl) !important;\n }\n\n .desktop\\:padding-top-12xl {\n padding-top: calc(1em * 20) !important;\n padding-top: var(--spacing-12xl) !important;\n }\n\n .desktop\\:padding-right-12xl {\n padding-right: calc(1em * 20) !important;\n padding-right: var(--spacing-12xl) !important;\n }\n\n .desktop\\:padding-bottom-12xl {\n padding-bottom: calc(1em * 20) !important;\n padding-bottom: var(--spacing-12xl) !important;\n }\n\n .desktop\\:padding-left-12xl {\n padding-left: calc(1em * 20) !important;\n padding-left: var(--spacing-12xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-horizontal-12xl {\n padding-right: calc(1em * 20) !important;\n padding-right: var(--spacing-12xl) !important;\n padding-left: calc(1em * 20) !important;\n padding-left: var(--spacing-12xl) !important;\n }\n\n .desktop\\:padding-x-12xl {\n padding-right: calc(1em * 20) !important;\n padding-right: var(--spacing-12xl) !important;\n padding-left: calc(1em * 20) !important;\n padding-left: var(--spacing-12xl) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-vertical-12xl {\n padding-top: calc(1em * 20) !important;\n padding-top: var(--spacing-12xl) !important;\n padding-bottom: calc(1em * 20) !important;\n padding-bottom: var(--spacing-12xl) !important;\n }\n\n .desktop\\:padding-y-12xl {\n padding-top: calc(1em * 20) !important;\n padding-top: var(--spacing-12xl) !important;\n padding-bottom: calc(1em * 20) !important;\n padding-bottom: var(--spacing-12xl) !important;\n }\n .desktop\\:padding-0 {\n padding: 0 !important;\n padding: var(--spacing-0) !important;\n }\n\n .desktop\\:padding-top-0 {\n padding-top: 0 !important;\n padding-top: var(--spacing-0) !important;\n }\n\n .desktop\\:padding-right-0 {\n padding-right: 0 !important;\n padding-right: var(--spacing-0) !important;\n }\n\n .desktop\\:padding-bottom-0 {\n padding-bottom: 0 !important;\n padding-bottom: var(--spacing-0) !important;\n }\n\n .desktop\\:padding-left-0 {\n padding-left: 0 !important;\n padding-left: var(--spacing-0) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-horizontal-0 {\n padding-right: 0 !important;\n padding-right: var(--spacing-0) !important;\n padding-left: 0 !important;\n padding-left: var(--spacing-0) !important;\n }\n\n .desktop\\:padding-x-0 {\n padding-right: 0 !important;\n padding-right: var(--spacing-0) !important;\n padding-left: 0 !important;\n padding-left: var(--spacing-0) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-vertical-0 {\n padding-top: 0 !important;\n padding-top: var(--spacing-0) !important;\n padding-bottom: 0 !important;\n padding-bottom: var(--spacing-0) !important;\n }\n\n .desktop\\:padding-y-0 {\n padding-top: 0 !important;\n padding-top: var(--spacing-0) !important;\n padding-bottom: 0 !important;\n padding-bottom: var(--spacing-0) !important;\n }\n .desktop\\:padding-1 {\n padding: calc(1em * 1 / 16) !important;\n padding: var(--spacing-1) !important;\n }\n\n .desktop\\:padding-top-1 {\n padding-top: calc(1em * 1 / 16) !important;\n padding-top: var(--spacing-1) !important;\n }\n\n .desktop\\:padding-right-1 {\n padding-right: calc(1em * 1 / 16) !important;\n padding-right: var(--spacing-1) !important;\n }\n\n .desktop\\:padding-bottom-1 {\n padding-bottom: calc(1em * 1 / 16) !important;\n padding-bottom: var(--spacing-1) !important;\n }\n\n .desktop\\:padding-left-1 {\n padding-left: calc(1em * 1 / 16) !important;\n padding-left: var(--spacing-1) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-horizontal-1 {\n padding-right: calc(1em * 1 / 16) !important;\n padding-right: var(--spacing-1) !important;\n padding-left: calc(1em * 1 / 16) !important;\n padding-left: var(--spacing-1) !important;\n }\n\n .desktop\\:padding-x-1 {\n padding-right: calc(1em * 1 / 16) !important;\n padding-right: var(--spacing-1) !important;\n padding-left: calc(1em * 1 / 16) !important;\n padding-left: var(--spacing-1) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-vertical-1 {\n padding-top: calc(1em * 1 / 16) !important;\n padding-top: var(--spacing-1) !important;\n padding-bottom: calc(1em * 1 / 16) !important;\n padding-bottom: var(--spacing-1) !important;\n }\n\n .desktop\\:padding-y-1 {\n padding-top: calc(1em * 1 / 16) !important;\n padding-top: var(--spacing-1) !important;\n padding-bottom: calc(1em * 1 / 16) !important;\n padding-bottom: var(--spacing-1) !important;\n }\n .desktop\\:padding-1px {\n padding: 1px !important;\n padding: var(--spacing-1px) !important;\n }\n\n .desktop\\:padding-top-1px {\n padding-top: 1px !important;\n padding-top: var(--spacing-1px) !important;\n }\n\n .desktop\\:padding-right-1px {\n padding-right: 1px !important;\n padding-right: var(--spacing-1px) !important;\n }\n\n .desktop\\:padding-bottom-1px {\n padding-bottom: 1px !important;\n padding-bottom: var(--spacing-1px) !important;\n }\n\n .desktop\\:padding-left-1px {\n padding-left: 1px !important;\n padding-left: var(--spacing-1px) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-horizontal-1px {\n padding-right: 1px !important;\n padding-right: var(--spacing-1px) !important;\n padding-left: 1px !important;\n padding-left: var(--spacing-1px) !important;\n }\n\n .desktop\\:padding-x-1px {\n padding-right: 1px !important;\n padding-right: var(--spacing-1px) !important;\n padding-left: 1px !important;\n padding-left: var(--spacing-1px) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .desktop\\:padding-vertical-1px {\n padding-top: 1px !important;\n padding-top: var(--spacing-1px) !important;\n padding-bottom: 1px !important;\n padding-bottom: var(--spacing-1px) !important;\n }\n\n .desktop\\:padding-y-1px {\n padding-top: 1px !important;\n padding-top: var(--spacing-1px) !important;\n padding-bottom: 1px !important;\n padding-bottom: var(--spacing-1px) !important;\n }\n}\n/* text-wrangling */\n.muted,.mute {\n color: #183153;\n color: var(--text-color);\n}\n.underline {\n --text-decoration: underline;\n\n -webkit-text-decoration: var(--text-decoration);\n\n text-decoration: var(--text-decoration);\n}\n.text-reset {\n --color: inherit;\n\n color: var(--color);\n}\n.text-sans-serif {\n font-family: cera-round-pro, "Helvetica Neue", "Helvetica", "Arial", sans-serif;\n font-family: var(--font-family-sans-serif);\n}\n.text-serif {\n font-family: fa-livory, "Georgia", "Times New Roman", "Times", serif;\n font-family: var(--font-family-serif);\n}\n.text-monospace {\n font-family: "Menlo", "Monaco", "Consolas", "Courier New", monospace;\n font-family: var(--font-family-monospace);\n}\n.text-wrap {\n white-space: normal;\n}\n.text-nowrap {\n white-space: nowrap;\n}\n.text-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.text-break {\n word-break: break-word;\n word-wrap: break-word;\n}\n.text-lowercase {\n text-transform: lowercase;\n}\n.text-uppercase {\n text-transform: uppercase;\n}\n.text-capitalize {\n text-transform: capitalize;\n}\n.text-left {\n text-align: left;\n}\n.text-right {\n text-align: right;\n}\n.text-center {\n text-align: center;\n}\n.text-justify {\n text-align: justify;\n}\n@media (min-width: 48rem) {\n .tablet\\:text-wrap {\n white-space: normal;\n }\n\n .tablet\\:text-nowrap {\n white-space: nowrap;\n }\n\n .tablet\\:text-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .tablet\\:text-left {\n text-align: left;\n }\n\n .tablet\\:text-right {\n text-align: right;\n }\n\n .tablet\\:text-center {\n text-align: center;\n }\n\n .tablet\\:text-justify {\n text-align: justify;\n }\n}\n@media (min-width: 64rem) {\n .laptop\\:text-wrap {\n white-space: normal;\n }\n\n .laptop\\:text-nowrap {\n white-space: nowrap;\n }\n\n .laptop\\:text-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .laptop\\:text-left {\n text-align: left;\n }\n\n .laptop\\:text-right {\n text-align: right;\n }\n\n .laptop\\:text-center {\n text-align: center;\n }\n\n .laptop\\:text-justify {\n text-align: justify;\n }\n}\n@media (min-width: 96rem) {\n .desktop\\:text-wrap {\n white-space: normal;\n }\n\n .desktop\\:text-nowrap {\n white-space: nowrap;\n }\n\n .desktop\\:text-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .desktop\\:text-left {\n text-align: left;\n }\n\n .desktop\\:text-right {\n text-align: right;\n }\n\n .desktop\\:text-center {\n text-align: center;\n }\n\n .desktop\\:text-justify {\n text-align: justify;\n }\n}\n.with-border {\n border: solid #c3c6d1 0.125em;\n border: var(--border-style) var(--border-color) var(--border-width);\n}\n.no-border {\n border: none !important;\n}\n.with-border-radius {\n border-radius: 0.75em;\n border-radius: var(--border-radius);\n}\n.no-border-radius {\n border-radius: 0 !important;\n}\n.with-triangle {\n position: relative\n}\n.with-triangle.top::after, .with-triangle.right::after, .with-triangle.bottom::after, .with-triangle.left::after {\n position: absolute;\n border: 1em solid transparent;\n border: var(--triangle-size) solid transparent;\n width: 0;\n height: 0;\n content: "";\n }\n.with-triangle.top::after, .with-triangle.bottom::after {\n left: 50%;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n }\n.with-triangle.left::after, .with-triangle.right::after {\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n }\n.with-triangle.top::after {\n top: calc(-1 * 1em);\n top: calc(-1 * var(--triangle-size));\n border-top-width: 0;\n border-bottom-color: #fff;\n border-bottom-color: var(--triangle-color);\n }\n.with-triangle.right::after {\n right: calc(-1 * 1em);\n right: calc(-1 * var(--triangle-size));\n border-right-width: 0;\n border-left-color: #fff;\n border-left-color: var(--triangle-color);\n }\n.with-triangle.bottom::after {\n bottom: calc(-1 * 1em);\n bottom: calc(-1 * var(--triangle-size));\n border-bottom-width: 0;\n border-top-color: #fff;\n border-top-color: var(--triangle-color);\n }\n.with-triangle.left::after {\n left: calc(-1 * 1em);\n left: calc(-1 * var(--triangle-size));\n border-left-width: 0;\n border-right-color: #fff;\n border-right-color: var(--triangle-color);\n }\n.with-close {\n position: relative\n}\n.with-close .close {\n --fa-primary-color: var(--with-close-times-color);\n --fa-secondary-opacity: 1;\n --button-active-background: transparent;\n --button-active-border-width: 0;\n --button-background: transparent;\n --button-border-width: 0;\n --button-box-shadow: none;\n --button-hover-background: transparent;\n --button-margin-bottom: 0;\n --button-padding: 0;\n\n -webkit-box-sizing: content-box;\n\n box-sizing: content-box;\n position: absolute;\n top: -0.5em;\n right: -0.5em;\n line-height: 1;\n color: inherit;\n color: var(--with-close-close-color);\n font-size: calc(1em * 1.5);\n font-size: var(--with-close-close-font-size)\n }\n.with-close .close:hover {\n cursor: pointer;\n color: #e03131;\n color: var(--with-close-close-hover-color);\n }\n.with-close {\n\n /* Special case for Cards */\n}\n.with-close.card > .header:nth-last-child(2),\n .with-close.card > .section:nth-last-child(2) {\n margin-bottom: calc(-1 * calc((4em - (1em * 1.5) - (0em * 2)) / 2));\n margin-bottom: calc(-1 * var(--card-vertical-padding));\n border-bottom-left-radius: inherit;\n border-bottom-right-radius: inherit;\n }\n.with-close h1,.with-close h2,.with-close h3,.with-close h4,.with-close h5,.with-close h6,.with-close .h1,.with-close .h2,.with-close .h3,.with-close .h4,.with-close .h5,.with-close .h6,\n .with-close p,\n .with-close .p {\n /* Nasssty icons dom order makes us do this, precious. */\n }\n.with-close h1:nth-last-child(2),.with-close h2:nth-last-child(2),.with-close h3:nth-last-child(2),.with-close h4:nth-last-child(2),.with-close h5:nth-last-child(2),.with-close h6:nth-last-child(2),.with-close .h1:nth-last-child(2),.with-close .h2:nth-last-child(2),.with-close .h3:nth-last-child(2),.with-close .h4:nth-last-child(2),.with-close .h5:nth-last-child(2),.with-close .h6:nth-last-child(2), .with-close p:nth-last-child(2), .with-close .p:nth-last-child(2) {\n margin-bottom: 0;\n }\n.with-shadow {\n -webkit-box-shadow: 0 0.25em 0 #c3c6d1;\n box-shadow: 0 0.25em 0 #c3c6d1;\n -webkit-box-shadow: var(--with-shadow-box-shadow);\n box-shadow: var(--with-shadow-box-shadow);\n}\n.z-background {\n z-index: -1;\n z-index: var(--depth-background);\n}\n.z--1 {\n z-index: -1;\n z-index: var(--depth--1);\n}\n.z-0 {\n z-index: 0;\n z-index: var(--depth-0);\n}\n.z-1 {\n z-index: 10;\n z-index: var(--depth-1);\n}\n.z-2 {\n z-index: 20;\n z-index: var(--depth-2);\n}\n.z-3 {\n z-index: 30;\n z-index: var(--depth-3);\n}\n.z-4 {\n z-index: 40;\n z-index: var(--depth-4);\n}\n.z-5 {\n z-index: 50;\n z-index: var(--depth-5);\n}\n.z-foreground {\n z-index: 50;\n z-index: var(--depth-foreground);\n}\n.z-auto {\n z-index: auto;\n}\n.position-static {\n position: static;\n}\n.position-absolute {\n position: absolute;\n}\n.position-fixed {\n position: fixed;\n}\n.position-fixed-top {\n position: fixed;\n top: 0;\n z-index: 10;\n z-index: var(--depth-1);\n}\n.position-fixed-bottom {\n position: fixed;\n bottom: 0;\n z-index: 10;\n z-index: var(--depth-1);\n}\n.position-relative {\n position: relative;\n}\n.position-sticky {\n position: sticky;\n}\n.position-sticky-top {\n position: sticky;\n top: 0;\n z-index: 10;\n z-index: var(--depth-1);\n}\n.position-sticky-bottom {\n position: sticky;\n bottom: 0;\n z-index: 10;\n z-index: var(--depth-1);\n}\n.top-0 {\n top: 0;\n top: var(--spacing-0);\n}\n.top-1 {\n top: calc(1em * 1 / 16);\n top: var(--spacing-1);\n}\n.top-5xs {\n top: calc(1em * 3 / 16);\n top: var(--spacing-5xs);\n}\n.top-4xs {\n top: calc(1em * 4 / 16);\n top: var(--spacing-4xs);\n}\n.top-3xs {\n top: calc(1em * 6 / 16);\n top: var(--spacing-3xs);\n}\n.top-2xs {\n top: calc(1em * 8 / 16);\n top: var(--spacing-2xs);\n}\n.top-xs {\n top: calc(1em * 10 / 16);\n top: var(--spacing-xs);\n}\n.top-md {\n top: calc(1em * 1);\n top: var(--spacing-md);\n}\n.right-0 {\n right: 0;\n right: var(--spacing-0);\n}\n.right-1 {\n right: calc(1em * 1 / 16);\n right: var(--spacing-1);\n}\n.right-5xs {\n right: calc(1em * 3 / 16);\n right: var(--spacing-5xs);\n}\n.right-4xs {\n right: calc(1em * 4 / 16);\n right: var(--spacing-4xs);\n}\n.right-3xs {\n right: calc(1em * 6 / 16);\n right: var(--spacing-3xs);\n}\n.right-2xs {\n right: calc(1em * 8 / 16);\n right: var(--spacing-2xs);\n}\n.right-xs {\n right: calc(1em * 10 / 16);\n right: var(--spacing-xs);\n}\n.right-md {\n right: calc(1em * 1);\n right: var(--spacing-md);\n}\n.bottom-0 {\n bottom: 0;\n bottom: var(--spacing-0);\n}\n.bottom-1 {\n bottom: calc(1em * 1 / 16);\n bottom: var(--spacing-1);\n}\n.bottom-5xs {\n bottom: calc(1em * 3 / 16);\n bottom: var(--spacing-5xs);\n}\n.bottom-4xs {\n bottom: calc(1em * 4 / 16);\n bottom: var(--spacing-4xs);\n}\n.bottom-3xs {\n bottom: calc(1em * 6 / 16);\n bottom: var(--spacing-3xs);\n}\n.bottom-2xs {\n bottom: calc(1em * 8 / 16);\n bottom: var(--spacing-2xs);\n}\n.bottom-xs {\n bottom: calc(1em * 10 / 16);\n bottom: var(--spacing-xs);\n}\n.bottom-md {\n bottom: calc(1em * 1);\n bottom: var(--spacing-md);\n}\n.left-0 {\n left: 0;\n left: var(--spacing-0);\n}\n.left-1 {\n left: calc(1em * 1 / 16);\n left: var(--spacing-1);\n}\n.left-5xs {\n left: calc(1em * 3 / 16);\n left: var(--spacing-5xs);\n}\n.left-4xs {\n left: calc(1em * 4 / 16);\n left: var(--spacing-4xs);\n}\n.left-3xs {\n left: calc(1em * 6 / 16);\n left: var(--spacing-3xs);\n}\n.left-2xs {\n left: calc(1em * 8 / 16);\n left: var(--spacing-2xs);\n}\n.left-xs {\n left: calc(1em * 10 / 16);\n left: var(--spacing-xs);\n}\n.left-md {\n left: calc(1em * 1);\n left: var(--spacing-md);\n}\n@media (min-width: 48rem) {\n .tablet\\:z-background {\n z-index: -1;\n z-index: var(--depth-background);\n }\n\n .tablet\\:z--1 {\n z-index: -1;\n z-index: var(--depth--1);\n }\n\n .tablet\\:z-0 {\n z-index: 0;\n z-index: var(--depth-0);\n }\n\n .tablet\\:z-1 {\n z-index: 10;\n z-index: var(--depth-1);\n }\n\n .tablet\\:z-2 {\n z-index: 20;\n z-index: var(--depth-2);\n }\n\n .tablet\\:z-3 {\n z-index: 30;\n z-index: var(--depth-3);\n }\n\n .tablet\\:z-4 {\n z-index: 40;\n z-index: var(--depth-4);\n }\n\n .tablet\\:z-5 {\n z-index: 50;\n z-index: var(--depth-5);\n }\n\n .tablet\\:z-foreground {\n z-index: 50;\n z-index: var(--depth-foreground);\n }\n\n .tablet\\:z-auto {\n z-index: auto;\n }\n\n .tablet\\:position-static {\n position: static;\n }\n\n .tablet\\:position-absolute {\n position: absolute;\n }\n\n .tablet\\:position-fixed {\n position: fixed;\n }\n\n .tablet\\:position-fixed-top {\n position: fixed;\n top: 0;\n z-index: 10;\n z-index: var(--depth-1);\n }\n\n .tablet\\:position-fixed-bottom {\n position: fixed;\n bottom: 0;\n z-index: 10;\n z-index: var(--depth-1);\n }\n\n .tablet\\:position-relative {\n position: relative;\n }\n\n .tablet\\:position-sticky {\n position: sticky;\n }\n\n .tablet\\:position-sticky-top {\n position: sticky;\n top: 0;\n z-index: 10;\n z-index: var(--depth-1);\n }\n\n .tablet\\:position-sticky-bottom {\n position: sticky;\n bottom: 0;\n z-index: 10;\n z-index: var(--depth-1);\n }\n\n .tablet\\:top-0 {\n top: 0;\n top: var(--spacing-0);\n }\n\n .tablet\\:top-1 {\n top: calc(1em * 1 / 16);\n top: var(--spacing-1);\n }\n\n .tablet\\:top-5xs {\n top: calc(1em * 3 / 16);\n top: var(--spacing-5xs);\n }\n\n .tablet\\:top-4xs {\n top: calc(1em * 4 / 16);\n top: var(--spacing-4xs);\n }\n\n .tablet\\:top-3xs {\n top: calc(1em * 6 / 16);\n top: var(--spacing-3xs);\n }\n\n .tablet\\:top-2xs {\n top: calc(1em * 8 / 16);\n top: var(--spacing-2xs);\n }\n\n .tablet\\:top-xs {\n top: calc(1em * 10 / 16);\n top: var(--spacing-xs);\n }\n\n .tablet\\:top-md {\n top: calc(1em * 1);\n top: var(--spacing-md);\n }\n\n .tablet\\:right-0 {\n right: 0;\n right: var(--spacing-0);\n }\n\n .tablet\\:right-1 {\n right: calc(1em * 1 / 16);\n right: var(--spacing-1);\n }\n\n .tablet\\:right-5xs {\n right: calc(1em * 3 / 16);\n right: var(--spacing-5xs);\n }\n\n .tablet\\:right-4xs {\n right: calc(1em * 4 / 16);\n right: var(--spacing-4xs);\n }\n\n .tablet\\:right-3xs {\n right: calc(1em * 6 / 16);\n right: var(--spacing-3xs);\n }\n\n .tablet\\:right-2xs {\n right: calc(1em * 8 / 16);\n right: var(--spacing-2xs);\n }\n\n .tablet\\:right-xs {\n right: calc(1em * 10 / 16);\n right: var(--spacing-xs);\n }\n\n .tablet\\:right-md {\n right: calc(1em * 1);\n right: var(--spacing-md);\n }\n\n .tablet\\:bottom-0 {\n bottom: 0;\n bottom: var(--spacing-0);\n }\n\n .tablet\\:bottom-1 {\n bottom: calc(1em * 1 / 16);\n bottom: var(--spacing-1);\n }\n\n .tablet\\:bottom-5xs {\n bottom: calc(1em * 3 / 16);\n bottom: var(--spacing-5xs);\n }\n\n .tablet\\:bottom-4xs {\n bottom: calc(1em * 4 / 16);\n bottom: var(--spacing-4xs);\n }\n\n .tablet\\:bottom-3xs {\n bottom: calc(1em * 6 / 16);\n bottom: var(--spacing-3xs);\n }\n\n .tablet\\:bottom-2xs {\n bottom: calc(1em * 8 / 16);\n bottom: var(--spacing-2xs);\n }\n\n .tablet\\:bottom-xs {\n bottom: calc(1em * 10 / 16);\n bottom: var(--spacing-xs);\n }\n\n .tablet\\:bottom-md {\n bottom: calc(1em * 1);\n bottom: var(--spacing-md);\n }\n\n .tablet\\:left-0 {\n left: 0;\n left: var(--spacing-0);\n }\n\n .tablet\\:left-1 {\n left: calc(1em * 1 / 16);\n left: var(--spacing-1);\n }\n\n .tablet\\:left-5xs {\n left: calc(1em * 3 / 16);\n left: var(--spacing-5xs);\n }\n\n .tablet\\:left-4xs {\n left: calc(1em * 4 / 16);\n left: var(--spacing-4xs);\n }\n\n .tablet\\:left-3xs {\n left: calc(1em * 6 / 16);\n left: var(--spacing-3xs);\n }\n\n .tablet\\:left-2xs {\n left: calc(1em * 8 / 16);\n left: var(--spacing-2xs);\n }\n\n .tablet\\:left-xs {\n left: calc(1em * 10 / 16);\n left: var(--spacing-xs);\n }\n\n .tablet\\:left-md {\n left: calc(1em * 1);\n left: var(--spacing-md);\n }\n}\n@media (min-width: 64rem) {\n .laptop\\:z-background {\n z-index: -1;\n z-index: var(--depth-background);\n }\n\n .laptop\\:z--1 {\n z-index: -1;\n z-index: var(--depth--1);\n }\n\n .laptop\\:z-0 {\n z-index: 0;\n z-index: var(--depth-0);\n }\n\n .laptop\\:z-1 {\n z-index: 10;\n z-index: var(--depth-1);\n }\n\n .laptop\\:z-2 {\n z-index: 20;\n z-index: var(--depth-2);\n }\n\n .laptop\\:z-3 {\n z-index: 30;\n z-index: var(--depth-3);\n }\n\n .laptop\\:z-4 {\n z-index: 40;\n z-index: var(--depth-4);\n }\n\n .laptop\\:z-5 {\n z-index: 50;\n z-index: var(--depth-5);\n }\n\n .laptop\\:z-foreground {\n z-index: 50;\n z-index: var(--depth-foreground);\n }\n\n .laptop\\:z-auto {\n z-index: auto;\n }\n\n .laptop\\:position-static {\n position: static;\n }\n\n .laptop\\:position-absolute {\n position: absolute;\n }\n\n .laptop\\:position-fixed {\n position: fixed;\n }\n\n .laptop\\:position-fixed-top {\n position: fixed;\n top: 0;\n z-index: 10;\n z-index: var(--depth-1);\n }\n\n .laptop\\:position-fixed-bottom {\n position: fixed;\n bottom: 0;\n z-index: 10;\n z-index: var(--depth-1);\n }\n\n .laptop\\:position-relative {\n position: relative;\n }\n\n .laptop\\:position-sticky {\n position: sticky;\n }\n\n .laptop\\:position-sticky-top {\n position: sticky;\n top: 0;\n z-index: 10;\n z-index: var(--depth-1);\n }\n\n .laptop\\:position-sticky-bottom {\n position: sticky;\n bottom: 0;\n z-index: 10;\n z-index: var(--depth-1);\n }\n\n .laptop\\:top-0 {\n top: 0;\n top: var(--spacing-0);\n }\n\n .laptop\\:top-1 {\n top: calc(1em * 1 / 16);\n top: var(--spacing-1);\n }\n\n .laptop\\:top-5xs {\n top: calc(1em * 3 / 16);\n top: var(--spacing-5xs);\n }\n\n .laptop\\:top-4xs {\n top: calc(1em * 4 / 16);\n top: var(--spacing-4xs);\n }\n\n .laptop\\:top-3xs {\n top: calc(1em * 6 / 16);\n top: var(--spacing-3xs);\n }\n\n .laptop\\:top-2xs {\n top: calc(1em * 8 / 16);\n top: var(--spacing-2xs);\n }\n\n .laptop\\:top-xs {\n top: calc(1em * 10 / 16);\n top: var(--spacing-xs);\n }\n\n .laptop\\:top-md {\n top: calc(1em * 1);\n top: var(--spacing-md);\n }\n\n .laptop\\:right-0 {\n right: 0;\n right: var(--spacing-0);\n }\n\n .laptop\\:right-1 {\n right: calc(1em * 1 / 16);\n right: var(--spacing-1);\n }\n\n .laptop\\:right-5xs {\n right: calc(1em * 3 / 16);\n right: var(--spacing-5xs);\n }\n\n .laptop\\:right-4xs {\n right: calc(1em * 4 / 16);\n right: var(--spacing-4xs);\n }\n\n .laptop\\:right-3xs {\n right: calc(1em * 6 / 16);\n right: var(--spacing-3xs);\n }\n\n .laptop\\:right-2xs {\n right: calc(1em * 8 / 16);\n right: var(--spacing-2xs);\n }\n\n .laptop\\:right-xs {\n right: calc(1em * 10 / 16);\n right: var(--spacing-xs);\n }\n\n .laptop\\:right-md {\n right: calc(1em * 1);\n right: var(--spacing-md);\n }\n\n .laptop\\:bottom-0 {\n bottom: 0;\n bottom: var(--spacing-0);\n }\n\n .laptop\\:bottom-1 {\n bottom: calc(1em * 1 / 16);\n bottom: var(--spacing-1);\n }\n\n .laptop\\:bottom-5xs {\n bottom: calc(1em * 3 / 16);\n bottom: var(--spacing-5xs);\n }\n\n .laptop\\:bottom-4xs {\n bottom: calc(1em * 4 / 16);\n bottom: var(--spacing-4xs);\n }\n\n .laptop\\:bottom-3xs {\n bottom: calc(1em * 6 / 16);\n bottom: var(--spacing-3xs);\n }\n\n .laptop\\:bottom-2xs {\n bottom: calc(1em * 8 / 16);\n bottom: var(--spacing-2xs);\n }\n\n .laptop\\:bottom-xs {\n bottom: calc(1em * 10 / 16);\n bottom: var(--spacing-xs);\n }\n\n .laptop\\:bottom-md {\n bottom: calc(1em * 1);\n bottom: var(--spacing-md);\n }\n\n .laptop\\:left-0 {\n left: 0;\n left: var(--spacing-0);\n }\n\n .laptop\\:left-1 {\n left: calc(1em * 1 / 16);\n left: var(--spacing-1);\n }\n\n .laptop\\:left-5xs {\n left: calc(1em * 3 / 16);\n left: var(--spacing-5xs);\n }\n\n .laptop\\:left-4xs {\n left: calc(1em * 4 / 16);\n left: var(--spacing-4xs);\n }\n\n .laptop\\:left-3xs {\n left: calc(1em * 6 / 16);\n left: var(--spacing-3xs);\n }\n\n .laptop\\:left-2xs {\n left: calc(1em * 8 / 16);\n left: var(--spacing-2xs);\n }\n\n .laptop\\:left-xs {\n left: calc(1em * 10 / 16);\n left: var(--spacing-xs);\n }\n\n .laptop\\:left-md {\n left: calc(1em * 1);\n left: var(--spacing-md);\n }\n}\n@media (min-width: 96rem) {\n .desktop\\:z-background {\n z-index: -1;\n z-index: var(--depth-background);\n }\n\n .desktop\\:z--1 {\n z-index: -1;\n z-index: var(--depth--1);\n }\n\n .desktop\\:z-0 {\n z-index: 0;\n z-index: var(--depth-0);\n }\n\n .desktop\\:z-1 {\n z-index: 10;\n z-index: var(--depth-1);\n }\n\n .desktop\\:z-2 {\n z-index: 20;\n z-index: var(--depth-2);\n }\n\n .desktop\\:z-3 {\n z-index: 30;\n z-index: var(--depth-3);\n }\n\n .desktop\\:z-4 {\n z-index: 40;\n z-index: var(--depth-4);\n }\n\n .desktop\\:z-5 {\n z-index: 50;\n z-index: var(--depth-5);\n }\n\n .desktop\\:z-foreground {\n z-index: 50;\n z-index: var(--depth-foreground);\n }\n\n .desktop\\:z-auto {\n z-index: auto;\n }\n\n .desktop\\:position-static {\n position: static;\n }\n\n .desktop\\:position-absolute {\n position: absolute;\n }\n\n .desktop\\:position-fixed {\n position: fixed;\n }\n\n .desktop\\:position-fixed-top {\n position: fixed;\n top: 0;\n z-index: 10;\n z-index: var(--depth-1);\n }\n\n .desktop\\:position-fixed-bottom {\n position: fixed;\n bottom: 0;\n z-index: 10;\n z-index: var(--depth-1);\n }\n\n .desktop\\:position-relative {\n position: relative;\n }\n\n .desktop\\:position-sticky {\n position: sticky;\n }\n\n .desktop\\:position-sticky-top {\n position: sticky;\n top: 0;\n z-index: 10;\n z-index: var(--depth-1);\n }\n\n .desktop\\:position-sticky-bottom {\n position: sticky;\n bottom: 0;\n z-index: 10;\n z-index: var(--depth-1);\n }\n\n .desktop\\:top-0 {\n top: 0;\n top: var(--spacing-0);\n }\n\n .desktop\\:top-1 {\n top: calc(1em * 1 / 16);\n top: var(--spacing-1);\n }\n\n .desktop\\:top-5xs {\n top: calc(1em * 3 / 16);\n top: var(--spacing-5xs);\n }\n\n .desktop\\:top-4xs {\n top: calc(1em * 4 / 16);\n top: var(--spacing-4xs);\n }\n\n .desktop\\:top-3xs {\n top: calc(1em * 6 / 16);\n top: var(--spacing-3xs);\n }\n\n .desktop\\:top-2xs {\n top: calc(1em * 8 / 16);\n top: var(--spacing-2xs);\n }\n\n .desktop\\:top-xs {\n top: calc(1em * 10 / 16);\n top: var(--spacing-xs);\n }\n\n .desktop\\:top-md {\n top: calc(1em * 1);\n top: var(--spacing-md);\n }\n\n .desktop\\:right-0 {\n right: 0;\n right: var(--spacing-0);\n }\n\n .desktop\\:right-1 {\n right: calc(1em * 1 / 16);\n right: var(--spacing-1);\n }\n\n .desktop\\:right-5xs {\n right: calc(1em * 3 / 16);\n right: var(--spacing-5xs);\n }\n\n .desktop\\:right-4xs {\n right: calc(1em * 4 / 16);\n right: var(--spacing-4xs);\n }\n\n .desktop\\:right-3xs {\n right: calc(1em * 6 / 16);\n right: var(--spacing-3xs);\n }\n\n .desktop\\:right-2xs {\n right: calc(1em * 8 / 16);\n right: var(--spacing-2xs);\n }\n\n .desktop\\:right-xs {\n right: calc(1em * 10 / 16);\n right: var(--spacing-xs);\n }\n\n .desktop\\:right-md {\n right: calc(1em * 1);\n right: var(--spacing-md);\n }\n\n .desktop\\:bottom-0 {\n bottom: 0;\n bottom: var(--spacing-0);\n }\n\n .desktop\\:bottom-1 {\n bottom: calc(1em * 1 / 16);\n bottom: var(--spacing-1);\n }\n\n .desktop\\:bottom-5xs {\n bottom: calc(1em * 3 / 16);\n bottom: var(--spacing-5xs);\n }\n\n .desktop\\:bottom-4xs {\n bottom: calc(1em * 4 / 16);\n bottom: var(--spacing-4xs);\n }\n\n .desktop\\:bottom-3xs {\n bottom: calc(1em * 6 / 16);\n bottom: var(--spacing-3xs);\n }\n\n .desktop\\:bottom-2xs {\n bottom: calc(1em * 8 / 16);\n bottom: var(--spacing-2xs);\n }\n\n .desktop\\:bottom-xs {\n bottom: calc(1em * 10 / 16);\n bottom: var(--spacing-xs);\n }\n\n .desktop\\:bottom-md {\n bottom: calc(1em * 1);\n bottom: var(--spacing-md);\n }\n\n .desktop\\:left-0 {\n left: 0;\n left: var(--spacing-0);\n }\n\n .desktop\\:left-1 {\n left: calc(1em * 1 / 16);\n left: var(--spacing-1);\n }\n\n .desktop\\:left-5xs {\n left: calc(1em * 3 / 16);\n left: var(--spacing-5xs);\n }\n\n .desktop\\:left-4xs {\n left: calc(1em * 4 / 16);\n left: var(--spacing-4xs);\n }\n\n .desktop\\:left-3xs {\n left: calc(1em * 6 / 16);\n left: var(--spacing-3xs);\n }\n\n .desktop\\:left-2xs {\n left: calc(1em * 8 / 16);\n left: var(--spacing-2xs);\n }\n\n .desktop\\:left-xs {\n left: calc(1em * 10 / 16);\n left: var(--spacing-xs);\n }\n\n .desktop\\:left-md {\n left: calc(1em * 1);\n left: var(--spacing-md);\n }\n}\n/* sizes */\n.size-6xs {\n font-size: calc(1em * 0.25);\n font-size: var(--size-6xs);\n }\n.size-5xs {\n font-size: calc(1em * 0.3125);\n font-size: var(--size-5xs);\n }\n.size-4xs {\n font-size: calc(1em * 0.375);\n font-size: var(--size-4xs);\n }\n.size-3xs {\n font-size: calc(1em * 0.5);\n font-size: var(--size-3xs);\n }\n.size-2xs {\n font-size: calc(1em * 0.625);\n font-size: var(--size-2xs);\n }\n.size-xs {\n font-size: calc(1em * 0.75);\n font-size: var(--size-xs);\n }\n.size-sm {\n font-size: calc(1em * 0.875);\n font-size: var(--size-sm);\n }\n.size-md {\n font-size: 1em;\n font-size: var(--size-md);\n }\n.size-lg {\n font-size: calc(1em * 1.25);\n font-size: var(--size-lg);\n }\n.size-xl {\n font-size: calc(1em * 1.5);\n font-size: var(--size-xl);\n }\n.size-2xl {\n font-size: calc(1em * 2);\n font-size: var(--size-2xl);\n }\n.size-3xl {\n font-size: calc(1em * 2.5);\n font-size: var(--size-3xl);\n }\n.size-4xl {\n font-size: calc(1em * 3);\n font-size: var(--size-4xl);\n }\n.size-5xl {\n font-size: calc(1em * 3.75);\n font-size: var(--size-5xl);\n }\n.size-6xl {\n font-size: calc(1em * 4.5);\n font-size: var(--size-6xl);\n }\n@media (min-width: 48rem) {\n .tablet\\:size-6xs {\n font-size: calc(1em * 0.25);\n font-size: var(--size-6xs);\n }\n .tablet\\:size-5xs {\n font-size: calc(1em * 0.3125);\n font-size: var(--size-5xs);\n }\n .tablet\\:size-4xs {\n font-size: calc(1em * 0.375);\n font-size: var(--size-4xs);\n }\n .tablet\\:size-3xs {\n font-size: calc(1em * 0.5);\n font-size: var(--size-3xs);\n }\n .tablet\\:size-2xs {\n font-size: calc(1em * 0.625);\n font-size: var(--size-2xs);\n }\n .tablet\\:size-xs {\n font-size: calc(1em * 0.75);\n font-size: var(--size-xs);\n }\n .tablet\\:size-sm {\n font-size: calc(1em * 0.875);\n font-size: var(--size-sm);\n }\n .tablet\\:size-md {\n font-size: 1em;\n font-size: var(--size-md);\n }\n .tablet\\:size-lg {\n font-size: calc(1em * 1.25);\n font-size: var(--size-lg);\n }\n .tablet\\:size-xl {\n font-size: calc(1em * 1.5);\n font-size: var(--size-xl);\n }\n .tablet\\:size-2xl {\n font-size: calc(1em * 2);\n font-size: var(--size-2xl);\n }\n .tablet\\:size-3xl {\n font-size: calc(1em * 2.5);\n font-size: var(--size-3xl);\n }\n .tablet\\:size-4xl {\n font-size: calc(1em * 3);\n font-size: var(--size-4xl);\n }\n .tablet\\:size-5xl {\n font-size: calc(1em * 3.75);\n font-size: var(--size-5xl);\n }\n .tablet\\:size-6xl {\n font-size: calc(1em * 4.5);\n font-size: var(--size-6xl);\n }\n}\n@media (min-width: 64rem) {\n .laptop\\:size-6xs {\n font-size: calc(1em * 0.25);\n font-size: var(--size-6xs);\n }\n .laptop\\:size-5xs {\n font-size: calc(1em * 0.3125);\n font-size: var(--size-5xs);\n }\n .laptop\\:size-4xs {\n font-size: calc(1em * 0.375);\n font-size: var(--size-4xs);\n }\n .laptop\\:size-3xs {\n font-size: calc(1em * 0.5);\n font-size: var(--size-3xs);\n }\n .laptop\\:size-2xs {\n font-size: calc(1em * 0.625);\n font-size: var(--size-2xs);\n }\n .laptop\\:size-xs {\n font-size: calc(1em * 0.75);\n font-size: var(--size-xs);\n }\n .laptop\\:size-sm {\n font-size: calc(1em * 0.875);\n font-size: var(--size-sm);\n }\n .laptop\\:size-md {\n font-size: 1em;\n font-size: var(--size-md);\n }\n .laptop\\:size-lg {\n font-size: calc(1em * 1.25);\n font-size: var(--size-lg);\n }\n .laptop\\:size-xl {\n font-size: calc(1em * 1.5);\n font-size: var(--size-xl);\n }\n .laptop\\:size-2xl {\n font-size: calc(1em * 2);\n font-size: var(--size-2xl);\n }\n .laptop\\:size-3xl {\n font-size: calc(1em * 2.5);\n font-size: var(--size-3xl);\n }\n .laptop\\:size-4xl {\n font-size: calc(1em * 3);\n font-size: var(--size-4xl);\n }\n .laptop\\:size-5xl {\n font-size: calc(1em * 3.75);\n font-size: var(--size-5xl);\n }\n .laptop\\:size-6xl {\n font-size: calc(1em * 4.5);\n font-size: var(--size-6xl);\n }\n}\n@media (min-width: 96rem) {\n .desktop\\:size-6xs {\n font-size: calc(1em * 0.25);\n font-size: var(--size-6xs);\n }\n .desktop\\:size-5xs {\n font-size: calc(1em * 0.3125);\n font-size: var(--size-5xs);\n }\n .desktop\\:size-4xs {\n font-size: calc(1em * 0.375);\n font-size: var(--size-4xs);\n }\n .desktop\\:size-3xs {\n font-size: calc(1em * 0.5);\n font-size: var(--size-3xs);\n }\n .desktop\\:size-2xs {\n font-size: calc(1em * 0.625);\n font-size: var(--size-2xs);\n }\n .desktop\\:size-xs {\n font-size: calc(1em * 0.75);\n font-size: var(--size-xs);\n }\n .desktop\\:size-sm {\n font-size: calc(1em * 0.875);\n font-size: var(--size-sm);\n }\n .desktop\\:size-md {\n font-size: 1em;\n font-size: var(--size-md);\n }\n .desktop\\:size-lg {\n font-size: calc(1em * 1.25);\n font-size: var(--size-lg);\n }\n .desktop\\:size-xl {\n font-size: calc(1em * 1.5);\n font-size: var(--size-xl);\n }\n .desktop\\:size-2xl {\n font-size: calc(1em * 2);\n font-size: var(--size-2xl);\n }\n .desktop\\:size-3xl {\n font-size: calc(1em * 2.5);\n font-size: var(--size-3xl);\n }\n .desktop\\:size-4xl {\n font-size: calc(1em * 3);\n font-size: var(--size-4xl);\n }\n .desktop\\:size-5xl {\n font-size: calc(1em * 3.75);\n font-size: var(--size-5xl);\n }\n .desktop\\:size-6xl {\n font-size: calc(1em * 4.5);\n font-size: var(--size-6xl);\n }\n}\n/* sizes resets */\n.size-reset-6xs {\n font-size: calc(1rem * 0.25);\n font-size: var(--size-reset-6xs);\n }\n.size-reset-5xs {\n font-size: calc(1rem * 0.3125);\n font-size: var(--size-reset-5xs);\n }\n.size-reset-4xs {\n font-size: calc(1rem * 0.375);\n font-size: var(--size-reset-4xs);\n }\n.size-reset-3xs {\n font-size: calc(1rem * 0.5);\n font-size: var(--size-reset-3xs);\n }\n.size-reset-2xs {\n font-size: calc(1rem * 0.625);\n font-size: var(--size-reset-2xs);\n }\n.size-reset-xs {\n font-size: calc(1rem * 0.75);\n font-size: var(--size-reset-xs);\n }\n.size-reset-sm {\n font-size: calc(1rem * 0.875);\n font-size: var(--size-reset-sm);\n }\n.size-reset-md {\n font-size: 1rem;\n font-size: var(--size-reset-md);\n }\n.size-reset-lg {\n font-size: calc(1rem * 1.25);\n font-size: var(--size-reset-lg);\n }\n.size-reset-xl {\n font-size: calc(1rem * 1.5);\n font-size: var(--size-reset-xl);\n }\n.size-reset-2xl {\n font-size: calc(1rem * 2);\n font-size: var(--size-reset-2xl);\n }\n.size-reset-3xl {\n font-size: calc(1rem * 2.5);\n font-size: var(--size-reset-3xl);\n }\n.size-reset-4xl {\n font-size: calc(1rem * 3);\n font-size: var(--size-reset-4xl);\n }\n.size-reset-5xl {\n font-size: calc(1rem * 3.75);\n font-size: var(--size-reset-5xl);\n }\n.size-reset-6xl {\n font-size: calc(1rem * 4.5);\n font-size: var(--size-reset-6xl);\n }\n@media (min-width: 48rem) {\n .tablet\\:size-reset-6xs {\n font-size: calc(1rem * 0.25);\n font-size: var(--size-reset-6xs);\n }\n .tablet\\:size-reset-5xs {\n font-size: calc(1rem * 0.3125);\n font-size: var(--size-reset-5xs);\n }\n .tablet\\:size-reset-4xs {\n font-size: calc(1rem * 0.375);\n font-size: var(--size-reset-4xs);\n }\n .tablet\\:size-reset-3xs {\n font-size: calc(1rem * 0.5);\n font-size: var(--size-reset-3xs);\n }\n .tablet\\:size-reset-2xs {\n font-size: calc(1rem * 0.625);\n font-size: var(--size-reset-2xs);\n }\n .tablet\\:size-reset-xs {\n font-size: calc(1rem * 0.75);\n font-size: var(--size-reset-xs);\n }\n .tablet\\:size-reset-sm {\n font-size: calc(1rem * 0.875);\n font-size: var(--size-reset-sm);\n }\n .tablet\\:size-reset-md {\n font-size: 1rem;\n font-size: var(--size-reset-md);\n }\n .tablet\\:size-reset-lg {\n font-size: calc(1rem * 1.25);\n font-size: var(--size-reset-lg);\n }\n .tablet\\:size-reset-xl {\n font-size: calc(1rem * 1.5);\n font-size: var(--size-reset-xl);\n }\n .tablet\\:size-reset-2xl {\n font-size: calc(1rem * 2);\n font-size: var(--size-reset-2xl);\n }\n .tablet\\:size-reset-3xl {\n font-size: calc(1rem * 2.5);\n font-size: var(--size-reset-3xl);\n }\n .tablet\\:size-reset-4xl {\n font-size: calc(1rem * 3);\n font-size: var(--size-reset-4xl);\n }\n .tablet\\:size-reset-5xl {\n font-size: calc(1rem * 3.75);\n font-size: var(--size-reset-5xl);\n }\n .tablet\\:size-reset-6xl {\n font-size: calc(1rem * 4.5);\n font-size: var(--size-reset-6xl);\n }\n}\n@media (min-width: 64rem) {\n .laptop\\:size-reset-6xs {\n font-size: calc(1rem * 0.25);\n font-size: var(--size-reset-6xs);\n }\n .laptop\\:size-reset-5xs {\n font-size: calc(1rem * 0.3125);\n font-size: var(--size-reset-5xs);\n }\n .laptop\\:size-reset-4xs {\n font-size: calc(1rem * 0.375);\n font-size: var(--size-reset-4xs);\n }\n .laptop\\:size-reset-3xs {\n font-size: calc(1rem * 0.5);\n font-size: var(--size-reset-3xs);\n }\n .laptop\\:size-reset-2xs {\n font-size: calc(1rem * 0.625);\n font-size: var(--size-reset-2xs);\n }\n .laptop\\:size-reset-xs {\n font-size: calc(1rem * 0.75);\n font-size: var(--size-reset-xs);\n }\n .laptop\\:size-reset-sm {\n font-size: calc(1rem * 0.875);\n font-size: var(--size-reset-sm);\n }\n .laptop\\:size-reset-md {\n font-size: 1rem;\n font-size: var(--size-reset-md);\n }\n .laptop\\:size-reset-lg {\n font-size: calc(1rem * 1.25);\n font-size: var(--size-reset-lg);\n }\n .laptop\\:size-reset-xl {\n font-size: calc(1rem * 1.5);\n font-size: var(--size-reset-xl);\n }\n .laptop\\:size-reset-2xl {\n font-size: calc(1rem * 2);\n font-size: var(--size-reset-2xl);\n }\n .laptop\\:size-reset-3xl {\n font-size: calc(1rem * 2.5);\n font-size: var(--size-reset-3xl);\n }\n .laptop\\:size-reset-4xl {\n font-size: calc(1rem * 3);\n font-size: var(--size-reset-4xl);\n }\n .laptop\\:size-reset-5xl {\n font-size: calc(1rem * 3.75);\n font-size: var(--size-reset-5xl);\n }\n .laptop\\:size-reset-6xl {\n font-size: calc(1rem * 4.5);\n font-size: var(--size-reset-6xl);\n }\n}\n@media (min-width: 96rem) {\n .desktop\\:size-reset-6xs {\n font-size: calc(1rem * 0.25);\n font-size: var(--size-reset-6xs);\n }\n .desktop\\:size-reset-5xs {\n font-size: calc(1rem * 0.3125);\n font-size: var(--size-reset-5xs);\n }\n .desktop\\:size-reset-4xs {\n font-size: calc(1rem * 0.375);\n font-size: var(--size-reset-4xs);\n }\n .desktop\\:size-reset-3xs {\n font-size: calc(1rem * 0.5);\n font-size: var(--size-reset-3xs);\n }\n .desktop\\:size-reset-2xs {\n font-size: calc(1rem * 0.625);\n font-size: var(--size-reset-2xs);\n }\n .desktop\\:size-reset-xs {\n font-size: calc(1rem * 0.75);\n font-size: var(--size-reset-xs);\n }\n .desktop\\:size-reset-sm {\n font-size: calc(1rem * 0.875);\n font-size: var(--size-reset-sm);\n }\n .desktop\\:size-reset-md {\n font-size: 1rem;\n font-size: var(--size-reset-md);\n }\n .desktop\\:size-reset-lg {\n font-size: calc(1rem * 1.25);\n font-size: var(--size-reset-lg);\n }\n .desktop\\:size-reset-xl {\n font-size: calc(1rem * 1.5);\n font-size: var(--size-reset-xl);\n }\n .desktop\\:size-reset-2xl {\n font-size: calc(1rem * 2);\n font-size: var(--size-reset-2xl);\n }\n .desktop\\:size-reset-3xl {\n font-size: calc(1rem * 2.5);\n font-size: var(--size-reset-3xl);\n }\n .desktop\\:size-reset-4xl {\n font-size: calc(1rem * 3);\n font-size: var(--size-reset-4xl);\n }\n .desktop\\:size-reset-5xl {\n font-size: calc(1rem * 3.75);\n font-size: var(--size-reset-5xl);\n }\n .desktop\\:size-reset-6xl {\n font-size: calc(1rem * 4.5);\n font-size: var(--size-reset-6xl);\n }\n}\n.visibility-hidden,\n.invisible {\n visibility: hidden;\n}\n.visibility-visible,\n.visible {\n visibility: visible;\n}\n@media (min-width: 48rem) {\n .tablet\\:visibility-hidden,\n .tablet\\:invisible {\n visibility: hidden;\n }\n\n .tablet\\:visibility-visible,\n .tablet\\:visible {\n visibility: visible;\n }\n}\n@media (min-width: 64rem) {\n .laptop\\:visibility-hidden,\n .laptop\\:invisible {\n visibility: hidden;\n }\n\n .laptop\\:visibility-visible,\n .laptop\\:visible {\n visibility: visible;\n }\n}\n@media (min-width: 96rem) {\n .desktop\\:visibility-hidden,\n .desktop\\:invisible {\n visibility: hidden;\n }\n\n .desktop\\:visibility-visible,\n .desktop\\:visible {\n visibility: visible;\n }\n}\n\n\n/* project settings */\n:host {\n --icon-details-preview-font-size: 12rem; /* 192px */\n --icon-details-preview-line-height: 1;\n --icon-details-unicode-glyphs-label-min-width: var(--spacing-5xl);\n --icon-listing-roomy-font-size: var(--font-size-2xl); /* 32px */\n --icon-listing-roomy-gap-x: var(--spacing-xl); /* 36px */\n --icon-listing-roomy-gap-y: var(--spacing-md); /* 16px */\n --icon-listing-roomy-size: calc(var(--spacing-base) * 8); /* 128px */\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-border-color: var(--fa-navy);\n --input-placeholder-color: var(--fa-md-gravy);\n}\n\n.icons-style-menu-listing .wrap-icons-style-choice {\n position: relative;\n}\n\n.icons-style-menu-listing .input-checkbox-custom {\n display: none;\n}\n\n.icons-style-menu-listing .icons-style-choice {\n display: block;\n cursor: pointer;\n border: 2px solid var(--fa-lt-gravy);\n border-radius: var(--border-radius-md);\n color: var(--fa-dk-blue);\n text-transform: capitalize;\n text-align: center;\n}\n\n.icons-style-menu-listing .icons-style-choice:hover {\n border-color: var(--fa-dk-blue);\n background-color: var(--fa-dk-blue);\n color: var(--white);\n}\n\n.icons-style-menu-listing .input-checkbox-custom:checked ~ .icons-style-choice {\n color: var(--white);\n background-color: var(--fa-navy);\n border: 2px solid var(--fa-navy);\n}\n\n.icons-style-menu-listing .input-checkbox-custom:disabled ~ .icons-style-choice {\n color: var(--fa-gravy);\n background-color: var(--white);\n border: 2px solid var(--fa-lt-gravy);\n cursor: default;\n}\n\n.wrap-icons-style-choice .disabled-tooltip {\n transform: translate(-50%, -50%);\n position: absolute;\n top: -2.5rem;\n left: 50%;\n border-radius: var(--border-radius-md);\n background-color: rgba(16, 50, 87, 0.9);\n padding: var(--spacing-2xs) var(--spacing-sm);\n color: var(--white);\n text-align: center;\n line-height: 1.3;\n width: 160%;\n display: none;\n}\n\n.wrap-icons-style-choice .input-checkbox-custom:disabled ~ .icons-style-choice:hover + .disabled-tooltip {\n display: block;\n}\n\n.icons-style-menu-listing .icons-style-choice > span,\n.icons-style-menu-listing .icons-style-choice > .svg-inline--fa {\n vertical-align: middle;\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\n.icons-style-menu-listing {\n flex-wrap: wrap;\n}\n\n.icons-style-menu-listing .wrap-icons-style-choice:nth-child(4n) {\n break-after: always;\n}\n\n/* custom > tablet */\n@media (min-width: 48rem) {\n .icons-style-menu-listing {\n flex-wrap: nowrap;\n }\n}\n'}}]);
1
+ (window.webpackJsonp_font_awesome_admin=window.webpackJsonp_font_awesome_admin||[]).push([[15],{278:function(n,a,t){"use strict";t.r(a),t.d(a,"fa_icon_chooser",(function(){return m}));var i=t(181),r=t(203);const o={prefix:"fas",iconName:"sad-tear",icon:[496,512,[],"f5b4","M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm80 168c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zM152 416c-26.5 0-48-21-48-47 0-20 28.5-60.4 41.6-77.8 3.2-4.3 9.6-4.3 12.8 0C171.5 308.6 200 349 200 369c0 26-21.5 47-48 47zm16-176c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm170.2 154.2C315.8 367.4 282.9 352 248 352c-21.2 0-21.2-32 0-32 44.4 0 86.3 19.6 114.7 53.8 13.8 16.4-11.2 36.5-24.5 20.4z"]},e={prefix:"far",iconName:"tire",icon:[512,512,[],"f631","M202.1 290.3L140.5 310.3C158.8 349.1 195.9 376.8 240 382.4V317.7C224.2 313.6 210.7 303.8 202.1 290.3zM192 256c0-15.45 5.695-29.43 14.81-40.48L168.6 162.1C143.8 186.4 128 219.3 128 256c0 8.207 .9251 16.2 2.408 23.98L192.4 259.8C192.3 258.5 192 257.3 192 256zM256 191.1c8.287 0 16.15 1.705 23.41 4.572l37.94-52.2C299.1 134.3 278.3 128 256 128S212.9 134.3 194.6 144.4l37.94 52.2C239.8 193.7 247.7 191.1 256 191.1zM305.2 215.5C314.3 226.6 320 240.6 320 256c0 1.314-.3086 2.545-.3867 3.84l61.98 20.14C383.1 272.2 384 264.2 384 256c0-36.73-15.76-69.65-40.63-93.01L305.2 215.5zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 416c-88.37 0-160-71.63-160-160s71.63-160 160-160s160 71.63 160 160S344.4 416 256 416zM272 317.7v64.64c44.12-5.588 81.16-33.31 99.47-72.04l-61.6-20.02C301.3 303.8 287.8 313.6 272 317.7zM288 256c0-17.64-14.36-32-32-32S224 238.4 224 256s14.36 32 32 32S288 273.6 288 256z"]},p={"fatal-error-heading":"Well, this is awkward...","fatal-error-detail":"Something has gone horribly wrong. Check the console for additional error information.","start-view-heading":"Font Awesome is the web's most popular icon set, with tons of icons in a variety of styles."};p["start-view-detail"]=Object(i.h)(r.b,null,"Not sure where to start? Here are some favorites, or try a search for ",Object(i.h)("strong",null,"spinners"),", ",Object(i.h)("strong",null,"shopping"),", ",Object(i.h)("strong",null,"food"),", or"," ",Object(i.h)("strong",null,"whatever you're looking for"),"."),p["initial-loading-view-heading"]="Fetching icons",p["initial-loading-view-detail"]="When this thing gets up to 88 mph...",p["search-field-label-free"]="Search Font Awesome Free Icons in Version",p["search-field-label-pro"]="Search Font Awesome Pro Icons in Version",p["search-field-placeholder"]="Find icons by name, category, or keyword",p["searching-free"]="You're searching Font Awesome Free icons in version",p["searching-pro"]="You're searching Font Awesome Pro icons in version",p["light-requires-pro"]="You need to use a Pro kit to get Light icons.",p["thin-requires-pro"]="You need to use a Pro kit with Version 6 to get Thin icons.",p["duotone-requires-pro"]="You need to use a Pro kit with Version 5.10 or later to get Duotone icons.",p["uploaded-requires-pro"]="You need to use a Pro kit to get Uploaded icons.",p["kit-has-no-uploaded-icons"]="This kit contains no uploaded icons.",p["no-search-results-heading"]="Sorry, we couldn't find anything for that.",p["no-search-results-detail"]="You might try a different search...",p["suggest-icon-upload"]=Object(i.h)(r.b,null,"Or"," ",Object(i.h)("a",{href:"https://fontawesome.com/v5.15/how-to-use/on-the-web/using-kits/uploading-icons",target:"_blank"},"upload your own icon")," ","to a Pro kit!"),p["get-fontawesome-pro"]=Object(i.h)(r.b,null,"Or"," ",Object(i.h)("a",{href:"https://fontawesome.com/",target:"_blank"},"use Font Awesome Pro")," ","for more icons and styles!"),p["solid-style-filter-sr-message"]="Show solid style icons",p["regular-style-filter-sr-message"]="Show regular style icons",p["light-style-filter-sr-message"]="Show light style icons",p["thin-style-filter-sr-message"]="Show thin style icons",p["duotone-style-filter-sr-message"]="Show duotone style icons",p["brands-style-filter-sr-message"]="Show brands style icons",p["uploaded-style-filter-sr-message"]="Show your uploaded icons";const l={display:"none"},m=class{constructor(n){Object(i.j)(this,n),this.finish=Object(i.e)(this,"finish",7),this.query="",this.isQuerying=!1,this.isInitialLoading=!1,this.hasQueried=!1,this.icons=[],this.styleFilterEnabled=!1,this.styleFilters={fas:!1,far:!1,fad:!1,fat:!1,fab:!1,fal:!1,fak:!1},this.fatalError=!1,this.activeSlotDefaults={},this.updateQueryResultsWithDebounce=r.k.debounce(n=>{this.updateQueryResults(n).catch(n=>{console.error(n),this.fatalError=!0})},500),this.toggleStyleFilter=this.toggleStyleFilter.bind(this)}async loadKitMetadata(){const n=await this.handleQuery(`\n query {\n me {\n kit(token:"${this.kitToken}") {\n version\n technologySelected\n licenseSelected\n name\n release {\n version\n }\n iconUploads {\n name\n unicode\n version\n width\n height\n path\n }\n }\n }\n }\n `);if(r.k.get(n,"errors"))throw console.error("Font Awesome Icon Chooser GraphQL query errors",n.errors),new Error;const a=r.k.get(n,"data.me.kit");this.kitMetadata=a}activateDefaultStyleFilters(){this.styleFilterEnabled=!0,this.styleFilters.fas=!0,this.styleFilters.fab=!0}resolvedVersion(){return r.k.get(this,"kitMetadata.release.version")||this.version}pro(){return"pro"===r.k.get(this,"kitMetadata.licenseSelected")}async preload(){return this.kitToken?this.loadKitMetadata():Promise.resolve()}setupSlots(){for(const n in p)this.host.querySelector(`[slot="${n}"]`)||(this.activeSlotDefaults[n]=p[n])}slot(n){return this.activeSlotDefaults&&this.activeSlotDefaults[n]||Object(i.h)("slot",{name:n})}componentWillLoad(){if(!this.kitToken&&!Object(r.i)(this.version))return console.error(r.a+": either a kit-token or valid semantic version is required.",this),void(this.fatalError=!0);this.query="",this.isInitialLoading=!0,this.setupSlots(),this.preload().then(()=>{const n=this.pro(),a=this.kitToken?Object(r.j)(n):Object(r.h)();n&&(this.svgFetchBaseUrl=`${a}/releases/v${this.resolvedVersion()}/svgs`);const t=r.k.get(window,"FontAwesome");return t?Promise.resolve(t):Object(r.f)(this.getUrlText,n,this.resolvedVersion(),a,this.kitToken).then(n=>(document.head.appendChild(n),r.k.get(window,"FontAwesome")))}).then(n=>{this.svgApi=n;const a=r.k.get(window,"FontAwesome.dom"),t=document.createElement("STYLE");t.setAttribute("type","text/css");const i=document.createTextNode(a.css());t.appendChild(i),this.host.shadowRoot.appendChild(t),this.defaultIcons=r.g,this.setIcons(this.defaultIcons,this.iconUploadsAsIconUploadLookups()),this.activateDefaultStyleFilters(),this.mayHaveIconUploads()&&r.k.size(r.k.get(this,"kitMetadata.iconUploads"))>0&&(this.styleFilters.fak=!0),this.commonFaIconProps={svgApi:r.k.get(window,"FontAwesome"),pro:this.pro(),svgFetchBaseUrl:this.svgFetchBaseUrl,kitToken:this.kitToken,getUrlText:this.getUrlText},this.isInitialLoading=!1}).catch(n=>{console.error(n),this.isInitialLoading=!1,this.fatalError=!0})}async updateQueryResults(n){if(0===r.k.size(n))return;this.isQuerying=!0;const a=await this.handleQuery(`\n query {\n search(version:"${this.resolvedVersion()}", query: "${n}", first: 100) {\n id\n label\n membership {\n free\n pro\n }\n }\n }`),t=this.iconUploadsAsIconUploadLookups().filter(({iconName:a})=>a.indexOf(n)>-1);let i=a;Array.isArray(r.k.get(i,"data.search"))||(console.warn(r.a+": search results may be inaccurate since 'handleQuery' returned an unexpected value:",a),i={data:{search:[]}}),this.setIcons(i,t),this.hasQueried=!0,this.isQuerying=!1}iconUploadsAsIconUploadLookups(){return r.k.get(this,"kitMetadata.iconUploads",[]).map(n=>({prefix:"fak",iconName:n.name,iconUpload:n}))}setIcons(n,a){this.icons=(r.k.get(n,"data.search")||[]).reduce((n,a)=>{const{id:t,membership:i}=a,o=i.free;return this.pro()&&i.pro&&i.pro.filter(n=>!i.free.includes(n)).forEach(n=>o.push(n)),o.map(a=>{const i=r.d[a];n.push({iconName:t,prefix:i})}),n},a)}filteredIcons(){return this.styleFilterEnabled?this.icons.filter(({prefix:n})=>this.styleFilters[n]):this.icons}resetStyleFilter(){Object.keys(this.styleFilters).forEach(n=>{this.styleFilters[n]=!1}),this.styleFilterEnabled=!1}isOnlyEnabledStyleFilter(n){return!!this.styleFilters[n]&&!Object.keys(this.styleFilters).find(a=>a!==n&&this.styleFilters[a])}showCheckedStyleIcon(n){return this.styleFilterEnabled&&this.styleFilters[n]}toggleStyleFilter(n){this.styleFilterEnabled?this.isOnlyEnabledStyleFilter(n)?(this.styleFilters=Object.assign(Object.assign({},this.styleFilters),{[n]:!this.styleFilters[n]}),this.styleFilterEnabled=!1):this.styleFilters=Object.assign(Object.assign({},this.styleFilters),{[n]:!this.styleFilters[n]}):(this.styleFilters=Object.assign(Object.assign({},this.styleFilters),{[n]:!0}),this.styleFilterEnabled=!0)}isV6(){const n=this.resolvedVersion();return n&&"6"===n[0]}isDuotoneAvailable(){return this.pro()&&!!this.resolvedVersion().match("(5.[1-9][0-9]+.)|^6.")}mayHaveIconUploads(){return this.pro()}hasIconUploads(){return r.k.size(r.k.get(this,"kitMetadata.iconUploads"))}onKeyUp(n){this.query=n.target.value,0===r.k.size(this.query)?this.setIcons(this.defaultIcons,this.iconUploadsAsIconUploadLookups()):this.updateQueryResultsWithDebounce(this.query)}preventDefaultFormSubmit(n){n.preventDefault(),n.stopPropagation()}render(){const n=!this.pro(),a=!(this.isV6()&&this.pro()),t=!this.isDuotoneAvailable(),m=!this.mayHaveIconUploads();return this.fatalError?Object(i.h)("div",{class:"fa-icon-chooser"},Object(i.h)("div",{class:"message-loading text-center margin-2xl"},Object(i.h)("h3",null,this.slot("fatal-error-heading")),Object(i.h)("p",null,this.slot("fatal-error-detail")))):this.isInitialLoading?Object(i.h)("div",{class:"fa-icon-chooser"},Object(i.h)("div",{class:"message-loading text-center margin-2xl"},Object(i.h)("h3",null,"Loading..."))):Object(i.h)("div",{class:"fa-icon-chooser"},Object(i.h)("form",{id:"search-form",onSubmit:this.preventDefaultFormSubmit},Object(i.h)("label",{htmlFor:"search",class:"margin-bottom-xs margin-left-xl sr-only"},this.pro()?this.slot("search-field-label-pro"):this.slot("search-field-label-free")," ",this.resolvedVersion()),Object(i.h)("div",{class:"tablet:margin-bottom-xl"},Object(i.h)("div",{class:"wrap-search margin-bottom-3xs with-icon-before"},Object(i.h)("fa-icon",Object.assign({},this.commonFaIconProps,{stylePrefix:"fas",name:"search",class:"icons-search-decorative"})),Object(i.h)("input",{type:"text",name:"search",id:"search",class:"rounded",value:this.query,onKeyUp:this.onKeyUp.bind(this),placeholder:this.searchInputPlaceholder||p["search-field-placeholder"]}))),Object(i.h)("div",{class:"icons-style-menu-listing display-flex flex-items-center align-between margin-bottom-xl"},Object(i.h)("div",{class:"wrap-icons-style-choice size-sm laptop:size-md margin-3xs column"},Object(i.h)("input",{id:"icons-style-solid",checked:this.styleFilterEnabled&&this.styleFilters.fas,onChange:()=>this.toggleStyleFilter("fas"),type:"checkbox",name:"icons-style",class:"input-checkbox-custom"}),Object(i.h)("label",{htmlFor:"icons-style-solid",class:"icons-style-choice padding-xs tablet:padding-md laptop:padding-sm margin-0 display-flex flex-column flex-items-center"},Object(i.h)("span",{class:"style-icon position-relative display-none size-sm margin-bottom-2xs tablet:display-block laptop:display-inline-block laptop:margin-right-sm laptop:margin-bottom-0 desktop:size-md"},Object(i.h)("fa-icon",Object.assign({style:!this.showCheckedStyleIcon("fas")&&l},this.commonFaIconProps,{name:"grin-tongue",stylePrefix:"fas",size:"2x",class:"checked-icon fa-fw"})),Object(i.h)("fa-icon",Object.assign({style:this.showCheckedStyleIcon("fas")&&l},this.commonFaIconProps,{name:"smile",stylePrefix:"fas",size:"2x",class:"unchecked-icon fa-fw"}))),Object(i.h)("span",null,"Solid ",Object(i.h)("span",{class:"sr-only"},this.slot("solid-style-filter-sr-message"))))),Object(i.h)("div",{class:"wrap-icons-style-choice size-sm laptop:size-md margin-3xs column"},Object(i.h)("input",{id:"icons-style-regular",checked:this.styleFilterEnabled&&this.styleFilters.far,onChange:()=>this.toggleStyleFilter("far"),type:"checkbox",name:"icons-style",class:"input-checkbox-custom"}),Object(i.h)("label",{htmlFor:"icons-style-regular",class:"icons-style-choice padding-xs tablet:padding-md laptop:padding-sm margin-0 display-flex flex-column flex-items-center "},Object(i.h)("span",{class:"style-icon position-relative display-none size-sm margin-bottom-2xs tablet:display-block laptop:display-inline-block laptop:margin-right-sm laptop:margin-bottom-0"},Object(i.h)("fa-icon",Object.assign({style:!this.showCheckedStyleIcon("far")&&l},this.commonFaIconProps,{name:"grin-tongue",stylePrefix:"far",size:"2x",class:"checked-icon fa-fw"})),Object(i.h)("fa-icon",Object.assign({style:this.showCheckedStyleIcon("far")&&l},this.commonFaIconProps,{name:"smile",stylePrefix:"far",size:"2x",class:"unchecked-icon fa-fw"}))),Object(i.h)("span",null,"Regular ",Object(i.h)("span",{class:"sr-only"},this.slot("regular-style-filter-sr-message"))))),Object(i.h)("div",{class:"wrap-icons-style-choice size-sm laptop:size-md margin-3xs column"},Object(i.h)("input",{disabled:n,id:"icons-style-light",checked:this.styleFilterEnabled&&this.styleFilters.fal,onChange:()=>this.toggleStyleFilter("fal"),type:"checkbox",name:"icons-style",class:"input-checkbox-custom"}),Object(i.h)("label",{htmlFor:"icons-style-light",class:"icons-style-choice padding-xs tablet:padding-md laptop:padding-sm margin-0 display-flex flex-column flex-items-center "},n?Object(i.h)("span",{class:"style-icon position-relative display-none size-sm margin-bottom-2xs tablet:display-block laptop:display-inline-block laptop:margin-right-sm laptop:margin-bottom-0"},Object(i.h)("fa-icon",Object.assign({},this.commonFaIconProps,{name:"meh",stylePrefix:"far",size:"2x",class:"checked-icon fa-fw"}))):Object(i.h)("span",{class:"style-icon position-relative display-none size-sm margin-bottom-2xs tablet:display-block laptop:display-inline-block laptop:margin-right-sm laptop:margin-bottom-0"},Object(i.h)("fa-icon",Object.assign({style:!this.showCheckedStyleIcon("fal")&&l},this.commonFaIconProps,{name:"grin-tongue",stylePrefix:"fal",size:"2x",class:"checked-icon fa-fw"})),Object(i.h)("fa-icon",Object.assign({style:this.showCheckedStyleIcon("fal")&&l},this.commonFaIconProps,{name:"smile",stylePrefix:"fal",size:"2x",class:"unchecked-icon fa-fw"}))),Object(i.h)("span",null,"Light ",Object(i.h)("span",{class:"sr-only"},this.slot("light-style-filter-sr-message")))),Object(i.h)("span",{class:"disabled-tooltip size-sm"},this.slot("light-requires-pro"))),Object(i.h)("div",{class:"wrap-icons-style-choice size-sm laptop:size-md margin-3xs column"},Object(i.h)("input",{disabled:a,id:"icons-style-thin",checked:this.styleFilterEnabled&&this.styleFilters.fat,onChange:()=>this.toggleStyleFilter("fat"),type:"checkbox",name:"icons-style",class:"input-checkbox-custom"}),Object(i.h)("label",{htmlFor:"icons-style-thin",class:"icons-style-choice padding-xs tablet:padding-md laptop:padding-sm margin-0 display-flex flex-column flex-items-center "},a?Object(i.h)("span",{class:"style-icon position-relative display-none size-sm margin-bottom-2xs tablet:display-block laptop:display-inline-block laptop:margin-right-sm laptop:margin-bottom-0"},Object(i.h)("fa-icon",Object.assign({},this.commonFaIconProps,{name:"meh",stylePrefix:"far",size:"2x",class:"checked-icon fa-fw"}))):Object(i.h)("span",{class:"style-icon position-relative display-none size-sm margin-bottom-2xs tablet:display-block laptop:display-inline-block laptop:margin-right-sm laptop:margin-bottom-0"},Object(i.h)("fa-icon",Object.assign({style:!this.showCheckedStyleIcon("fat")&&l},this.commonFaIconProps,{name:"grin-tongue",stylePrefix:"fat",size:"2x",class:"checked-icon fa-fw"})),Object(i.h)("fa-icon",Object.assign({style:this.showCheckedStyleIcon("fat")&&l},this.commonFaIconProps,{name:"smile",stylePrefix:"fat",size:"2x",class:"unchecked-icon fa-fw"}))),Object(i.h)("span",null,"Thin ",Object(i.h)("span",{class:"sr-only"},this.slot("thin-style-filter-sr-message")))),Object(i.h)("span",{class:"disabled-tooltip size-sm"},this.slot("thin-requires-pro"))),Object(i.h)("div",{class:"wrap-icons-style-choice size-sm laptop:size-md margin-3xs column"},Object(i.h)("input",{disabled:t,id:"icons-style-duotone",checked:this.styleFilterEnabled&&this.styleFilters.fad,onChange:()=>this.toggleStyleFilter("fad"),type:"checkbox",name:"icons-style",class:"input-checkbox-custom"}),Object(i.h)("label",{htmlFor:"icons-style-duotone",class:"icons-style-choice padding-xs tablet:padding-md laptop:padding-sm margin-0 display-flex flex-column flex-items-center "},t?Object(i.h)("span",{class:"style-icon position-relative display-none size-sm margin-bottom-2xs tablet:display-block laptop:display-inline-block laptop:margin-right-sm laptop:margin-bottom-0"},Object(i.h)("fa-icon",Object.assign({},this.commonFaIconProps,{name:"meh",stylePrefix:"far",size:"2x",class:"unchecked-icon fa-fw"}))):Object(i.h)("span",{class:"style-icon position-relative display-none size-sm margin-bottom-2xs tablet:display-block laptop:display-inline-block laptop:margin-right-sm laptop:margin-bottom-0"},Object(i.h)("fa-icon",Object.assign({style:!this.showCheckedStyleIcon("fad")&&l},this.commonFaIconProps,{name:"grin-tongue",stylePrefix:"fad",size:"2x",class:"checked-icon fa-fw"})),Object(i.h)("fa-icon",Object.assign({style:this.showCheckedStyleIcon("fad")&&l},this.commonFaIconProps,{name:"smile",stylePrefix:"fad",size:"2x",class:"unchecked-icon fa-fw"}))),Object(i.h)("span",null,"Duotone ",Object(i.h)("span",{class:"sr-only"},this.slot("duotone-style-filter-sr-message")))),Object(i.h)("span",{class:"disabled-tooltip size-sm"},this.slot("duotone-requires-pro"))),Object(i.h)("div",{class:"wrap-icons-style-choice size-sm laptop:size-md margin-3xs column"},Object(i.h)("input",{id:"icons-style-brands",checked:this.styleFilterEnabled&&this.styleFilters.fab,onChange:()=>this.toggleStyleFilter("fab"),type:"checkbox",name:"icons-style",class:"input-checkbox-custom"}),Object(i.h)("label",{htmlFor:"icons-style-brands",class:"icons-style-choice padding-xs tablet:padding-md laptop:padding-sm margin-0 display-flex flex-column flex-items-center "},Object(i.h)("span",{class:"style-icon position-relative display-none size-sm margin-bottom-2xs tablet:display-block laptop:display-inline-block laptop:margin-right-sm laptop:margin-bottom-0"},Object(i.h)("fa-icon",Object.assign({},this.commonFaIconProps,{stylePrefix:"fab",name:"font-awesome",size:"2x",class:"fa-fw"}))),Object(i.h)("span",null,"Brands ",Object(i.h)("span",{class:"sr-only"},this.slot("brands-style-filter-sr-message"))))),Object(i.h)("div",{class:"wrap-icons-style-choice size-sm laptop:size-md margin-3xs column"},Object(i.h)("input",{disabled:m,id:"icons-style-uploads",checked:this.styleFilterEnabled&&this.styleFilters.fak,onChange:()=>this.toggleStyleFilter("fak"),type:"checkbox",name:"icons-style",class:"input-checkbox-custom"}),Object(i.h)("label",{htmlFor:"icons-style-uploads",class:"icons-style-choice padding-xs tablet:padding-md laptop:padding-sm margin-0 display-flex flex-column flex-items-center"},Object(i.h)("span",{class:"style-icon position-relative display-none size-sm margin-bottom-2xs tablet:display-block laptop:display-inline-block laptop:margin-right-sm laptop:margin-bottom-0"},m?Object(i.h)("fa-icon",Object.assign({},this.commonFaIconProps,{stylePrefix:"far",name:"meh",size:"2x",class:"fa-fw"})):Object(i.h)("fa-icon",Object.assign({},this.commonFaIconProps,{stylePrefix:"far",name:"cloud",size:"2x",class:"fa-fw"}))),Object(i.h)("span",null,"Uploaded ",Object(i.h)("span",{class:"sr-only"},this.slot("uploaded-style-filter-sr-message")))),Object(i.h)("span",{class:"disabled-tooltip size-sm"},this.slot("uploaded-requires-pro"))))),Object(i.h)("p",{class:"muted size-sm text-center margin-bottom-xs"},this.pro()?this.slot("searching-pro"):this.slot("searching-free")," ",this.resolvedVersion()),Object(i.h)("div",{class:"wrap-icon-listing margin-y-lg"},!this.isQuerying&&this.mayHaveIconUploads()&&!this.hasIconUploads()&&this.styleFilterEnabled&&this.styleFilters.fak&&Object(i.h)("article",{class:"text-center margin-2xl"},Object(i.h)("p",{class:"muted size-sm"},this.slot("kit-has-no-uploaded-icons"))),!this.isQuerying&&""===this.query&&Object(i.h)("article",{class:"text-center margin-y-2xl line-length-lg margin-auto"},Object(i.h)("h3",{class:"margin-bottom-md"},this.slot("start-view-heading")),Object(i.h)("p",{class:"margin-bottom-3xl"},this.slot("start-view-detail"))),this.isQuerying?Object(i.h)("article",{class:"message-loading text-center margin-2xl"},Object(i.h)("fa-icon",Object.assign({},this.commonFaIconProps,{icon:e,class:"message-icon fa-2x margin-top-xs fa-spin fa-fw"})),Object(i.h)("h3",null,this.slot("initial-loading-view-header")),Object(i.h)("p",{key:"a",class:"margin-y-md muted"},this.slot("initial-loading-view-detail"))):r.k.size(this.filteredIcons())>0?Object(i.h)("div",{class:"icon-listing"},this.filteredIcons().map(n=>Object(i.h)("article",{class:"wrap-icon",key:`${n.prefix}-${n.iconName}`},Object(i.h)("button",{class:"icon subtle display-flex flex-column flex-items-center flex-content-center",onClick:()=>this.finish.emit(Object(r.e)(n))},Object(i.h)("fa-icon",Object.assign({},this.commonFaIconProps,{size:"2x",stylePrefix:n.prefix,name:n.iconName,iconUpload:r.k.get(n,"iconUpload")})),Object(i.h)("span",{class:"icon-name size-sm text-truncate margin-top-lg"},""+n.iconName))))):Object(i.h)("article",{class:"message message-noresults text-center margin-2xl"},Object(i.h)("span",{key:"b"},Object(i.h)("fa-icon",Object.assign({},this.commonFaIconProps,{icon:o,class:"message-icon fa-2x margin-top-xs"}))),Object(i.h)("h2",{class:"message-title margin-top-lg"},this.slot("no-search-results-heading")),Object(i.h)("p",{key:"c",class:"size-lg"},this.slot("no-search-results-detail")),Object(i.h)("p",{key:"d",class:"muted display-block"},this.pro()?this.slot("suggest-icon-upload"):this.slot("get-fontawesome-pro")))))}get host(){return Object(i.g)(this)}};m.style='/* vendor.css */\n/* stylelint-disable */\n:host {\n --oc-white: #fff;\n --oc-black: #000;\n --oc-gray-0: #f8f9fa;\n --oc-gray-1: #f1f3f5;\n --oc-gray-2: #e9ecef;\n --oc-gray-3: #dee2e6;\n --oc-gray-4: #ced4da;\n --oc-gray-5: #adb5bd;\n --oc-gray-6: #868e96;\n --oc-gray-7: #495057;\n --oc-gray-8: #343a40;\n --oc-gray-9: #212529;\n --oc-red-0: #fff5f5;\n --oc-red-1: #ffe3e3;\n --oc-red-2: #ffc9c9;\n --oc-red-3: #ffa8a8;\n --oc-red-4: #ff8787;\n --oc-red-5: #ff6b6b;\n --oc-red-6: #fa5252;\n --oc-red-7: #f03e3e;\n --oc-red-8: #e03131;\n --oc-red-9: #c92a2a;\n --oc-pink-0: #fff0f6;\n --oc-pink-1: #ffdeeb;\n --oc-pink-2: #fcc2d7;\n --oc-pink-3: #faa2c1;\n --oc-pink-4: #f783ac;\n --oc-pink-5: #f06595;\n --oc-pink-6: #e64980;\n --oc-pink-7: #d6336c;\n --oc-pink-8: #c2255c;\n --oc-pink-9: #a61e4d;\n --oc-grape-0: #f8f0fc;\n --oc-grape-1: #f3d9fa;\n --oc-grape-2: #eebefa;\n --oc-grape-3: #e599f7;\n --oc-grape-4: #da77f2;\n --oc-grape-5: #cc5de8;\n --oc-grape-6: #be4bdb;\n --oc-grape-7: #ae3ec9;\n --oc-grape-8: #9c36b5;\n --oc-grape-9: #862e9c;\n --oc-violet-0: #f3f0ff;\n --oc-violet-1: #e5dbff;\n --oc-violet-2: #d0bfff;\n --oc-violet-3: #b197fc;\n --oc-violet-4: #9775fa;\n --oc-violet-5: #845ef7;\n --oc-violet-6: #7950f2;\n --oc-violet-7: #7048e8;\n --oc-violet-8: #6741d9;\n --oc-violet-9: #5f3dc4;\n --oc-indigo-0: #edf2ff;\n --oc-indigo-1: #dbe4ff;\n --oc-indigo-2: #bac8ff;\n --oc-indigo-3: #91a7ff;\n --oc-indigo-4: #748ffc;\n --oc-indigo-5: #5c7cfa;\n --oc-indigo-6: #4c6ef5;\n --oc-indigo-7: #4263eb;\n --oc-indigo-8: #3b5bdb;\n --oc-indigo-9: #364fc7;\n --oc-blue-0: #e7f5ff;\n --oc-blue-1: #d0ebff;\n --oc-blue-2: #a5d8ff;\n --oc-blue-3: #74c0fc;\n --oc-blue-4: #4dabf7;\n --oc-blue-5: #339af0;\n --oc-blue-6: #228be6;\n --oc-blue-7: #1c7ed6;\n --oc-blue-8: #1971c2;\n --oc-blue-9: #1864ab;\n --oc-cyan-0: #e3fafc;\n --oc-cyan-1: #c5f6fa;\n --oc-cyan-2: #99e9f2;\n --oc-cyan-3: #66d9e8;\n --oc-cyan-4: #3bc9db;\n --oc-cyan-5: #22b8cf;\n --oc-cyan-6: #15aabf;\n --oc-cyan-7: #1098ad;\n --oc-cyan-8: #0c8599;\n --oc-cyan-9: #0b7285;\n --oc-teal-0: #e6fcf5;\n --oc-teal-1: #c3fae8;\n --oc-teal-2: #96f2d7;\n --oc-teal-3: #63e6be;\n --oc-teal-4: #38d9a9;\n --oc-teal-5: #20c997;\n --oc-teal-6: #12b886;\n --oc-teal-7: #0ca678;\n --oc-teal-8: #099268;\n --oc-teal-9: #087f5b;\n --oc-green-0: #ebfbee;\n --oc-green-1: #d3f9d8;\n --oc-green-2: #b2f2bb;\n --oc-green-3: #8ce99a;\n --oc-green-4: #69db7c;\n --oc-green-5: #51cf66;\n --oc-green-6: #40c057;\n --oc-green-7: #37b24d;\n --oc-green-8: #2f9e44;\n --oc-green-9: #2b8a3e;\n --oc-lime-0: #f4fce3;\n --oc-lime-1: #e9fac8;\n --oc-lime-2: #d8f5a2;\n --oc-lime-3: #c0eb75;\n --oc-lime-4: #a9e34b;\n --oc-lime-5: #94d82d;\n --oc-lime-6: #82c91e;\n --oc-lime-7: #74b816;\n --oc-lime-8: #66a80f;\n --oc-lime-9: #5c940d;\n --oc-yellow-0: #fff9db;\n --oc-yellow-1: #fff3bf;\n --oc-yellow-2: #ffec99;\n --oc-yellow-3: #ffe066;\n --oc-yellow-4: #ffd43b;\n --oc-yellow-5: #fcc419;\n --oc-yellow-6: #fab005;\n --oc-yellow-7: #f59f00;\n --oc-yellow-8: #f08c00;\n --oc-yellow-9: #e67700;\n --oc-orange-0: #fff4e6;\n --oc-orange-1: #ffe8cc;\n --oc-orange-2: #ffd8a8;\n --oc-orange-3: #ffc078;\n --oc-orange-4: #ffa94d;\n --oc-orange-5: #ff922b;\n --oc-orange-6: #fd7e14;\n --oc-orange-7: #f76707;\n --oc-orange-8: #e8590c;\n --oc-orange-9: #d9480f;\n}\n/* stylelint-enable */\n/* Box sizing rules */\n*,\n*::before,\n*::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n/* Remove default margin */\n:host,\nbody,\nh1,\nh2,\nh3,\nh4,\np,\nli,\nfigure,\nfigcaption,\nblockquote,\ndl,\ndd {\n margin: 0;\n}\n/* Set core body defaults */\nbody {\n min-height: 100vh;\n scroll-behavior: smooth;\n text-rendering: optimizeSpeed;\n line-height: 1.5;\n}\n/* A elements that don\'t have a class get default styles */\na:not([class]) {\n -webkit-text-decoration-skip: ink;\n text-decoration-skip-ink: auto;\n}\n/* Make images easier to work with */\nimg {\n display: block;\n max-width: 100%;\n}\n/* Inherit fonts for inputs and buttons */\ninput,\nbutton,\ntextarea,\nselect {\n font: inherit;\n}\n/* Remove all animations and transitions for people that prefer not to see them */\n@media (prefers-reduced-motion: reduce) {\n * {\n -webkit-transition-duration: 0.0001s !important;\n transition-duration: 0.0001s !important;\n -webkit-animation-duration: 0.0001s !important;\n animation-duration: 0.0001s !important;\n -webkit-animation-iteration-count: 1 !important;\n animation-iteration-count: 1 !important;\n scroll-behavior: auto !important;\n }\n}\n/* setting.css */\n:host {\n /* viewports */\n --viewport-tablet: 48rem; /* 768px */\n --viewport-laptop: 64rem; /* 1024px */\n --viewport-desktop: 96rem; /* 1536px */\n\n /* colors */\n --white: var(--oc-white);\n --black: var(--oc-black);\n\n /* colors: Brand Grays */\n --gray-50: #f0f1f3;\n --gray-100: #e0e2e8;\n --gray-200: #c3c6d1;\n --gray-300: #a5abbb;\n --gray-400: #8991a5;\n --gray-500: #6d7790;\n --gray-600: #515e7b;\n --gray-700: #364767;\n --gray-800: #183153;\n --gray-900: #001c40;\n\n /* colors: red */\n --red0: var(--oc-red-0);\n --red1: var(--oc-red-1);\n --red2: var(--oc-red-2);\n --red3: var(--oc-red-3);\n --red4: var(--oc-red-4);\n --red5: var(--oc-red-5);\n --red6: var(--oc-red-6);\n --red7: var(--oc-red-7);\n --red8: var(--oc-red-8);\n --red9: var(--oc-red-9);\n\n /* colors: pink */\n --pink0: var(--oc-pink-0);\n --pink1: var(--oc-pink-1);\n --pink2: var(--oc-pink-2);\n --pink3: var(--oc-pink-3);\n --pink4: var(--oc-pink-4);\n --pink5: var(--oc-pink-5);\n --pink6: var(--oc-pink-6);\n --pink7: var(--oc-pink-7);\n --pink8: var(--oc-pink-8);\n --pink9: var(--oc-pink-9);\n\n /* colors: grape */\n --grape0: var(--oc-grape-0);\n --grape1: var(--oc-grape-1);\n --grape2: var(--oc-grape-2);\n --grape3: var(--oc-grape-3);\n --grape4: var(--oc-grape-4);\n --grape5: var(--oc-grape-5);\n --grape6: var(--oc-grape-6);\n --grape7: var(--oc-grape-7);\n --grape8: var(--oc-grape-8);\n --grape9: var(--oc-grape-9);\n\n /* colors: violet */\n --violet0: var(--oc-violet-0);\n --violet1: var(--oc-violet-1);\n --violet2: var(--oc-violet-2);\n --violet3: var(--oc-violet-3);\n --violet4: var(--oc-violet-4);\n --violet5: var(--oc-violet-5);\n --violet6: var(--oc-violet-6);\n --violet7: var(--oc-violet-7);\n --violet8: var(--oc-violet-8);\n --violet9: var(--oc-violet-9);\n\n /* colors: indigo */\n --indigo0: var(--oc-indigo-0);\n --indigo1: var(--oc-indigo-1);\n --indigo2: var(--oc-indigo-2);\n --indigo3: var(--oc-indigo-3);\n --indigo4: var(--oc-indigo-4);\n --indigo5: var(--oc-indigo-5);\n --indigo6: var(--oc-indigo-6);\n --indigo7: var(--oc-indigo-7);\n --indigo8: var(--oc-indigo-8);\n --indigo9: var(--oc-indigo-9);\n\n /* colors: blue */\n --blue0: var(--oc-blue-0);\n --blue1: var(--oc-blue-1);\n --blue2: var(--oc-blue-2);\n --blue3: var(--oc-blue-3);\n --blue4: var(--oc-blue-4);\n --blue5: var(--oc-blue-5);\n --blue6: var(--oc-blue-6);\n --blue7: var(--oc-blue-7);\n --blue8: var(--oc-blue-8);\n --blue9: var(--oc-blue-9);\n\n /* colors: cyan */\n --cyan0: var(--oc-cyan-0);\n --cyan1: var(--oc-cyan-1);\n --cyan2: var(--oc-cyan-2);\n --cyan3: var(--oc-cyan-3);\n --cyan4: var(--oc-cyan-4);\n --cyan5: var(--oc-cyan-5);\n --cyan6: var(--oc-cyan-6);\n --cyan7: var(--oc-cyan-7);\n --cyan8: var(--oc-cyan-8);\n --cyan9: var(--oc-cyan-9);\n\n /* colors: teal */\n --teal0: var(--oc-teal-0);\n --teal1: var(--oc-teal-1);\n --teal2: var(--oc-teal-2);\n --teal3: var(--oc-teal-3);\n --teal4: var(--oc-teal-4);\n --teal5: var(--oc-teal-5);\n --teal6: var(--oc-teal-6);\n --teal7: var(--oc-teal-7);\n --teal8: var(--oc-teal-8);\n --teal9: var(--oc-teal-9);\n\n /* colors: green */\n --green0: var(--oc-green-0);\n --green1: var(--oc-green-1);\n --green2: var(--oc-green-2);\n --green3: var(--oc-green-3);\n --green4: var(--oc-green-4);\n --green5: var(--oc-green-5);\n --green6: var(--oc-green-6);\n --green7: var(--oc-green-7);\n --green8: var(--oc-green-8);\n --green9: var(--oc-green-9);\n\n /* colors: lime */\n --lime0: var(--oc-lime-0);\n --lime1: var(--oc-lime-1);\n --lime2: var(--oc-lime-2);\n --lime3: var(--oc-lime-3);\n --lime4: var(--oc-lime-4);\n --lime5: var(--oc-lime-5);\n --lime6: var(--oc-lime-6);\n --lime7: var(--oc-lime-7);\n --lime8: var(--oc-lime-8);\n --lime9: var(--oc-lime-9);\n\n /* colors: yellow */\n --yellow0: var(--oc-yellow-0);\n --yellow1: var(--oc-yellow-1);\n --yellow2: var(--oc-yellow-2);\n --yellow3: var(--oc-yellow-3);\n --yellow4: var(--oc-yellow-4);\n --yellow5: var(--oc-yellow-5);\n --yellow6: var(--oc-yellow-6);\n --yellow7: var(--oc-yellow-7);\n --yellow8: var(--oc-yellow-8);\n --yellow9: var(--oc-yellow-9);\n\n /* colors: orange */\n --orange0: var(--oc-orange-0);\n --orange1: var(--oc-orange-1);\n --orange2: var(--oc-orange-2);\n --orange3: var(--oc-orange-3);\n --orange4: var(--oc-orange-4);\n --orange5: var(--oc-orange-5);\n --orange6: var(--oc-orange-6);\n --orange7: var(--oc-orange-7);\n --orange8: var(--oc-orange-8);\n --orange9: var(--oc-orange-9);\n\n /* Brand Colors\n Brand Gravy */\n --fa-dk-navy: var(--gray-900);\n --fa-navy: var(--gray-800);\n --fa-dk-gravy: var(--gray-600);\n --fa-md-gravy: var(--gray-400);\n --fa-gravy: var(--gray-200);\n --fa-lt-gravy: var(--gray-50);\n\n /* Brand Yellow */\n --fa-yellow: var(--oc-yellow-4);\n --fa-dk-yellow: var(--oc-yellow-6);\n\n /* Brand Blue */\n --fa-blue: var(--oc-blue-3);\n --fa-dk-blue: var(--oc-blue-7);\n\n /* Brand Teal */\n --fa-teal: var(--oc-teal-3);\n --fa-dk-teal: var(--oc-teal-7);\n\n /* Brand Red */\n --fa-red: var(--oc-red-4);\n --fa-dk-red: var(--oc-red-8);\n\n /* Brand Purple */\n --fa-purple: var(--oc-grape-3);\n --fa-dk-purple: var(--oc-grape-8);\n\n /* Brand Violet */\n --fa-violet: var(--oc-violet-3);\n --fa-dk-violet: var(--oc-violet-8);\n\n /* focus */\n --focus-outline-size: 1px;\n --focus-outline-style: solid;\n --focus-outline-color: var(--white);\n\n /* timing */\n --timing-base: 1s;\n --timing-glacial: calc(var(--timing-base) * 200); /* 200s */\n --timing-3xslow: calc(var(--timing-base) * 10); /* 10s */\n --timing-2xslow: calc(var(--timing-base) * 4); /* 4s */\n --timing-xslow: calc(var(--timing-base) * 2); /* 2s */\n --timing-slow: calc(var(--timing-base) * 1.5); /* 1.5s */\n --timing-md: var(--timing-base);\n --timing-fast: calc(var(--timing-base) * 0.5); /* 0.5s */\n --timing-xfast: calc(var(--timing-base) * 0.25); /* 0.25s */\n --timing-2xfast: calc(var(--timing-base) * 0.1); /* 0.1s */\n\n /* typography */\n --font-family-sans-serif: cera-round-pro, "Helvetica Neue", "Helvetica", "Arial", sans-serif; /* Available typefaces in the Fort Awesome kit for WA: "cera-pro" & "cera-round-pro" */\n --font-family-serif: fa-livory, "Georgia", "Times New Roman", "Times", serif;\n --font-family-monospace: "Menlo", "Monaco", "Consolas", "Courier New", monospace;\n --font-family-base: var(--font-family-sans-serif);\n\n /* viewport scaling */\n --font-size-root: 14px;\n --font-size-root-tablet: 16px;\n\n /* sizes */\n --size-base: 1em;\n --size-6xs: calc(var(--size-base) * 0.25); /* 4px */\n --size-5xs: calc(var(--size-base) * 0.3125); /* 5px */\n --size-4xs: calc(var(--size-base) * 0.375); /* 6px */\n --size-3xs: calc(var(--size-base) * 0.5); /* 8px */\n --size-2xs: calc(var(--size-base) * 0.625); /* 10px */\n --size-xs: calc(var(--size-base) * 0.75); /* 12px */\n --size-sm: calc(var(--size-base) * 0.875); /* 14px */\n --size-md: var(--size-base); /* 16px */\n --size-lg: calc(var(--size-base) * 1.25); /* 20px */\n --size-xl: calc(var(--size-base) * 1.5); /* 24px */\n --size-2xl: calc(var(--size-base) * 2); /* 32px */\n --size-3xl: calc(var(--size-base) * 2.5); /* 40px */\n --size-4xl: calc(var(--size-base) * 3); /* 48px */\n --size-5xl: calc(var(--size-base) * 3.75); /* 60px */\n --size-6xl: calc(var(--size-base) * 4.5); /* 72px */\n\n /* font-sizes */\n --font-size-base: 1em;\n --font-size-6xs: calc(var(--font-size-base) * 0.25); /* 4px */\n --font-size-5xs: calc(var(--font-size-base) * 0.3125); /* 5px */\n --font-size-4xs: calc(var(--font-size-base) * 0.375); /* 6px */\n --font-size-3xs: calc(var(--font-size-base) * 0.5); /* 8px */\n --font-size-2xs: calc(var(--font-size-base) * 0.625); /* 10px */\n --font-size-xs: calc(var(--font-size-base) * 0.75); /* 12px */\n --font-size-sm: calc(var(--font-size-base) * 0.875); /* 14px */\n --font-size-md: var(--font-size-base); /* 16px */\n --font-size-lg: calc(var(--font-size-base) * 1.25); /* 20px */\n --font-size-xl: calc(var(--font-size-base) * 1.5); /* 24px */\n --font-size-2xl: calc(var(--font-size-base) * 2); /* 32px */\n --font-size-3xl: calc(var(--font-size-base) * 2.5); /* 40px */\n --font-size-4xl: calc(var(--font-size-base) * 3); /* 48px */\n --font-size-5xl: calc(var(--font-size-base) * 3.75); /* 60px */\n --font-size-6xl: calc(var(--font-size-base) * 4.5); /* 72px */\n\n /* size resets */\n --size-reset-base: 1rem;\n --size-reset-6xs: calc(var(--size-reset-base) * 0.25); /* 4px */\n --size-reset-5xs: calc(var(--size-reset-base) * 0.3125); /* 5px */\n --size-reset-4xs: calc(var(--size-reset-base) * 0.375); /* 6px */\n --size-reset-3xs: calc(var(--size-reset-base) * 0.5); /* 8px */\n --size-reset-2xs: calc(var(--size-reset-base) * 0.625); /* 10px */\n --size-reset-xs: calc(var(--size-reset-base) * 0.75); /* 12px */\n --size-reset-sm: calc(var(--size-reset-base) * 0.875); /* 14px */\n --size-reset-md: var(--size-reset-base); /* 16px */\n --size-reset-lg: calc(var(--size-reset-base) * 1.25); /* 20px */\n --size-reset-xl: calc(var(--size-reset-base) * 1.5); /* 24px */\n --size-reset-2xl: calc(var(--size-reset-base) * 2); /* 32px */\n --size-reset-3xl: calc(var(--size-reset-base) * 2.5); /* 40px */\n --size-reset-4xl: calc(var(--size-reset-base) * 3); /* 48px */\n --size-reset-5xl: calc(var(--size-reset-base) * 3.75); /* 60px */\n --size-reset-6xl: calc(var(--size-reset-base) * 4.5); /* 72px */\n\n /* spacing */\n --spacing-base: 1em; /* ~16px */\n --spacing-0: 0;\n --spacing-1: calc(var(--spacing-base) * 1 / 16); /* 1px */\n --spacing-1px: 1px;\n --spacing-7xs: calc(var(--spacing-base) * 1 / 16); /* 1px */\n --spacing-6xs: calc(var(--spacing-base) * 2 / 16); /* 2px */\n --spacing-5xs: calc(var(--spacing-base) * 3 / 16); /* 3px */\n --spacing-4xs: calc(var(--spacing-base) * 4 / 16); /* 4px */\n --spacing-3xs: calc(var(--spacing-base) * 6 / 16); /* 6px */\n --spacing-2xs: calc(var(--spacing-base) * 8 / 16); /* 8px */\n --spacing-xs: calc(var(--spacing-base) * 10 / 16); /* 10px */\n --spacing-sm: calc(var(--spacing-base) * 12 / 16); /* 12px */\n --spacing-md: calc(var(--spacing-base) * 1); /* 16px */\n --spacing-lg: calc(var(--spacing-base) * 1.25); /* 20px */\n --spacing-xl: calc(var(--spacing-base) * 1.5); /* 24px */\n --spacing-2xl: calc(var(--spacing-base) * 2); /* 32px */\n --spacing-3xl: calc(var(--spacing-base) * 2.5); /* 40px */\n --spacing-4xl: calc(var(--spacing-base) * 3); /* 48px */\n --spacing-5xl: calc(var(--spacing-base) * 4); /* 64px */\n --spacing-6xl: calc(var(--spacing-base) * 5); /* 80px */\n --spacing-7xl: calc(var(--spacing-base) * 6); /* 96px */\n --spacing-8xl: calc(var(--spacing-base) * 8); /* 128px */\n --spacing-9xl: calc(var(--spacing-base) * 10); /* 160px */\n --spacing-10xl: calc(var(--spacing-base) * 12); /* 192px */\n --spacing-11xl: calc(var(--spacing-base) * 16); /* 256px */\n --spacing-12xl: calc(var(--spacing-base) * 20); /* 320px */\n\n /* headings */\n --headings-font-weight: var(--font-weight-semibold);\n --headings-font-family: var(--font-family-base);\n --headings-margin-top: 2em;\n --h1-font-size: var(--font-size-3xl); /* 40px */\n --h2-font-size: var(--font-size-2xl); /* 32px */\n --h3-font-size: var(--font-size-xl); /* 24px */\n --h4-font-size: var(--font-size-lg); /* 20px */\n --h5-font-size: var(--font-size-md); /* 16px */\n --h6-font-size: var(--font-size-xs); /* 12px */\n --h1-line-height: calc((40 + 6) / 40);\n --h2-line-height: calc((32 + 6) / 32);\n --h3-line-height: calc((24 + 6) / 24);\n --h4-line-height: calc((20 + 6) / 20);\n --h5-line-height: calc((16 + 6) / 16);\n --h6-line-height: calc((12 + 6) / 12);\n --h1-margin-bottom: calc(8em / 40);\n --h2-margin-bottom: calc(8em / 32);\n --h3-margin-bottom: calc(8em / 24);\n --h4-margin-bottom: calc(8em / 20);\n --h5-margin-bottom: calc(8em / 16);\n --h6-margin-bottom: calc(8em / 12);\n\n /* font-weights */\n --font-weight-light: 300;\n --font-weight-normal: 400;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n\n /* line heights */\n --line-height-0: 0;\n --line-height-base: 1.5;\n --line-height-sm: 1.25;\n --line-height-xs: 1.125;\n --line-height-1: 1;\n --line-height-md: var(--line-height-base);\n --line-height-lg: 1.6;\n --line-height-heading: var(--line-height-xs);\n --line-height-code: var(--line-height-md);\n --line-height-copy: var(--line-height-md);\n\n /* letter-spacing */\n --letter-spacing-0: 0;\n --letter-spacing-base: var(--letter-spacing-base);\n --letter-spacing-lg: 0.025em;\n --letter-spacing-xl: 0.05em;\n --letter-spacing-2xl: 0.1em;\n --letter-spacing-3xl: 0.25em;\n\n /* depth */\n --depth--1: -1;\n --depth-0: 0;\n --depth-1: 10;\n --depth-2: 20;\n --depth-3: 30;\n --depth-4: 40;\n --depth-5: 50;\n --depth-background: var(--depth--1);\n --depth-foreground: var(--depth-5);\n\n /* borders */\n --border-radius-none: 0;\n --border-radius-sm: 0.5em;\n --border-radius-md: 0.75em;\n --border-radius-lg: 1em;\n --border-radius-circle: 100%;\n --border-radius-pill: 9999px;\n --border-width-none: 0;\n --border-width-sm: 0.125em;\n --border-width-md: 0.25em;\n --border-width-lg: 0.5em;\n --border-style: solid;\n --border-width: var(--border-width-sm);\n --border-color: var(--fa-gravy);\n --border-radius: var(--border-radius-md);\n\n /* shadows */\n --with-shadow-box-shadow-color: var(--border-color);\n --with-shadow-box-shadow-width: 0.25em;\n --with-shadow-box-shadow: 0 var(--with-shadow-box-shadow-width) 0 var(--with-shadow-box-shadow-color);\n\n /* line-length */\n --line-length-2xs: 15ch;\n --line-length-xs: 30ch;\n --line-length-sm: 45ch;\n --line-length-md: 66ch;\n --line-length-lg: 77ch;\n --line-length-xl: 90ch;\n\n /* focus style */\n --focus-outline: solid 0.1875em var(--blue3); /* 3px outline width. Solid outline style must be set for consistent browser rendering. */\n --focus-outline-offset: var(--spacing-1);\n\n /* links */\n --link-display: inline;\n --link-transition-duration: var(--timing-2xfast);\n --link-decoration-line: underline;\n --link-decoration-style: dotted;\n --link-decoration-color: currentColor;\n --link-decoration-thickness: 0.0625em;\n --link-color: var(--fa-dk-blue);\n --link-font-weight: var(--font-weight-base);\n --link-hover-color: var(--fa-blue);\n --link-active-color: var(--fa-navy);\n --link-hover-decoration-line: underline;\n --link-hover-decoration-style: solid;\n --link-hover-decoration-color: currentColor;\n\n /* code */\n --code-background: transparent;\n --code-color: var(--orange5);\n --code-font-size: var(--font-size-sm);\n\n /* paragraphs */\n --paragraph-margin-top: 0;\n --paragraph-margin-bottom: var(--spacing-md);\n\n /* blockquotes */\n --blockquote-font-family: var(--font-family-serif);\n --blockquote-font-size: inherit;\n --blockquote-margin-bottom: var(--spacing-lg);\n --blockquote-quote-indent: var(--spacing-xl);\n --blockquote-quote-border-color: var(--gray-300);\n --blockquote-quote-border-style: solid;\n --blockquote-quote-border-width: var(--spacing-4xs);\n --blockquote-footer-color: var(--gray-500);\n --blockquote-footer-font-family: var(--font-family-base);\n --blockquote-footer-font-size: var(--font-size-sm);\n --blockquote-footer-margin-top: calc(var(--paragraph-margin-bottom) * -1);\n --blockquote-footer-padding-top: var(--spacing-lg);\n\n /* lists */\n --list-margin-top: var(--spacing-md);\n --list-margin-bottom: var(--spacing-md);\n --list-nested-margin-bottom: var(--spacing-4xs);\n --list-line-height: calc((16 + 8) / 16);\n --list-padding-left: var(--spacing-xl);\n --list-unordered-style-type: disc;\n --list-ordered-style-type: decimal;\n\n /* buttons */\n\n /* --button-transition-timing: var(--timing-2xfast); */\n --button-min-height: 4em; /* padding based on this value */\n --button-border-width: var(--border-width-sm);\n --button-border-radius: var(--border-radius-sm);\n --button-border-color: currentColor;\n --button-box-shadow-width: 0.375em;\n --button-box-shadow: 0 var(--button-box-shadow-width) 0 currentColor;\n --button-padding-vertical: calc((var(--button-min-height) - (var(--font-size-base) * var(--line-height-base)) - (var(--button-border-width) * 2) - var(--button-box-shadow-width)) / 2);\n --button-padding-horizontal: var(--spacing-xl);\n --button-padding: var(--button-padding-vertical) var(--button-padding-horizontal);\n --button-transition-duration: 0;\n --button-margin-bottom: 0.875em;\n --button-font-weight: 600;\n --button-background: var(--white);\n --button-decoration: none;\n --button-decoration-color: unset;\n --button-color: var(--fa-navy);\n --button-hover-background: var(--fa-gravy);\n --button-hover-decoration: none;\n --button-hover-decoration-color: unset;\n --button-hover-color: var(--button-color);\n --button-hover-border-color: currentColor;\n --button-active-border-width: var(--border-width-sm);\n --button-active-border-color: var(--fa-navy);\n --button-active-box-shadow: none;\n --button-active-background: var(--fa-navy);\n --button-active-color: var(--button-background);\n --button-disabled-opacity: 0.5;\n --button-disabled-background: var(--button-background);\n --button-padding-roomy: calc(var(--button-padding-vertical) + 0.5em) calc(var(--button-padding-horizontal) + 0.5em);\n --button-padding-compact: calc(var(--button-padding-vertical) - 0.5em) calc(var(--button-padding-horizontal) - 0.5em);\n\n /* tables */\n --table-layout: initial;\n --table-margin-bottom: var(--spacing-xl);\n --table-width: 100%;\n --table-background: inherit;\n --table-hover-background-color: transparent;\n --table-head-background: transparent;\n --table-th-background: transparent;\n --table-th-border-width: 2px;\n --table-th-border-style: solid;\n --table-th-border-color: var(--gray-200);\n --table-th-font-weight: var(--font-weight-semibold);\n --table-body-background: transparent;\n --table-row-background: transparent;\n --table-striped-row-background: var(--gray-100);\n --table-cell-border-collapse: collapse;\n --table-cell-border-spacing: none;\n --table-cell-text-align: left;\n --table-cell-vertical-align: initial;\n --table-cell-spacing-top: 0.5em;\n --table-cell-spacing-right: 0.75em;\n --table-cell-spacing-bottom: 0.5em;\n --table-cell-spacing-left: 0.75em;\n --table-cell-spacing-compact: calc(var(--table-cell-spacing-top) * 0.5) calc(var(--table-cell-spacing-right) * 0.5) calc(var(--table-cell-spacing-bottom) * 0.5) calc(var(--table-cell-spacing-left) * 0.5);\n --table-cell-spacing-roomy: calc(var(--table-cell-spacing-top) * 2) calc(var(--table-cell-spacing-right) * 2) calc(var(--table-cell-spacing-bottom) * 2) calc(var(--table-cell-spacing-left) * 2);\n --table-cell-border-width: 1px;\n --table-cell-border-style: solid;\n --table-cell-border-color: var(--gray-100);\n --table-cell-background: transparent;\n --table-foot-background: transparent;\n --table-caption-color: var(--gray-600);\n --table-caption-side: bottom;\n --table-caption-text-align: left;\n --table-caption-text-size: var(--size-sm);\n\n /* hrs */\n --hr-border-style: solid;\n --hr-border-width: var(--border-width-sm);\n --hr-border-color: var(--fa-gravy);\n --hr-padding-bottom: 0.25em; /* 8px */\n\n /* triangles */\n --triangle-color: var(--white);\n --triangle-size: 1em;\n\n /* tags */\n --tag-border: 0;\n --tag-border-radius: var(--border-radius-md);\n --tag-background: var(--fa-gravy);\n --tag-padding: 0.5em 1em; /* ~6px ~12px */\n --tag-vertical-align: calc(100% / 12); /* ~1px */\n --tag-text-transform: uppercase;\n --tag-letter-spacing: 0.0625em; /* ~0.5px */\n --tag-color: var(--fa-navy);\n --tag-font-size: var(--font-size-xs); /* ~12px */\n --tag-font-weight: bold;\n --tag-link-hover-color: var(--fa-dk-blue);\n --top-tag-top: -1em; /* 12px, half of tag height */\n --top-tag-indent: calc(32em / 12);\n --top-tag-margin-top: 0.75em; /* 12px, half of tag height */\n\n /* grid */\n --grid-gutter-x-width: 0.5rem;\n --grid-gutter-y-width: 1rem;\n --grid-outer-gutter-width: 1rem;\n --grid-min-width: none;\n --grid-max-width: 100%;\n --grid-fluid-max-width: 100%;\n --grid-row-direction: row;\n --grid-wrap: wrap;\n --grid-column-direction: column;\n --tablet-grid-outer-gutter-width: 1rem;\n --laptop-grid-outer-gutter-width: 2rem;\n --desktop-grid-outer-gutter-width: 2rem;\n --tablet-grid-max-width: var(--viewport-tablet);\n --laptop-grid-max-width: var(--viewport-laptop);\n --desktop-grid-max-width: var(--viewport-desktop);\n\n /* default text and background color */\n --text-color: var(--fa-navy);\n --text-align: left;\n --background-color: var(--fa-lt-gravy);\n\n /* body/page */\n --body-background: var(--background-color);\n --body-color: var(--text-color);\n\n /* messages */\n --message-min-height: 4em; /* 64px min height for messages. Change this and padding automatically adjusts. */\n --message-border-width: var(--border-width-sm);\n --message-border-style: solid;\n --message-border-color: var(--white);\n --message-vertical-padding: calc((var(--message-min-height) - (var(--font-size-base) * var(--line-height-base)) - (var(--message-border-width) * 2)) / 2);\n --message-horizontal-padding: var(--spacing-xl);\n --message-background: var(--white);\n --message-color: var(--fa-navy);\n --message-padding: var(--message-vertical-padding) var(--message-horizontal-padding);\n --message-border-radius: var(--border-radius-md);\n --message-margin: 0 0 1em;\n --message-with-icon-decorative-top: calc((var(--message-vertical-padding) + (var(--line-height-base) - var(--message-with-icon-decorative-scale))/2) / var(--message-with-icon-decorative-scale) * 1em);\n --message-with-icon-decorative-color: var(--fa-md-gravy);\n --message-with-icon-decorative-scale: 1.5; /* Scales icon size. Basically like unit-less ems. */\n --message-roomy-with-icon-decorative-scale: 1.75; /* Scales icon size. Basically like unit-less ems. */\n --message-roomy-with-icon-decorative-top: calc((1.625 + (var(--line-height-base) - var(--message-roomy-with-icon-decorative-scale))/2) / var(--message-roomy-with-icon-decorative-scale) * 1em);\n --message-roomy-padding: calc(var(--message-vertical-padding) + 0.5em) calc(var(--message-horizontal-padding) + 0.5em);\n --message-roomy-min-height: 5em;\n --message-compact-with-icon-decorative-scale: 1.25; /* Scales icon size. Basically like unit-less ems. */\n --message-compact-with-icon-decorative-top: calc((0.625 + (var(--line-height-base) - var(--message-compact-with-icon-decorative-scale))/2) / var(--message-compact-with-icon-decorative-scale) * 1em);\n --message-compact-padding: calc(var(--message-vertical-padding) - 0.5em) calc(var(--message-horizontal-padding) - 0.5em);\n --message-compact-min-height: 3em;\n\n /* forms */\n --fieldset-border-width: var(--border-width-sm) 0;\n --fieldset-border-style: solid;\n --fieldset-border-color: var(--fa-md-gravy);\n --fieldset-background: none;\n --fieldset-padding: 0 0 var(--spacing-sm) 0;\n --legend-background: transparent;\n --legend-padding: 0 var(--spacing-sm) 0 0;\n --legend-font-weight: bold;\n --legend-color: var(--fa-dk-gravy);\n --label-font-weight: bold;\n --label-font-size: var(--font-size-md);\n --label-color: var(--text-color);\n --label-required-color: var(--label-color);\n --label-disabled-color: var(--fa-dk-gravy);\n --input-font-size: var(--font-size-md);\n --input-font-weight: bold;\n --input-background: var(--white);\n --input-min-height: 4em; /* 64px min height for input, textarea, & select */\n --input-padding-vertical: calc((var(--input-min-height) - (var(--input-font-size) * var(--line-height-base)) - (var(--input-border-width) * 2)) / 2);\n --input-padding-horizontal: var(--spacing-xl);\n --input-padding: var(--input-padding-vertical) var(--input-padding-horizontal);\n --input-border-width: var(--border-width-sm);\n --input-border-style: solid;\n --input-border-radius: var(--border-radius-md);\n --input-border-color: var(--fa-md-gravy);\n --input-box-shadow: inset 0 0.25em 0 0 var(--fa-lt-gravy);\n --input-with-icon-scale: 1.25;\n --input-with-icon-color: var(--fa-gravy);\n --input-affix-background: var(--input-border-color);\n --input-affix-color: var(--white);\n --help-font-size: var(--font-size-sm);\n --help-color: var(--fa-dk-gravy);\n --input-disabled-box-shadow: none;\n --input-disabled-background: var(--fa-gravy);\n --input-disabled-color: var(--fa-dk-gravy);\n --input-disabled-border-color: var(--input-disabled-background);\n --input-disabled-opacity: 1;\n --input-placeholder-color: var(--fa-gravy);\n --input-placeholder-font-weight: normal;\n --form-button-margin: var(--spacing-sm) 0 0;\n\n /* cards */\n --card-display: block;\n --card-vertical-padding: calc((var(--card-min-height) - (var(--font-size-base) * var(--line-height-base)) - (var(--card-border-width) * 2)) / 2);\n --card-horizontal-padding: var(--spacing-xl);\n --card-text-align: center;\n --card-border-width: 0em; /* I shit you not. CSS calc cannot add 0 to something with units without 0 having units on it too. */\n --card-border-style: solid;\n --card-border-color: var(--white);\n --card-padding: var(--card-vertical-padding) var(--card-horizontal-padding);\n --card-border-radius: var(--border-radius-md);\n --card-margin-bottom: var(--spacing-xl);\n --card-vertical-align: top;\n --card-min-height: 4em; /* 64px min height for cards. A ton of math is based on this number, including vertical padding. */\n --card-roomy-vertical-padding: calc((var(--card-roomy-min-height) - (var(--font-size-base) * var(--line-height-base)) - (var(--card-border-width) * 2)) / 2);\n --card-roomy-horizontal-padding: var(--spacing-2xl);\n --card-roomy-min-height: 5em;\n --card-compact-vertical-padding: calc((var(--card-compact-min-height) - (var(--font-size-base) * var(--line-height-base)) - (var(--card-border-width) * 2)) / 2);\n --card-compact-horizontal-padding: var(--spacing-lg);\n --card-compact-min-height: 3em;\n --card-link-text-decoration: none;\n --card-link-hover-border-width: 0.125em;\n --card-link-hover-border-style: solid;\n --card-link-hover-text-decoration: none;\n --card-color: var(--fa-navy);\n --card-background: var(--white);\n --card-link-box-shadow: var(--with-shadow-box-shadow);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--white);\n --card-link-hover-color: var(--fa-dk-blue);\n --card-link-hover-border-color: var(--fa-blue);\n --card-header-border: 0.125em dotted var(--fa-dk-navy);\n --card-header-background: var(--fa-navy);\n --card-header-color: var(--white);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n --card-section-border: 0.125em dotted var(--fa-lt-gravy);\n --card-section-color: var(--card-color);\n\n /* with-close */\n --with-close-close-font-size: var(--font-size-xl);\n --with-close-times-color: var(--white);\n --with-close-close-color: inherit;\n --with-close-close-hover-color: var(--fa-dk-red);\n\n /* focus */\n --focus-border-color: var(--blue3);\n --focus-box-shadow: 0 0 3px 3px var(--blue3);\n\n /* modals */\n --modal-min-height: 4em;\n --modal-padding: 2em;\n --modal-border-radius: var(--border-radius-md);\n --modal-margin: var(--font-size-2xl) auto 0;\n --modal-transition-duration: var(--timing-xfast);\n --modal-shadow: rgba(81, 94, 123, 0.5);\n --modal-opacity: 0;\n\n /* icons */\n --icon-caret-down: url("data:image/svg+xml,%3Csvg aria-hidden=\'true\' focusable=\'false\' data-prefix=\'fas\' data-icon=\'caret-down\' class=\'svg-inline--fa fa-caret-down fa-w-10\' role=\'img\' xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 320 512\'%3E%3Cpath fill=\'rgb(73, 80, 87)\' d=\'M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\'%3E%3C/path%3E%3C/svg%3E");\n}\n/* alias: misc states */\n/* alias: system states */\n/* alias: theme states */\n/* alias: color states */\n/* alias: state custom selector rollups */\n/* Inverted States */\n/* alias: buttons */\n/* alias: add-ons */\n/* alias: code */\n/* alias: headings */\n/* alias: lists */\n/* alias: messages */\n/* alias: modals */\n/* alias: icons */\n/* alias: forms */\n/* alias: block-level elements */\n/* viewports */\n/* 768px */\n/* 1024px */\n/* 1536px */\n/* misc state variables */\n.default {\n --button-background: var(--white);\n --button-hover-background: var(--fa-gravy);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--white);\n --message-border-color: var(--white);\n --message-with-icon-decorative-color: var(--fa-md-gravy);\n --with-close-close-color: var(--fa-navy);\n --border-color: var(--gray-400);\n --link-color: var(--fa-dk-blue);\n --link-hover-color: var(--fa-blue);\n --table-background: var(--gray-50);\n --table-th-background: var(--gray-100);\n --table-row-background: var(--gray-50);\n --table-striped-row-background: var(--gray-100);\n --table-cell-border-color: var(--gray-300);\n --table-cell-background: transparent;\n --table-hover-background-color: var(--gray-400);\n --table-th-border-color: var(--gray-300);\n --tag-background: var(--fa-gravy);\n --tag-color: var(--fa-navy);\n --tag-link-hover-color: var(--fa-dk-blue);\n --fieldset-border-color: var(--gray-200);\n --legend-color: var(--gray-400);\n --card-color: var(--fa-navy);\n --card-background: var(--white);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--white);\n --card-link-hover-color: var(--fa-dk-blue);\n --card-link-hover-border-color: var(--fa-dk-blue);\n --card-header-background: var(--fa-navy);\n --card-header-color: var(--white);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n}\n.muted,.mute {\n --text-color: var(--fa-md-gravy);\n --hr-border-color: var(--gray-300);\n}\n/* theme state variables */\n.primary {\n --button-background: var(--white);\n --button-hover-background: var(--fa-gravy);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--white);\n --message-border-color: var(--white);\n --message-with-icon-decorative-color: var(--fa-md-gravy);\n --with-close-close-color: var(--fa-navy);\n --border-color: var(--blue3);\n --link-color: var(--fa-dk-blue);\n --link-hover-color: var(--fa-blue);\n --table-background: var(--blue0);\n --table-th-background: var(--blue1);\n --table-row-background: var(--blue0);\n --table-striped-row-background: var(--blue1);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--blue2);\n --table-hover-background-color: var(--blue1);\n --table-th-border-color: var(--blue2);\n --tag-background: var(--fa-navy);\n --tag-color: var(--white);\n --tag-link-hover-color: var(--fa-blue);\n --card-color: var(--fa-navy);\n --card-background: var(--white);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--white);\n --card-link-hover-color: var(--fa-dk-blue);\n --card-link-hover-border-color: var(--fa-dk-blue);\n --card-header-background: var(--fa-navy);\n --card-header-color: var(--white);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n}\n.secondary {\n --button-background: var(--fa-lt-gravy);\n --button-hover-background: var(--fa-gravy);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--fa-lt-gravy);\n --message-border-color: var(--fa-gravy);\n --message-with-icon-decorative-color: var(--fa-md-gravy);\n --with-close-close-color: var(--fa-navy);\n --border-color: var(--gray-400);\n --link-color: var(--fa-md-gravy);\n --link-hover-color: var(--fa-dk-blue);\n --table-background: var(--gray-50);\n --table-th-background: var(--gray-100);\n --table-row-background: var(--gray-50);\n --table-striped-row-background: var(--gray-100);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--gray-300);\n --table-hover-background-color: var(--gray-100);\n --table-th-border-color: var(--gray-300);\n --tag-background: var(--white);\n --tag-color: var(--fa-navy);\n --tag-link-hover-color: var(--fa-dk-blue);\n --card-border-width: 0.125em;\n --card-border-color: var(--fa-gravy);\n --card-color: var(--fa-navy);\n --card-background: var(--fa-lt-gravy);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--fa-navy);\n --card-link-hover-color: var(--white);\n --card-link-hover-border-color: var(--fa-navy);\n --card-header-background: var(--fa-md-gravy);\n --card-header-color: var(--white);\n --card-header-link-hover-background: var(--fa-lt-gravy);\n --card-header-link-hover-color: var(--card-link-hover-background);\n --card-section-border: 0.125em solid var(--card-border-color);\n}\n.accent {\n --button-background: var(--fa-yellow);\n --button-hover-background: var(--fa-dk-yellow);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--white);\n --message-border-color: var(--fa-dk-yellow);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --border-color: var(--fa-yellow);\n --link-color: var(--fa-dk-yellow);\n --link-hover-color: var(--fa-yellow);\n --table-background: var(--teal0);\n --table-th-background: var(--teal1);\n --table-row-background: var(--teal0);\n --table-striped-row-background: var(--teal1);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--teal2);\n --table-hover-background-color: var(--teal1);\n --table-th-border-color: var(--teal2);\n --tag-background: var(--fa-yellow);\n --tag-color: var(--fa-navy);\n --tag-link-hover-color: var(--fa-dk-blue);\n --fieldset-border-color: var(--fa-yellow);\n --legend-color: var(--fa-dk-yellow);\n --card-color: var(--fa-navy);\n --card-background: var(--white);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--fa-yellow);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-link-hover-background);\n --card-header-background: var(--fa-navy);\n --card-header-color: var(--white);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n --card-section-color: var(--fa-navy);\n --card-section-border: 0.125em solid var(--fa-lt-gravy);\n}\n.light {\n --button-background: var(--fa-gravy);\n --button-hover-background: var(--fa-md-gravy);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--white);\n --message-border-color: var(--fa-md-gravy);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --border-color: var(--white);\n --link-color: var(--fa-md-gravy);\n --link-hover-color: var(--fa-gravy);\n --table-background: var(--white);\n --table-th-background: var(--white);\n --table-row-background: var(--white);\n --table-striped-row-background: var(--gray-50);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--gray-200);\n --table-hover-background-color: var(--gray-100);\n --table-th-border-color: var(--gray-300);\n --tag-background: var(--fa-gravy);\n --tag-color: var(--fa-navy);\n --tag-link-hover-color: var(--fa-dk-blue);\n --card-background: var(--white);\n --card-color: var(--fa-md-gravy);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--white);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-gravy);\n --card-header-color: var(--fa-navy);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n}\n/* system state variables */\n.success {\n --button-background: var(--fa-teal);\n --button-hover-background: var(--fa-dk-teal);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--white);\n --message-border-color: var(--fa-dk-teal);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --border-color: var(--teal3);\n --link-color: var(--fa-dk-teal);\n --link-hover-color: var(--fa-teal);\n --table-background: var(--teal0);\n --table-th-background: var(--teal2);\n --table-row-background: var(--teal1);\n --table-striped-row-background: var(--teal0);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--teal2);\n --table-hover-background-color: var(--teal2);\n --table-th-border-color: var(--teal2);\n --tag-background: var(--fa-teal);\n --tag-color: var(--fa-navy);\n --tag-link-hover-color: var(--fa-dk-teal);\n --label-color: var(--fa-dk-teal);\n --label-required-color: var(--fa-dk-teal);\n --input-border-color: var(--fa-teal);\n --input-affix-background: var(--input-border-color);\n --card-background: var(--white);\n --card-color: var(--fa-dk-teal);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--white);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-teal);\n --card-header-color: var(--fa-navy);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n}\n.warning {\n --button-background: var(--fa-yellow);\n --button-hover-background: var(--fa-dk-yellow);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--white);\n --message-border-color: var(--fa-dk-yellow);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --border-color: var(--yellow3);\n --link-color: var(--fa-dk-yellow);\n --link-hover-color: var(--fa-yellow);\n --table-background: var(--yellow0);\n --table-th-background: var(--yellow2);\n --table-row-background: var(--yellow1);\n --table-striped-row-background: var(--yellow0);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--yellow2);\n --table-hover-background-color: var(--yellow2);\n --table-th-border-color: var(--yellow2);\n --tag-background: var(--fa-yellow);\n --tag-color: var(--fa-navy);\n --tag-link-hover-color: var(--fa-md-gravy);\n --label-color: var(--fa-dk-yellow);\n --label-required-color: var(--fa-dk-yellow);\n --input-border-color: var(--fa-yellow);\n --input-affix-background: var(--input-border-color);\n --card-background: var(--white);\n --card-color: var(--fa-dk-yellow);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--white);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-yellow);\n --card-header-color: var(--fa-navy);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n}\n.danger {\n --button-background: var(--fa-red);\n --button-hover-background: var(--fa-dk-red);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--white);\n --message-border-color: var(--fa-dk-red);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --link-color: var(--fa-dk-red);\n --link-hover-color: var(--fa-red);\n --table-background: var(--red0);\n --table-th-background: var(--red2);\n --table-row-background: var(--red1);\n --table-striped-row-background: var(--red0);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--red2);\n --table-hover-background-color: var(--red2);\n --table-th-border-color: var(--red2);\n --tag-background: var(--fa-red);\n --tag-color: var(--fa-navy);\n --tag-link-hover-color: var(--fa-dk-red);\n --label-color: var(--dk-red);\n --label-required-color: var(--fa-dk-red);\n --input-border-color: var(--fa-red);\n --input-affix-background: var(--input-border-color);\n --card-background: var(--white);\n --card-color: var(--fa-dk-red);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--white);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-red);\n --card-header-color: var(--fa-navy);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n}\n.info {\n --button-background: var(--fa-blue);\n --button-hover-background: var(--fa-dk-blue);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--white);\n --message-border-color: var(--fa-dk-blue);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --border-color: var(--blue3);\n --link-color: var(--fa-dk-blue);\n --link-hover-color: var(--fa-blue);\n --table-background: var(--blue0);\n --table-th-background: var(--blue2);\n --table-row-background: var(--blue1);\n --table-striped-row-background: var(--blue0);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--blue2);\n --table-hover-background-color: var(--blue2);\n --table-th-border-color: var(--blue2);\n --tag-background: var(--fa-blue);\n --tag-color: var(--fa-navy);\n --tag-link-hover-color: var(--fa-dk-blue);\n --label-color: var(--fa-dk-blue);\n --label-required-color: var(--fa-dk-blue);\n --input-border-color: var(--fa-blue);\n --input-affix-background: var(--input-border-color);\n --card-background: var(--white);\n --card-color: var(--fa-dk-blue);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--white);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-blue);\n --card-header-color: var(--fa-navy);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n}\n/* color state variables */\n.gray {\n --button-background: var(--fa-gravy);\n --button-hover-background: var(--fa-md-gravy);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--white);\n --message-border-color: var(--fa-md-gravy);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --link-color: var(--fa-md-gravy);\n --link-hover-color: var(--fa-gravy);\n --table-background: var(--gray-50);\n --table-th-background: var(--gray-100);\n --table-row-background: var(--gray-50);\n --table-striped-row-background: var(--gray-100);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--gray-300);\n --table-hover-background-color: var(--gray-100);\n --table-th-border-color: var(--gray-300);\n --tag-background: var(--fa-gravy);\n --tag-color: var(--fa-navy);\n --tag-link-hover-color: var(--fa-dk-blue);\n --fieldset-border-color: var(--fa-gravy);\n --legend-color: var(--fa-md-gravy);\n --card-background: var(--white);\n --card-color: var(--fa-md-gravy);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--white);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-gravy);\n --card-header-color: var(--fa-navy);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n}\n.red {\n --button-background: var(--fa-red);\n --button-hover-background: var(--fa-dk-red);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--white);\n --message-border-color: var(--fa-dk-red);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --border-color: var(--red3);\n --link-color: var(--fa-dk-red);\n --link-hover-color: var(--fa-red);\n --table-background: var(--red0);\n --table-th-background: var(--red1);\n --table-row-background: var(--red0);\n --table-striped-row-background: var(--red1);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--red2);\n --table-hover-background-color: var(--red1);\n --table-th-border-color: var(--red2);\n --tag-background: var(--fa-red);\n --tag-color: var(--fa-navy);\n --tag-link-hover-color: var(--fa-dk-red);\n --fieldset-border-color: var(--fa-red);\n --legend-color: var(--fa-dk-red);\n --card-background: var(--white);\n --card-color: var(--fa-dk-red);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--white);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-red);\n --card-header-color: var(--fa-navy);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n}\n.purple {\n --button-background: var(--fa-purple);\n --button-hover-background: var(--fa-dk-purple);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--white);\n --message-border-color: var(--fa-dk-purple);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --border-color: var(--grape3);\n --link-color: var(--fa-dk-purple);\n --link-hover-color: var(--fa-purple);\n --table-background: var(--grape0);\n --table-th-background: var(--grape1);\n --table-row-background: var(--grape0);\n --table-striped-row-background: var(--grape1);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--grape2);\n --table-hover-background-color: var(--grape1);\n --table-th-border-color: var(--grape2);\n --tag-background: var(--fa-purple);\n --tag-color: var(--fa-navy);\n --tag-link-hover-color: var(--fa-dk-purple);\n --fieldset-border-color: var(--fa-purple);\n --legend-color: var(--fa-dk-purple);\n --card-background: var(--white);\n --card-color: var(--fa-dk-purple);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--white);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-purple);\n --card-header-color: var(--fa-navy);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n}\n.violet {\n --button-background: var(--fa-violet);\n --button-hover-background: var(--fa-dk-violet);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--white);\n --message-border-color: var(--fa-dk-violet);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --border-color: var(--violet3);\n --link-color: var(--fa-dk-violet);\n --link-hover-color: var(--fa-violet);\n --table-background: var(--violet0);\n --table-th-background: var(--violet1);\n --table-row-background: var(--violet0);\n --table-striped-row-background: var(--violet1);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--violet2);\n --table-hover-background-color: var(--violet1);\n --table-th-border-color: var(--violet2);\n --tag-background: var(--fa-violet);\n --tag-color: var(--fa-navy);\n --tag-link-hover-color: var(--fa-dk-violet);\n --fieldset-border-color: var(--fa-violet);\n --legend-color: var(--fa-dk-violet);\n --card-background: var(--white);\n --card-color: var(--fa-dk-violet);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--white);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-violet);\n --card-header-color: var(--fa-navy);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n}\n.blue {\n --button-background: var(--fa-blue);\n --button-hover-background: var(--fa-dk-blue);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--white);\n --message-border-color: var(--fa-dk-blue);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --border-color: var(--blue3);\n --link-color: var(--fa-dk-blue);\n --link-hover-color: var(--fa-blue);\n --table-background: var(--blue0);\n --table-th-background: var(--blue1);\n --table-row-background: var(--blue0);\n --table-striped-row-background: var(--blue1);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--blue2);\n --table-hover-background-color: var(--blue1);\n --table-th-border-color: var(--blue2);\n --tag-background: var(--fa-blue);\n --tag-color: var(--fa-navy);\n --tag-link-hover-color: var(--fa-dk-blue);\n --fieldset-border-color: var(--fa-blue);\n --legend-color: var(--fa-dk-blue);\n --card-background: var(--white);\n --card-color: var(--fa-dk-blue);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--white);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-blue);\n --card-header-color: var(--fa-navy);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n}\n.teal {\n --button-background: var(--fa-teal);\n --button-hover-background: var(--fa-dk-teal);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--white);\n --message-border-color: var(--fa-dk-teal);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --border-color: var(--teal3);\n --link-color: var(--fa-dk-teal);\n --link-hover-color: var(--fa-teal);\n --table-background: var(--teal0);\n --table-th-background: var(--teal1);\n --table-row-background: var(--teal0);\n --table-striped-row-background: var(--teal1);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--teal2);\n --table-hover-background-color: var(--teal1);\n --table-th-border-color: var(--teal2);\n --tag-background: var(--fa-teal);\n --tag-color: var(--fa-navy);\n --tag-link-hover-color: var(--fa-dk-teal);\n --fieldset-border-color: var(--fa-teal);\n --legend-color: var(--fa-dk-teal);\n --card-background: var(--white);\n --card-color: var(--fa-dk-teal);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--white);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-teal);\n --card-header-color: var(--fa-navy);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n}\n.yellow {\n --button-background: var(--fa-yellow);\n --button-hover-background: var(--fa-dk-yellow);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--white);\n --message-border-color: var(--fa-dk-yellow);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --border-color: var(--yellow3);\n --link-color: var(--fa-dk-yellow);\n --link-hover-color: var(--fa-yellow);\n --table-background: var(--yellow0);\n --table-th-background: var(--yellow1);\n --table-row-background: var(--yellow0);\n --table-striped-row-background: var(--yellow1);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--yellow2);\n --table-hover-background-color: var(--yellow1);\n --table-th-border-color: var(--yellow2);\n --tag-background: var(--fa-yellow);\n --tag-color: var(--fa-navy);\n --tag-link-hover-color: var(--fa-md-gravy);\n --fieldset-border-color: var(--fa-yellow);\n --legend-color: var(--fa-dk-yellow);\n --card-background: var(--white);\n --card-color: var(--fa-dk-yellow);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--white);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-yellow);\n --card-header-color: var(--fa-navy);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n}\n/* add-ons */\ni[class*="fa-"],.svg-inline--fa {\n --spacing-inline: var(--spacing-6xs);\n}\n/* misc state variables */\n.inverted {\n --body-background: var(--fa-navy);\n --body-color: var(--white);\n --button-border-color: var(--white);\n --button-active-border-color: var(--button-border-color);\n --button-color: var(--white);\n --button-hover-color: var(--button-color);\n --button-active-background: var(--button-color);\n --message-color: var(--body-color);\n --with-close-close-hover-color: var(--fa-red);\n --border-color: var(--fa-dk-gravy);\n --card-border-color: var(--white);\n --card-section-color: var(--card-color);\n --card-section-border: 0.125em solid var(--body-background);\n --card-link-box-shadow: 0 var(--with-shadow-box-shadow-width) 0 var(--fa-dk-gravy);\n\n background: #f0f1f3;\n\n background: var(--body-background);\n color: #183153;\n color: var(--body-color);\n}\n.inverted,\n.inverted .default,\n.inverted.default {\n --button-background: var(--fa-dk-navy);\n --button-hover-background: var(--fa-navy);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--fa-dk-navy);\n --message-border-color: var(--fa-dk-navy);\n --message-with-icon-decorative-color: var(--fa-md-gravy);\n --with-close-times-color: var(--fa-dk-navy);\n --with-close-close-color: var(--white);\n --link-color: var(--fa-blue);\n --link-hover-color: var(--fa-dk-blue);\n --tag-background: var(--fa-dk-gravy);\n --tag-color: var(--white);\n --tag-link-hover-color: var(--fa-blue);\n --card-background: var(--fa-dk-navy);\n --card-color: var(--white);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--card-background);\n --card-link-hover-color: var(--fa-blue);\n --card-link-hover-border-color: var(--card-link-hover-color);\n --card-header-background: var(--white);\n --card-header-color: var(--fa-navy);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n --table-background: var(--gray-50);\n --table-th-background: var(--gray-100);\n --table-row-background: var(--gray-50);\n --table-striped-row-background: var(--gray-100);\n --table-cell-border-color: var(--gray-300);\n --table-cell-background: transparent;\n --table-hover-background-color: var(--gray-400);\n --table-th-border-color: var(--gray-300);\n --fieldset-border-color: var(--gray-200);\n --legend-color: var(--gray-400);\n}\n.inverted .primary,\n.inverted.primary {\n --button-background: var(--fa-dk-navy);\n --button-hover-background: var(--fa-navy);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--fa-dk-navy);\n --message-border-color: var(--fa-dk-navy);\n --message-with-icon-decorative-color: var(--fa-md-gravy);\n --with-close-times-color: var(--fa-dk-navy);\n --with-close-close-color: var(--white);\n --link-color: var(--fa-blue);\n --link-hover-color: var(--fa-dk-blue);\n --tag-background: var(--fa-gravy);\n --tag-color: var(--fa-navy);\n --tag-link-hover-color: var(--fa-dk-blue);\n --card-background: var(--fa-dk-navy);\n --card-color: var(--white);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--card-background);\n --card-link-hover-color: var(--fa-blue);\n --card-link-hover-border-color: var(--card-link-hover-color);\n --card-header-background: var(--white);\n --card-header-color: var(--fa-navy);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n --table-background: var(--gray-50);\n --table-th-background: var(--gray-100);\n --table-row-background: var(--gray-50);\n --table-striped-row-background: var(--gray-100);\n --table-cell-border-color: var(--gray-300);\n --table-cell-background: transparent;\n --table-hover-background-color: var(--gray-400);\n --table-th-border-color: var(--gray-300);\n --fieldset-border-color: var(--gray-200);\n --legend-color: var(--gray-400);\n}\n.inverted .secondary,\n.inverted.secondary {\n --button-background: var(--fa-navy);\n --button-hover-background: var(--fa-dk-gravy);\n --button-active-color: var(--button-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--fa-navy);\n --message-border-color: var(--fa-dk-gravy);\n --message-with-icon-decorative-color: var(--fa-md-gravy);\n --with-close-close-color: var(--fa-gravy);\n --link-color: var(--fa-md-gravy);\n --link-hover-color: var(--fa-blue);\n --tag-background: var(--fa-dk-navy);\n --tag-color: var(--fa-lt-gravy);\n --tag-link-hover-color: var(--fa-blue);\n --card-border-width: 0.125em;\n --card-border-color: var(--fa-dk-gravy);\n --card-color: var(--white);\n --card-background: var(--fa-navy);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--fa-lt-gravy);\n --card-link-hover-color: var(--fa-dk-navy);\n --card-link-hover-border-color: var(--fa-lt-gravy);\n --card-header-background: var(--fa-md-gravy);\n --card-header-color: var(--fa-navy);\n --card-header-link-hover-background: var(--fa-navy);\n --card-header-link-hover-color: var(--card-link-hover-background);\n --card-section-border: 0.125em solid var(--card-border-color);\n --border-color: var(--gray-400);\n --table-background: var(--gray-50);\n --table-th-background: var(--gray-100);\n --table-row-background: var(--gray-50);\n --table-striped-row-background: var(--gray-100);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--gray-300);\n --table-hover-background-color: var(--gray-100);\n --table-th-border-color: var(--gray-300);\n}\n.inverted .accent,\n.inverted.accent {\n --button-background: var(--fa-dk-navy);\n --button-color: var(--fa-yellow);\n --button-border-color: var(--button-color);\n --button-hover-background: var(--button-background);\n --button-hover-color: var(--fa-dk-yellow);\n --button-active-background: var(--button-color);\n --button-active-color: var(--button-background);\n --button-active-border-color: var(--button-active-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--fa-dk-navy);\n --message-border-color: var(--fa-yellow);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --link-color: var(--fa-yellow);\n --link-hover-color: var(--fa-dk-yellow);\n --tag-background: var(--fa-dk-yellow);\n --tag-color: var(--fa-navy);\n --tag-link-hover-color: var(--fa-dk-gravy);\n --card-color: var(--white);\n --card-background: var(--fa-dk-navy);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--fa-dk-yellow);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-link-hover-background);\n --card-header-background: var(--fa-lt-gravy);\n --card-header-color: var(--fa-dk-navy);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n --card-section-color: var(--white);\n --card-section-border: 0.125em solid var(--fa-navy);\n --border-color: var(--fa-dk-yellow);\n --table-background: var(--teal0);\n --table-th-background: var(--teal1);\n --table-row-background: var(--teal0);\n --table-striped-row-background: var(--teal1);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--teal2);\n --table-hover-background-color: var(--teal1);\n --table-th-border-color: var(--teal2);\n --fieldset-border-color: var(--fa-yellow);\n --legend-color: var(--fa-dk-yellow);\n}\n.inverted .light,\n.inverted.light,\n.inverted .gray,\n.inverted.gray {\n --button-background: var(--body-background);\n --button-color: var(--fa-gravy);\n --button-border-color: var(--button-color);\n --button-hover-background: var(--button-background);\n --button-hover-color: var(--fa-md-gravy);\n --button-active-background: var(--button-color);\n --button-active-color: var(--button-background);\n --button-active-border-color: var(--button-active-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--fa-dk-navy);\n --message-border-color: var(--fa-md-gravy);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --link-color: var(--fa-md-gravy);\n --link-hover-color: var(--fa-dk-gravy);\n --tag-background: var(--fa-dk-gravy);\n --tag-color: var(--white);\n --tag-link-hover-color: var(--fa-blue);\n --card-background: var(--fa-dk-navy);\n --card-color: var(--fa-md-gravy);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--fa-dk-navy);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-dk-gravy);\n --card-header-color: var(--white);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n --table-background: var(--gray-50);\n --table-th-background: var(--gray-100);\n --table-row-background: var(--gray-50);\n --table-striped-row-background: var(--gray-100);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--gray-300);\n --table-hover-background-color: var(--gray-100);\n --table-th-border-color: var(--gray-300);\n --fieldset-border-color: var(--fa-gravy);\n --legend-color: var(--fa-md-gravy);\n}\n.inverted .danger,\n.inverted.danger,\n.inverted .red,\n.inverted.red {\n --button-background: var(--body-background);\n --button-color: var(--fa-red);\n --button-border-color: var(--button-color);\n --button-hover-background: var(--button-background);\n --button-hover-color: var(--fa-dk-red);\n --button-active-background: var(--button-color);\n --button-active-color: var(--button-background);\n --button-active-border-color: var(--button-active-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--fa-dk-navy);\n --message-border-color: var(--fa-red);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --link-color: var(--fa-red);\n --link-hover-color: var(--fa-dk-red);\n --tag-background: var(--fa-dk-red);\n --tag-color: var(--white);\n --tag-link-hover-color: var(--fa-red);\n --card-background: var(--fa-dk-navy);\n --card-color: var(--fa-red);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--fa-dk-navy);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-dk-red);\n --card-header-color: var(--white);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n --border-color: var(--red3);\n --table-background: var(--red0);\n --table-th-background: var(--red1);\n --table-row-background: var(--red0);\n --table-striped-row-background: var(--red1);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--red2);\n --table-hover-background-color: var(--red1);\n --table-th-border-color: var(--red2);\n --fieldset-border-color: var(--fa-red);\n --legend-color: var(--fa-dk-red);\n}\n.inverted .purple,\n.inverted.purple {\n --button-background: var(--body-background);\n --button-color: var(--fa-purple);\n --button-border-color: var(--button-color);\n --button-hover-background: var(--button-background);\n --button-hover-color: var(--fa-dk-purple);\n --button-active-background: var(--button-color);\n --button-active-color: var(--button-background);\n --button-active-border-color: var(--button-active-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--fa-dk-navy);\n --message-border-color: var(--fa-purple);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --link-color: var(--fa-purple);\n --link-hover-color: var(--fa-dk-purple);\n --tag-background: var(--fa-dk-purple);\n --tag-color: var(--white);\n --tag-link-hover-color: var(--fa-purple);\n --card-background: var(--fa-dk-navy);\n --card-color: var(--fa-purple);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--fa-dk-navy);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-dk-purple);\n --card-header-color: var(--white);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n --border-color: var(--grape3);\n --table-background: var(--grape0);\n --table-th-background: var(--grape1);\n --table-row-background: var(--grape0);\n --table-striped-row-background: var(--grape1);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--grape2);\n --table-hover-background-color: var(--grape1);\n --table-th-border-color: var(--grape2);\n --fieldset-border-color: var(--fa-purple);\n --legend-color: var(--fa-dk-purple);\n}\n.inverted .violet,\n.inverted.violet {\n --button-background: var(--body-background);\n --button-color: var(--fa-violet);\n --button-border-color: var(--button-color);\n --button-hover-background: var(--button-background);\n --button-hover-color: var(--fa-dk-violet);\n --button-active-background: var(--button-color);\n --button-active-color: var(--button-background);\n --button-active-border-color: var(--button-active-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--fa-dk-navy);\n --message-border-color: var(--fa-violet);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --link-color: var(--fa-violet);\n --link-hover-color: var(--fa-dk-violet);\n --tag-background: var(--fa-dk-violet);\n --tag-color: var(--white);\n --tag-link-hover-color: var(--fa-violet);\n --card-background: var(--fa-dk-navy);\n --card-color: var(--fa-violet);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--fa-dk-navy);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-dk-violet);\n --card-header-color: var(--white);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n --border-color: var(--violet3);\n --table-background: var(--violet0);\n --table-th-background: var(--violet1);\n --table-row-background: var(--violet0);\n --table-striped-row-background: var(--violet1);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--violet2);\n --table-hover-background-color: var(--violet1);\n --table-th-border-color: var(--violet2);\n --fieldset-border-color: var(--fa-violet);\n --legend-color: var(--fa-dk-violet);\n}\n.inverted .info,\n.inverted.info,\n.inverted .blue,\n.inverted.blue {\n --button-background: var(--body-background);\n --button-color: var(--fa-blue);\n --button-border-color: var(--button-color);\n --button-hover-background: var(--button-background);\n --button-hover-color: var(--fa-dk-blue);\n --button-active-background: var(--button-color);\n --button-active-color: var(--button-background);\n --button-active-border-color: var(--button-active-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--fa-dk-navy);\n --message-border-color: var(--fa-blue);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --link-color: var(--fa-blue);\n --link-hover-color: var(--fa-dk-blue);\n --tag-background: var(--fa-dk-blue);\n --tag-color: var(--white);\n --tag-link-hover-color: var(--fa-blue);\n --card-background: var(--fa-dk-navy);\n --card-color: var(--fa-blue);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--fa-dk-navy);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-dk-blue);\n --card-header-color: var(--white);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n --border-color: var(--blue3);\n --table-background: var(--blue0);\n --table-th-background: var(--blue1);\n --table-row-background: var(--blue0);\n --table-striped-row-background: var(--blue1);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--blue2);\n --table-hover-background-color: var(--blue1);\n --table-th-border-color: var(--blue2);\n --fieldset-border-color: var(--fa-blue);\n --legend-color: var(--fa-dk-blue);\n}\n.inverted .success,\n.inverted.success,\n.inverted .teal,\n.inverted.teal {\n --button-background: var(--body-background);\n --button-color: var(--fa-teal);\n --button-border-color: var(--button-color);\n --button-hover-background: var(--button-background);\n --button-hover-color: var(--fa-dk-teal);\n --button-active-background: var(--button-color);\n --button-active-color: var(--button-background);\n --button-active-border-color: var(--button-active-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--fa-dk-navy);\n --message-border-color: var(--fa-teal);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --link-color: var(--fa-teal);\n --link-hover-color: var(--fa-dk-teal);\n --tag-background: var(--fa-dk-teal);\n --tag-color: var(--white);\n --tag-link-hover-color: var(--fa-teal);\n --card-background: var(--fa-dk-navy);\n --card-color: var(--fa-teal);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--fa-dk-navy);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-dk-teal);\n --card-header-color: var(--white);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n --border-color: var(--teal3);\n --table-background: var(--teal0);\n --table-th-background: var(--teal1);\n --table-row-background: var(--teal0);\n --table-striped-row-background: var(--teal1);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--teal2);\n --table-hover-background-color: var(--teal1);\n --table-th-border-color: var(--teal2);\n --fieldset-border-color: var(--fa-teal);\n --legend-color: var(--fa-dk-teal);\n}\n.inverted .warning,\n.inverted.warning,\n.inverted .yellow,\n.inverted.yellow {\n --button-background: var(--body-background);\n --button-color: var(--fa-yellow);\n --button-border-color: var(--button-color);\n --button-hover-background: var(--button-background);\n --button-hover-color: var(--fa-dk-yellow);\n --button-active-background: var(--button-color);\n --button-active-color: var(--button-background);\n --button-active-border-color: var(--button-active-background);\n --button-disabled-background: var(--button-background);\n --message-background: var(--fa-dk-navy);\n --message-border-color: var(--fa-yellow);\n --message-with-icon-decorative-color: var(--message-border-color);\n --with-close-close-color: var(--message-border-color);\n --link-color: var(--fa-yellow);\n --link-hover-color: var(--fa-dk-yellow);\n --tag-background: var(--fa-dk-yellow);\n --tag-color: var(--fa-navy);\n --tag-link-hover-color: var(--fa-dk-gravy);\n --card-background: var(--fa-dk-navy);\n --card-color: var(--fa-yellow);\n --card-link-background: var(--card-background);\n --card-link-color: var(--card-color);\n --card-link-hover-background: var(--fa-dk-navy);\n --card-link-hover-color: var(--card-color);\n --card-link-hover-border-color: var(--card-color);\n --card-header-background: var(--fa-dk-yellow);\n --card-header-color: var(--white);\n --card-header-link-hover-background: var(--card-link-hover-color);\n --card-header-link-hover-color: var(--card-link-hover-background);\n --border-color: var(--yellow3);\n --table-background: var(--yellow0);\n --table-th-background: var(--yellow1);\n --table-row-background: var(--yellow0);\n --table-striped-row-background: var(--yellow1);\n --table-cell-background: transparent;\n --table-cell-border-color: var(--yellow2);\n --table-hover-background-color: var(--yellow1);\n --table-th-border-color: var(--yellow2);\n --fieldset-border-color: var(--fa-yellow);\n --legend-color: var(--fa-dk-yellow);\n}\nhtml {\n -ms-overflow-style: -ms-autohiding-scrollbar; /* make sure Edge/IE scrollbars are shown when needed but not otherwise */\n -webkit-text-size-adjust: 100%;\n -moz-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n text-size-adjust: 100%;\n font-size: 14px;\n font-size: var(--font-size-root);\n}\n@media (min-width: 48rem) {\n html {\n font-size: 16px;\n font-size: var(--font-size-root-tablet);\n }\n}\nbody {\n margin: 0;\n padding: 0;\n min-height: 100vh;\n overflow-x: hidden;\n text-align: left;\n text-align: var(--text-align);\n}\ntable {\n border-collapse: collapse;\n border-collapse: var(--table-cell-border-collapse);\n border-spacing: none;\n border-spacing: var(--table-cell-border-spacing);\n}\nth {\n font-weight: 600;\n font-weight: var(--table-th-font-weight);\n}\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n text-decoration: underline;\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n -webkit-text-decoration-skip-ink: none;\n text-decoration-skip-ink: none;\n}\n/* lists */\nol,ul,dl {\n margin: 0;\n padding: 0;\n}\nol > *,ul > *,dl > * {\n margin: 0;\n padding: 0;\n}\nblockquote {\n display: block;\n margin: 0;\n}\n/* links */\na:not([href]),\n a:not([href]):hover {\n text-decoration: none;\n color: inherit;\n }\n/* code */\ncode,pre {\n background: var(--code-bg);\n word-wrap: break-word;\n color: #ff922b;\n color: var(--code-color);\n font-family: "Menlo", "Monaco", "Consolas", "Courier New", monospace;\n font-family: var(--font-family-monospace);\n font-size: calc(1em * 0.875);\n font-size: var(--code-font-size);\n\n a > & {\n color: inherit;\n }\n}\n/* horizontal rules */\nhr,\n.hr {\n -webkit-box-sizing: content-box;\n box-sizing: content-box;\n margin: 0;\n border-width: 0.125em;\n border-width: var(--hr-border-width);\n border-style: solid;\n border-style: var(--hr-border-style);\n border-color: #c3c6d1;\n border-color: var(--hr-border-color);\n padding: 0;\n height: 0;\n overflow: visible;\n}\n/* default outline styling */\n[tabindex="-1"]:focus:not(.focus-visible) {\n outline: 0 !important;\n}\n[tabindex="-1"]:focus:not(:focus-visible) {\n outline: 0 !important;\n}\n/* forms */\nfieldset {\n border: 0;\n padding: 0;\n}\nlegend {\n margin: 0;\n}\nselect {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: 0;\n background-color: transparent;\n}\n/* buttons */\nbutton,\n.button {\n cursor: pointer;\n font-family: inherit;\n}\n:host,\nbody {\n background-color: #f0f1f3;\n background-color: var(--body-background);\n text-align: var(--body-text-align);\n line-height: 1.5;\n line-height: var(--line-height-base);\n color: #183153;\n color: var(--body-color);\n font-family: cera-round-pro, "Helvetica Neue", "Helvetica", "Arial", sans-serif;\n font-family: var(--font-family-base);\n font-size: 1em;\n font-size: var(--font-size-base);\n font-weight: var(--font-weight-base);\n -webkit-font-feature-settings: "ss01" on;\n font-feature-settings: "ss01" on; /* Turns on alternate \'a\' character without the top arm */\n}\n/* Sets global focus style. */\n:focus,.focus,.focused {\n outline: solid 0.1875em #74c0fc;\n outline: var(--focus-outline);\n outline-offset: calc(1em * 1 / 16);\n outline-offset: var(--focus-outline-offset);\n}\n/* lists */\n/* stylelint-disable no-descending-specificity */\nol,ul,dl {\n --margin-top: var(--list-margin-top);\n --margin-bottom: var(--list-margin-bottom);\n --padding-left: var(--list-padding-left);\n --line-height: var(--list-line-height);\n --list-style-type: disc;\n\n margin-top: var(--margin-top);\n margin-bottom: var(--margin-bottom);\n padding-left: var(--padding-left);\n list-style-type: var(--list-style-type);\n line-height: var(--line-height)\n}\nol:first-child,ul:first-child,dl:first-child {\n --margin-top: 0;\n }\nol:last-child,ul:last-child,dl:last-child {\n --margin-bottom: 0;\n }\n/* stylelint-enable no-descending-specificity */\nol li,ul li,dl li {\n --display: list-item;\n\n display: var(--display);\n}\nol {\n --list-style-type: decimal;\n}\nul {\n --list-style-type: disc;\n}\nol ul,\nul ul {\n --list-style-type: circle;\n}\nol ul,\nul ol,\nul ul,\nol ol {\n --margin-top: 0;\n --margin-bottom: var(--list-nested-margin-bottom);\n}\nol ol ul,\nol ul ul,\nul ol ul,\nul ul ul {\n --list-style-type: square;\n}\ndl {\n --margin-bottom: var(--spacing-md);\n\n margin-top: 0;\n margin-bottom: var(--margin-bottom);\n}\ndt {\n --display: block;\n --margin-right: 0;\n --margin-bottom: var(--spacing-4xs);\n\n display: var(--display);\n margin-top: 0;\n margin-right: var(--margin-right);\n margin-bottom: var(--margin-bottom);\n font-weight: 600;\n font-weight: var(--font-weight-semibold);\n}\ndd {\n --display: block;\n --margin-bottom: var(--spacing-sm);\n --margin-left: 0;\n\n display: var(--display);\n margin-top: 0;\n margin-bottom: var(--margin-bottom);\n margin-left: var(--margin-left)\n}\ndd:last-child {\n --margin-bottom: 0;\n }\ndl.display-inline {\n --padding-left: 0;\n}\ndl.display-inline dt {\n --display: inline-block;\n --margin-right: var(--spacing-4xs);\n}\ndl.display-inline dd {\n --display: inline\n}\ndl.display-inline dd::after {\n white-space: pre;\n content: "\\a";\n }\n/* stylelint-disable no-descending-specificity */\nh1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {\n --margin-bottom: var(--spacing-sm);\n --line-height: var(--line-height-heading);\n\n margin-top: 2em;\n\n margin-top: var(--headings-margin-top);\n margin-bottom: var(--margin-bottom);\n line-height: var(--line-height);\n font-family: cera-round-pro, "Helvetica Neue", "Helvetica", "Arial", sans-serif;\n font-family: var(--headings-font-family);\n font-weight: 600;\n font-weight: var(--headings-font-weight)\n}\nh1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,.h1:first-child,.h2:first-child,.h3:first-child,.h4:first-child,.h5:first-child,.h6:first-child {\n margin-top: 0;\n }\nh1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,.h1:last-child,.h2:last-child,.h3:last-child,.h4:last-child,.h5:last-child,.h6:last-child {\n margin-bottom: 0;\n }\n/* stylelint-enable no-descending-specificity */\nh1,\n.h1 {\n --margin-bottom: var(--h1-margin-bottom);\n --line-height: var(--h1-line-height);\n\n font-size: calc(1em * 2.5);\n\n font-size: var(--h1-font-size);\n}\nh2,\n.h2 {\n --margin-bottom: var(--h2-margin-bottom);\n --line-height: var(--h2-line-height);\n\n font-size: calc(1em * 2);\n\n font-size: var(--h2-font-size);\n}\nh3,\n.h3 {\n --margin-bottom: var(--h3-margin-bottom);\n --line-height: var(--h3-line-height);\n\n font-size: calc(1em * 1.5);\n\n font-size: var(--h3-font-size);\n}\nh4,\n.h4 {\n --margin-bottom: var(--h4-margin-bottom);\n --line-height: var(--h4-line-height);\n\n font-size: calc(1em * 1.25);\n\n font-size: var(--h4-font-size);\n}\nh5,\n.h5 {\n --margin-bottom: var(--h5-margin-bottom);\n --line-height: var(--h5-line-height);\n\n font-size: 1em;\n\n font-size: var(--h5-font-size);\n}\nh6,\n.h6 {\n --margin-bottom: var(--h6-margin-bottom);\n --line-height: var(--h6-line-height);\n\n font-size: calc(1em * 0.75);\n\n font-size: var(--h6-font-size);\n}\np,\n.p {\n margin-top: 0;\n margin-top: var(--paragraph-margin-top);\n margin-bottom: calc(1em * 1);\n margin-bottom: var(--paragraph-margin-bottom);\n line-height: 1.5;\n line-height: var(--line-height-copy)\n}\np:last-child, .p:last-child {\n --paragraph-margin-bottom: 0;\n }\nb,\n.b,\nstrong,\n.strong {\n --font-weight: var(--font-weight-bold);\n\n font-weight: 700;\n\n font-weight: var(--font-weight-bold);\n}\ni,\n.i,\nem,\n.em {\n --font-style: italic;\n\n font-style: var(--font-style);\n}\nsmall,\n.small {\n --font-size: var(--font-size-xs);\n\n font-size: var(--font-size);\n}\ndel,\n.del,\ns,\n.s,\n.strike {\n --text-decoration: line-through;\n\n -webkit-text-decoration: var(--text-decoration);\n\n text-decoration: var(--text-decoration);\n}\nsub,\n.sub,\nsup,\n.sup {\n position: relative;\n vertical-align: baseline;\n line-height: 0;\n line-height: var(--line-height-0);\n font-size: calc(1em * 0.75);\n font-size: var(--font-size-xs);\n}\nsub,\n.sub {\n bottom: -0.25em;\n}\nsup,\n.sup {\n top: -0.5em;\n}\n::-webkit-input-placeholder {\n opacity: 0.3;\n color: inherit;\n}\n::-moz-placeholder {\n opacity: 0.3;\n color: inherit;\n}\n:-ms-input-placeholder {\n opacity: 0.3;\n color: inherit;\n}\n::-ms-input-placeholder {\n opacity: 0.3;\n color: inherit;\n}\n::placeholder {\n opacity: 0.3;\n color: inherit;\n}\n/* blockquotes */\nblockquote,\n.blockquote {\n margin-bottom: calc(1em * 1.25);\n margin-bottom: var(--blockquote-margin-bottom);\n border-left: calc(1em * 4 / 16) solid #a5abbb;\n border-left: var(--blockquote-quote-border-width) var(--blockquote-quote-border-style) var(--blockquote-quote-border-color);\n padding-left: calc(1em * 1.5);\n padding-left: var(--blockquote-quote-indent);\n font-family: fa-livory, "Georgia", "Times New Roman", "Times", serif;\n font-family: var(--blockquote-font-family);\n font-size: inherit;\n font-size: var(--blockquote-font-size)\n}\nblockquote:last-child, .blockquote:last-child {\n --blockquote-margin-bottom: 0;\n }\nblockquote footer,\n.blockquote-footer {\n margin-top: calc(calc(1em * 1) * -1);\n margin-top: var(--blockquote-footer-margin-top);\n padding-top: calc(1em * 1.25);\n padding-top: var(--blockquote-footer-padding-top);\n color: #6d7790;\n color: var(--blockquote-footer-color);\n font-family: cera-round-pro, "Helvetica Neue", "Helvetica", "Arial", sans-serif;\n font-family: var(--blockquote-footer-font-family);\n font-size: calc(1em * 0.875);\n font-size: var(--blockquote-footer-font-size);\n}\n/* tables */\ntable {\n margin-bottom: calc(1em * 1.5);\n margin-bottom: var(--table-margin-bottom)\n}\ntable:last-child {\n --table-margin-bottom: 0;\n }\ntable caption {\n text-align: left;\n text-align: var(--table-caption-text-align);\n color: #515e7b;\n color: var(--table-caption-color);\n}\ntd,\nth {\n padding: 0.5em 0.75em 0.5em 0.75em;\n padding: var(--table-cell-spacing-top) var(--table-cell-spacing-right) var(--table-cell-spacing-bottom) var(--table-cell-spacing-left);\n text-align: left;\n text-align: var(--table-cell-text-align);\n}\n.container {\n width: auto;\n width: var(--max-width, auto);\n}\n.container-fluid {\n max-width: 100%;\n max-width: var(--grid-fluid-max-width);\n}\n.container,\n.container-fluid {\n --outer-gutter-width: var(--grid-outer-gutter-width);\n --min-width: var(--grid-min-width);\n\n margin-right: auto;\n margin-left: auto;\n padding-right: var(--outer-gutter-width);\n padding-left: var(--outer-gutter-width);\n min-width: var(--min-width);\n}\n.row {\n --margin-left: calc(var(--grid-gutter-x-width) * -1);\n --margin-right: calc(var(--grid-gutter-x-width) * -1);\n\n display: -webkit-box;\n\n display: -ms-flexbox;\n\n display: flex;\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n -ms-flex-preferred-size: auto;\n flex-basis: auto;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n flex-direction: var(--grid-row-direction);\n -webkit-box-flex: 0;\n -ms-flex-positive: 0;\n flex-grow: 0;\n -ms-flex-negative: 1;\n flex-shrink: 1;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -ms-flex-wrap: var(--grid-wrap);\n flex-wrap: var(--grid-wrap);\n margin-right: var(--margin-right);\n margin-left: var(--margin-left)\n}\n.row.align-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n }\n.row.align-middle {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n.row.align-bottom {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n }\n.row.align-stretch {\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n }\n.row > div,.row > main,.row > aside,.row > header,.row > footer,.row > nav,.row > section,.row > article,.row > ol,.row > ul,.row > li,.row > p,.row > blockquote {\n --padding-left: var(--grid-gutter-x-width);\n --padding-right: var(--grid-gutter-x-width);\n\n padding-right: var(--padding-right);\n padding-left: var(--padding-left);\n }\n/* no gutters */\n.row.flush {\n --margin-left: 0;\n --margin-right: 0\n}\n.row.flush > div,.row.flush > main,.row.flush > aside,.row.flush > header,.row.flush > footer,.row.flush > nav,.row.flush > section,.row.flush > article,.row.flush > ol,.row.flush > ul,.row.flush > li,.row.flush > p,.row.flush > blockquote {\n --padding-left: 0;\n --padding-right: 0;\n }\n/* extra roomy gutters */\n.row.roomy {\n --grid-gutter-x-width: 1rem;\n --grid-gutter-y-width: 2rem;\n --grid-outer-gutter-width: 2rem;\n}\n.row.reverse {\n --grid-row-direction: row-reverse;\n}\n.column,\n.column-1,\n.column-2,\n.column-3,\n.column-4,\n.column-5,\n.column-6,\n.column-7,\n.column-8,\n.column-9,\n.column-10,\n.column-11,\n.column-12,\n.offset-0,\n.offset-1,\n.offset-2,\n.offset-3,\n.offset-4,\n.offset-5,\n.offset-6,\n.offset-7,\n.offset-8,\n.offset-9,\n.offset-10,\n.offset-11,\n.offset-12 {\n --order: 0;\n\n -ms-flex-preferred-size: auto;\n\n flex-basis: auto;\n -webkit-box-flex: 0;\n -ms-flex-positive: 0;\n flex-grow: 0;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n -webkit-box-ordinal-group: var(--order);\n -ms-flex-order: var(--order);\n order: var(--order);\n}\n.column {\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%;\n}\n.column-1 {\n -ms-flex-preferred-size: 8.33333333%;\n flex-basis: 8.33333333%;\n max-width: 8.33333333%;\n}\n.column-2 {\n -ms-flex-preferred-size: 16.66666667%;\n flex-basis: 16.66666667%;\n max-width: 16.66666667%;\n}\n.column-3 {\n -ms-flex-preferred-size: 25%;\n flex-basis: 25%;\n max-width: 25%;\n}\n.column-4 {\n -ms-flex-preferred-size: 33.33333333%;\n flex-basis: 33.33333333%;\n max-width: 33.33333333%;\n}\n.column-5 {\n -ms-flex-preferred-size: 41.66666667%;\n flex-basis: 41.66666667%;\n max-width: 41.66666667%;\n}\n.column-6 {\n -ms-flex-preferred-size: 50%;\n flex-basis: 50%;\n max-width: 50%;\n}\n.column-7 {\n -ms-flex-preferred-size: 58.33333333%;\n flex-basis: 58.33333333%;\n max-width: 58.33333333%;\n}\n.column-8 {\n -ms-flex-preferred-size: 66.66666667%;\n flex-basis: 66.66666667%;\n max-width: 66.66666667%;\n}\n.column-9 {\n -ms-flex-preferred-size: 75%;\n flex-basis: 75%;\n max-width: 75%;\n}\n.column-10 {\n -ms-flex-preferred-size: 83.33333333%;\n flex-basis: 83.33333333%;\n max-width: 83.33333333%;\n}\n.column-11 {\n -ms-flex-preferred-size: 91.66666667%;\n flex-basis: 91.66666667%;\n max-width: 91.66666667%;\n}\n.column-12 {\n -ms-flex-preferred-size: 100%;\n flex-basis: 100%;\n max-width: 100%;\n}\n.offset-0 {\n margin-left: 0;\n}\n.offset-1 {\n margin-left: 8.33333333%;\n}\n.offset-2 {\n margin-left: 16.66666667%;\n}\n.offset-3 {\n margin-left: 25%;\n}\n.offset-4 {\n margin-left: 33.33333333%;\n}\n.offset-5 {\n margin-left: 41.66666667%;\n}\n.offset-6 {\n margin-left: 50%;\n}\n.offset-7 {\n margin-left: 58.33333333%;\n}\n.offset-8 {\n margin-left: 66.66666667%;\n}\n.offset-9 {\n margin-left: 75%;\n}\n.offset-10 {\n margin-left: 83.33333333%;\n}\n.offset-11 {\n margin-left: 91.66666667%;\n}\n.order-first {\n --order: -1;\n}\n.order-last {\n --order: 1;\n}\n@media (min-width: 48rem) {\n .row.tablet\\:flush {\n --margin-left: 0;\n --margin-right: 0\n }\n\n .row.tablet\\:flush > div,.row.tablet\\:flush > main,.row.tablet\\:flush > aside,.row.tablet\\:flush > header,.row.tablet\\:flush > footer,.row.tablet\\:flush > nav,.row.tablet\\:flush > section,.row.tablet\\:flush > article,.row.tablet\\:flush > ol,.row.tablet\\:flush > ul,.row.tablet\\:flush > li,.row.tablet\\:flush > p,.row.tablet\\:flush > blockquote {\n --padding-left: 0;\n --padding-right: 0;\n }\n\n .row.tablet\\:roomy {\n --grid-gutter-x-width: 1rem;\n --grid-gutter-y-width: 2rem;\n --grid-outer-gutter-width: 2rem;\n }\n\n .row.tablet\\:reverse {\n --grid-row-direction: row-reverse;\n }\n\n .row.tablet\\:align-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n }\n\n .row.tablet\\:align-middle {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n\n .row.tablet\\:align-bottom {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n }\n\n .row.tablet\\:align-stretch {\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n }\n\n .tablet\\:column,\n .tablet\\:column-1,\n .tablet\\:column-2,\n .tablet\\:column-3,\n .tablet\\:column-4,\n .tablet\\:column-5,\n .tablet\\:column-6,\n .tablet\\:column-7,\n .tablet\\:column-8,\n .tablet\\:column-9,\n .tablet\\:column-10,\n .tablet\\:column-11,\n .tablet\\:column-12,\n .tablet\\:offset-0,\n .tablet\\:offset-1,\n .tablet\\:offset-2,\n .tablet\\:offset-3,\n .tablet\\:offset-4,\n .tablet\\:offset-5,\n .tablet\\:offset-6,\n .tablet\\:offset-7,\n .tablet\\:offset-8,\n .tablet\\:offset-9,\n .tablet\\:offset-10,\n .tablet\\:offset-11,\n .tablet\\:offset-12 {\n --order: 0;\n\n -ms-flex-preferred-size: auto;\n\n flex-basis: auto;\n -webkit-box-flex: 0;\n -ms-flex-positive: 0;\n flex-grow: 0;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n -webkit-box-ordinal-group: var(--order);\n -ms-flex-order: var(--order);\n order: var(--order);\n }\n\n .tablet\\:column {\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%;\n }\n\n .tablet\\:column-1 {\n -ms-flex-preferred-size: 8.33333333%;\n flex-basis: 8.33333333%;\n max-width: 8.33333333%;\n }\n\n .tablet\\:column-2 {\n -ms-flex-preferred-size: 16.66666667%;\n flex-basis: 16.66666667%;\n max-width: 16.66666667%;\n }\n\n .tablet\\:column-3 {\n -ms-flex-preferred-size: 25%;\n flex-basis: 25%;\n max-width: 25%;\n }\n\n .tablet\\:column-4 {\n -ms-flex-preferred-size: 33.33333333%;\n flex-basis: 33.33333333%;\n max-width: 33.33333333%;\n }\n\n .tablet\\:column-5 {\n -ms-flex-preferred-size: 41.66666667%;\n flex-basis: 41.66666667%;\n max-width: 41.66666667%;\n }\n\n .tablet\\:column-6 {\n -ms-flex-preferred-size: 50%;\n flex-basis: 50%;\n max-width: 50%;\n }\n\n .tablet\\:column-7 {\n -ms-flex-preferred-size: 58.33333333%;\n flex-basis: 58.33333333%;\n max-width: 58.33333333%;\n }\n\n .tablet\\:column-8 {\n -ms-flex-preferred-size: 66.66666667%;\n flex-basis: 66.66666667%;\n max-width: 66.66666667%;\n }\n\n .tablet\\:column-9 {\n -ms-flex-preferred-size: 75%;\n flex-basis: 75%;\n max-width: 75%;\n }\n\n .tablet\\:column-10 {\n -ms-flex-preferred-size: 83.33333333%;\n flex-basis: 83.33333333%;\n max-width: 83.33333333%;\n }\n\n .tablet\\:column-11 {\n -ms-flex-preferred-size: 91.66666667%;\n flex-basis: 91.66666667%;\n max-width: 91.66666667%;\n }\n\n .tablet\\:column-12 {\n -ms-flex-preferred-size: 100%;\n flex-basis: 100%;\n max-width: 100%;\n }\n\n .tablet\\:offset-0 {\n margin-left: 0;\n }\n\n .tablet\\:offset-1 {\n margin-left: 8.33333333%;\n }\n\n .tablet\\:offset-2 {\n margin-left: 16.66666667%;\n }\n\n .tablet\\:offset-3 {\n margin-left: 25%;\n }\n\n .tablet\\:offset-4 {\n margin-left: 33.33333333%;\n }\n\n .tablet\\:offset-5 {\n margin-left: 41.66666667%;\n }\n\n .tablet\\:offset-6 {\n margin-left: 50%;\n }\n\n .tablet\\:offset-7 {\n margin-left: 58.33333333%;\n }\n\n .tablet\\:offset-8 {\n margin-left: 66.66666667%;\n }\n\n .tablet\\:offset-9 {\n margin-left: 75%;\n }\n\n .tablet\\:offset-10 {\n margin-left: 83.33333333%;\n }\n\n .tablet\\:offset-11 {\n margin-left: 91.66666667%;\n }\n\n .tablet\\:order-first {\n --order: -1;\n }\n\n .tablet\\:order-last {\n --order: 1;\n }\n}\n@media (min-width: 64rem) {\n .row.laptop\\:flush {\n --margin-left: 0;\n --margin-right: 0\n }\n\n .row.laptop\\:flush > div,.row.laptop\\:flush > main,.row.laptop\\:flush > aside,.row.laptop\\:flush > header,.row.laptop\\:flush > footer,.row.laptop\\:flush > nav,.row.laptop\\:flush > section,.row.laptop\\:flush > article,.row.laptop\\:flush > ol,.row.laptop\\:flush > ul,.row.laptop\\:flush > li,.row.laptop\\:flush > p,.row.laptop\\:flush > blockquote {\n --padding-left: 0;\n --padding-right: 0;\n }\n\n .row.laptop\\:roomy {\n --grid-gutter-x-width: 1rem;\n --grid-gutter-y-width: 2rem;\n --grid-outer-gutter-width: 2rem;\n }\n\n .row.laptop\\:reverse {\n --grid-row-direction: row-reverse;\n }\n\n .row.laptop\\:align-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n }\n\n .row.laptop\\:align-middle {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n\n .row.laptop\\:align-bottom {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n }\n\n .row.laptop\\:align-stretch {\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n }\n\n .laptop\\:column,\n .laptop\\:column-1,\n .laptop\\:column-2,\n .laptop\\:column-3,\n .laptop\\:column-4,\n .laptop\\:column-5,\n .laptop\\:column-6,\n .laptop\\:column-7,\n .laptop\\:column-8,\n .laptop\\:column-9,\n .laptop\\:column-10,\n .laptop\\:column-11,\n .laptop\\:column-12,\n .laptop\\:offset-0,\n .laptop\\:offset-1,\n .laptop\\:offset-2,\n .laptop\\:offset-3,\n .laptop\\:offset-4,\n .laptop\\:offset-5,\n .laptop\\:offset-6,\n .laptop\\:offset-7,\n .laptop\\:offset-8,\n .laptop\\:offset-9,\n .laptop\\:offset-10,\n .laptop\\:offset-11,\n .laptop\\:offset-12 {\n --order: 0;\n\n -ms-flex-preferred-size: auto;\n\n flex-basis: auto;\n -webkit-box-flex: 0;\n -ms-flex-positive: 0;\n flex-grow: 0;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n -webkit-box-ordinal-group: var(--order);\n -ms-flex-order: var(--order);\n order: var(--order);\n }\n\n .laptop\\:column {\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%;\n }\n\n .laptop\\:column-1 {\n -ms-flex-preferred-size: 8.33333333%;\n flex-basis: 8.33333333%;\n max-width: 8.33333333%;\n }\n\n .laptop\\:column-2 {\n -ms-flex-preferred-size: 16.66666667%;\n flex-basis: 16.66666667%;\n max-width: 16.66666667%;\n }\n\n .laptop\\:column-3 {\n -ms-flex-preferred-size: 25%;\n flex-basis: 25%;\n max-width: 25%;\n }\n\n .laptop\\:column-4 {\n -ms-flex-preferred-size: 33.33333333%;\n flex-basis: 33.33333333%;\n max-width: 33.33333333%;\n }\n\n .laptop\\:column-5 {\n -ms-flex-preferred-size: 41.66666667%;\n flex-basis: 41.66666667%;\n max-width: 41.66666667%;\n }\n\n .laptop\\:column-6 {\n -ms-flex-preferred-size: 50%;\n flex-basis: 50%;\n max-width: 50%;\n }\n\n .laptop\\:column-7 {\n -ms-flex-preferred-size: 58.33333333%;\n flex-basis: 58.33333333%;\n max-width: 58.33333333%;\n }\n\n .laptop\\:column-8 {\n -ms-flex-preferred-size: 66.66666667%;\n flex-basis: 66.66666667%;\n max-width: 66.66666667%;\n }\n\n .laptop\\:column-9 {\n -ms-flex-preferred-size: 75%;\n flex-basis: 75%;\n max-width: 75%;\n }\n\n .laptop\\:column-10 {\n -ms-flex-preferred-size: 83.33333333%;\n flex-basis: 83.33333333%;\n max-width: 83.33333333%;\n }\n\n .laptop\\:column-11 {\n -ms-flex-preferred-size: 91.66666667%;\n flex-basis: 91.66666667%;\n max-width: 91.66666667%;\n }\n\n .laptop\\:column-12 {\n -ms-flex-preferred-size: 100%;\n flex-basis: 100%;\n max-width: 100%;\n }\n\n .laptop\\:offset-0 {\n margin-left: 0;\n }\n\n .laptop\\:offset-1 {\n margin-left: 8.33333333%;\n }\n\n .laptop\\:offset-2 {\n margin-left: 16.66666667%;\n }\n\n .laptop\\:offset-3 {\n margin-left: 25%;\n }\n\n .laptop\\:offset-4 {\n margin-left: 33.33333333%;\n }\n\n .laptop\\:offset-5 {\n margin-left: 41.66666667%;\n }\n\n .laptop\\:offset-6 {\n margin-left: 50%;\n }\n\n .laptop\\:offset-7 {\n margin-left: 58.33333333%;\n }\n\n .laptop\\:offset-8 {\n margin-left: 66.66666667%;\n }\n\n .laptop\\:offset-9 {\n margin-left: 75%;\n }\n\n .laptop\\:offset-10 {\n margin-left: 83.33333333%;\n }\n\n .laptop\\:offset-11 {\n margin-left: 91.66666667%;\n }\n\n .laptop\\:order-first {\n --order: -1;\n }\n\n .laptop\\:order-last {\n --order: 1;\n }\n}\n@media (min-width: 96rem) {\n .row.desktop\\:flush {\n --margin-left: 0;\n --margin-right: 0\n }\n\n .row.desktop\\:flush > div,.row.desktop\\:flush > main,.row.desktop\\:flush > aside,.row.desktop\\:flush > header,.row.desktop\\:flush > footer,.row.desktop\\:flush > nav,.row.desktop\\:flush > section,.row.desktop\\:flush > article,.row.desktop\\:flush > ol,.row.desktop\\:flush > ul,.row.desktop\\:flush > li,.row.desktop\\:flush > p,.row.desktop\\:flush > blockquote {\n --padding-left: 0;\n --padding-right: 0;\n }\n\n .row.desktop\\:roomy {\n --grid-gutter-x-width: 1rem;\n --grid-gutter-y-width: 2rem;\n --grid-outer-gutter-width: 2rem;\n }\n\n .row.desktop\\:reverse {\n --grid-row-direction: row-reverse;\n }\n\n .row.desktop\\:align-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n }\n\n .row.desktop\\:align-middle {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n\n .row.desktop\\:align-bottom {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n }\n\n .row.desktop\\:align-stretch {\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n }\n\n .desktop\\:column,\n .desktop\\:column-1,\n .desktop\\:column-2,\n .desktop\\:column-3,\n .desktop\\:column-4,\n .desktop\\:column-5,\n .desktop\\:column-6,\n .desktop\\:column-7,\n .desktop\\:column-8,\n .desktop\\:column-9,\n .desktop\\:column-10,\n .desktop\\:column-11,\n .desktop\\:column-12,\n .desktop\\:offset-0,\n .desktop\\:offset-1,\n .desktop\\:offset-2,\n .desktop\\:offset-3,\n .desktop\\:offset-4,\n .desktop\\:offset-5,\n .desktop\\:offset-6,\n .desktop\\:offset-7,\n .desktop\\:offset-8,\n .desktop\\:offset-9,\n .desktop\\:offset-10,\n .desktop\\:offset-11,\n .desktop\\:offset-12 {\n --order: 0;\n\n -ms-flex-preferred-size: auto;\n\n flex-basis: auto;\n -webkit-box-flex: 0;\n -ms-flex-positive: 0;\n flex-grow: 0;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n -webkit-box-ordinal-group: var(--order);\n -ms-flex-order: var(--order);\n order: var(--order);\n }\n\n .desktop\\:column {\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%;\n }\n\n .desktop\\:column-1 {\n -ms-flex-preferred-size: 8.33333333%;\n flex-basis: 8.33333333%;\n max-width: 8.33333333%;\n }\n\n .desktop\\:column-2 {\n -ms-flex-preferred-size: 16.66666667%;\n flex-basis: 16.66666667%;\n max-width: 16.66666667%;\n }\n\n .desktop\\:column-3 {\n -ms-flex-preferred-size: 25%;\n flex-basis: 25%;\n max-width: 25%;\n }\n\n .desktop\\:column-4 {\n -ms-flex-preferred-size: 33.33333333%;\n flex-basis: 33.33333333%;\n max-width: 33.33333333%;\n }\n\n .desktop\\:column-5 {\n -ms-flex-preferred-size: 41.66666667%;\n flex-basis: 41.66666667%;\n max-width: 41.66666667%;\n }\n\n .desktop\\:column-6 {\n -ms-flex-preferred-size: 50%;\n flex-basis: 50%;\n max-width: 50%;\n }\n\n .desktop\\:column-7 {\n -ms-flex-preferred-size: 58.33333333%;\n flex-basis: 58.33333333%;\n max-width: 58.33333333%;\n }\n\n .desktop\\:column-8 {\n -ms-flex-preferred-size: 66.66666667%;\n flex-basis: 66.66666667%;\n max-width: 66.66666667%;\n }\n\n .desktop\\:column-9 {\n -ms-flex-preferred-size: 75%;\n flex-basis: 75%;\n max-width: 75%;\n }\n\n .desktop\\:column-10 {\n -ms-flex-preferred-size: 83.33333333%;\n flex-basis: 83.33333333%;\n max-width: 83.33333333%;\n }\n\n .desktop\\:column-11 {\n -ms-flex-preferred-size: 91.66666667%;\n flex-basis: 91.66666667%;\n max-width: 91.66666667%;\n }\n\n .desktop\\:column-12 {\n -ms-flex-preferred-size: 100%;\n flex-basis: 100%;\n max-width: 100%;\n }\n\n .desktop\\:offset-0 {\n margin-left: 0;\n }\n\n .desktop\\:offset-1 {\n margin-left: 8.33333333%;\n }\n\n .desktop\\:offset-2 {\n margin-left: 16.66666667%;\n }\n\n .desktop\\:offset-3 {\n margin-left: 25%;\n }\n\n .desktop\\:offset-4 {\n margin-left: 33.33333333%;\n }\n\n .desktop\\:offset-5 {\n margin-left: 41.66666667%;\n }\n\n .desktop\\:offset-6 {\n margin-left: 50%;\n }\n\n .desktop\\:offset-7 {\n margin-left: 58.33333333%;\n }\n\n .desktop\\:offset-8 {\n margin-left: 66.66666667%;\n }\n\n .desktop\\:offset-9 {\n margin-left: 75%;\n }\n\n .desktop\\:offset-10 {\n margin-left: 83.33333333%;\n }\n\n .desktop\\:offset-11 {\n margin-left: 91.66666667%;\n }\n\n .desktop\\:order-first {\n --order: -1;\n }\n\n .desktop\\:order-last {\n --order: 1;\n }\n}\n@media (min-width: 48rem) {\n .container,\n .container-fluid {\n --outer-gutter-width: var(--tablet-grid-outer-gutter-width);\n }\n\n .container {\n --max-width: var(--tablet-grid-max-width);\n }\n}\n@media (min-width: 64rem) {\n .container,\n .container-fluid {\n --outer-gutter-width: var(--laptop-grid-outer-gutter-width);\n }\n\n .container {\n --max-width: var(--laptop-grid-max-width);\n }\n}\n@media (min-width: 96rem) {\n .container,\n .container-fluid {\n --outer-gutter-width: var(--desktop-grid-outer-gutter-width);\n }\n\n .container {\n --max-width: var(--desktop-grid-max-width);\n }\n}\n/* components.css */\n/* links */\na {\n display: inline;\n display: var(--link-display);\n -webkit-transition-duration: calc(1s * 0.1);\n transition-duration: calc(1s * 0.1);\n -webkit-transition-duration: var(--link-transition-duration);\n transition-duration: var(--link-transition-duration);\n -webkit-transition-property: color, background, -webkit-text-decoration;\n transition-property: color, background, -webkit-text-decoration;\n transition-property: color, text-decoration, background;\n transition-property: color, text-decoration, background, -webkit-text-decoration;\n -webkit-transition-timing-function: ease-in;\n transition-timing-function: ease-in;\n -webkit-text-decoration-color: currentColor;\n text-decoration-color: currentColor;\n -webkit-text-decoration-color: var(--link-decoration-color);\n text-decoration-color: var(--link-decoration-color);\n -webkit-text-decoration-line: underline;\n text-decoration-line: underline;\n -webkit-text-decoration-line: var(--link-decoration-line);\n text-decoration-line: var(--link-decoration-line);\n -webkit-text-decoration-style: dotted;\n text-decoration-style: dotted;\n -webkit-text-decoration-style: var(--link-decoration-style);\n text-decoration-style: var(--link-decoration-style);\n text-decoration-thickness: 0.0625em;\n text-decoration-thickness: var(--link-decoration-thickness);\n color: #1c7ed6;\n color: var(--link-color);\n font-weight: var(--font-weight-base);\n font-weight: var(--link-font-weight)\n}\na:hover,\n a.hover,\n a:active,\n a.active {\n -webkit-text-decoration-color: currentColor;\n text-decoration-color: currentColor;\n -webkit-text-decoration-color: var(--link-hover-decoration-color);\n text-decoration-color: var(--link-hover-decoration-color);\n -webkit-text-decoration-line: underline;\n text-decoration-line: underline;\n -webkit-text-decoration-line: var(--link-hover-decoration-line);\n text-decoration-line: var(--link-hover-decoration-line);\n -webkit-text-decoration-style: solid;\n text-decoration-style: solid;\n -webkit-text-decoration-style: var(--link-hover-decoration-style);\n text-decoration-style: var(--link-hover-decoration-style);\n color: #74c0fc;\n color: var(--link-hover-color);\n }\n.no-underline {\n text-decoration: none !important;\n}\n.nav-link {\n display: inline-block;\n padding: calc((4em - (1em * 1.5) - (0.125em * 2) - 0.375em) / 2) calc(1em * 1.5);\n padding: var(--button-padding);\n text-decoration: none;\n color: #1c7ed6;\n color: var(--link-color);\n font-weight: 600;\n font-weight: var(--font-weight-semibold)\n}\n.nav-link:active,\n .nav-link.active {\n text-decoration: none;\n color: #183153;\n color: var(--link-active-color);\n }\n.nav-link:hover,\n .nav-link.hover {\n text-decoration: none;\n color: #74c0fc;\n color: var(--link-hover-color);\n }\n.message,.msg,.alert {\n margin: 0 0 1em;\n margin: var(--message-margin);\n border-width: 0.125em;\n border-width: var(--message-border-width);\n border-style: solid;\n border-style: var(--message-border-style);\n border-radius: 0.75em;\n border-radius: var(--message-border-radius);\n border-color: #fff;\n border-color: var(--message-border-color);\n background-color: #fff;\n background-color: var(--message-background);\n padding: calc((4em - (1em * 1.5) - (0.125em * 2)) / 2) calc(1em * 1.5);\n padding: var(--message-padding);\n min-height: 4em;\n min-height: var(--message-min-height);\n color: #183153;\n color: var(--message-color)\n}\n.message.with-border,.msg.with-border,.alert.with-border {\n border-width: 0.125em;\n border-width: var(--message-border-width);\n border-style: solid;\n border-style: var(--message-border-style);\n border-color: #fff;\n border-color: var(--message-border-color);\n }\n.message.no-border,.msg.no-border,.alert.no-border {\n border-width: 0;\n }\n.message.with-icon,.msg.with-icon,.alert.with-icon {\n position: relative;\n padding-left: calc(calc(1em * 1.5) * 2 * 1.5);\n padding-left: calc(var(--message-horizontal-padding) * 2 * var(--message-with-icon-decorative-scale))\n }\n.message.with-icon .decorative,.msg.with-icon .decorative,.alert.with-icon .decorative {\n position: absolute;\n top: calc((calc((4em - (1em * 1.5) - (0.125em * 2)) / 2) + (1.5 - 1.5)/2) / 1.5 * 1em);\n top: var(--message-with-icon-decorative-top);\n left: 0.25em;\n width: calc(calc(1em * 1.5) * 1.75);\n width: calc(var(--message-horizontal-padding) * 1.75);\n text-align: center;\n color: #8991a5;\n color: var(--message-with-icon-decorative-color);\n font-size: calc(1em * 1.5);\n font-size: calc(1em * var(--message-with-icon-decorative-scale));\n }\n.message.with-icon h1,.message.with-icon h2,.message.with-icon h3,.message.with-icon h4,.message.with-icon h5,.message.with-icon h6,.message.with-icon .h1,.message.with-icon .h2,.message.with-icon .h3,.message.with-icon .h4,.message.with-icon .h5,.message.with-icon .h6,.msg.with-icon h1,.msg.with-icon h2,.msg.with-icon h3,.msg.with-icon h4,.msg.with-icon h5,.msg.with-icon h6,.msg.with-icon .h1,.msg.with-icon .h2,.msg.with-icon .h3,.msg.with-icon .h4,.msg.with-icon .h5,.msg.with-icon .h6,.alert.with-icon h1,.alert.with-icon h2,.alert.with-icon h3,.alert.with-icon h4,.alert.with-icon h5,.alert.with-icon h6,.alert.with-icon .h1,.alert.with-icon .h2,.alert.with-icon .h3,.alert.with-icon .h4,.alert.with-icon .h5,.alert.with-icon .h6 {\n /* Nasssty icons dom order makes us do this, precious. */\n }\n.message.with-icon h1:nth-child(2),.message.with-icon h2:nth-child(2),.message.with-icon h3:nth-child(2),.message.with-icon h4:nth-child(2),.message.with-icon h5:nth-child(2),.message.with-icon h6:nth-child(2),.message.with-icon .h1:nth-child(2),.message.with-icon .h2:nth-child(2),.message.with-icon .h3:nth-child(2),.message.with-icon .h4:nth-child(2),.message.with-icon .h5:nth-child(2),.message.with-icon .h6:nth-child(2),.msg.with-icon h1:nth-child(2),.msg.with-icon h2:nth-child(2),.msg.with-icon h3:nth-child(2),.msg.with-icon h4:nth-child(2),.msg.with-icon h5:nth-child(2),.msg.with-icon h6:nth-child(2),.msg.with-icon .h1:nth-child(2),.msg.with-icon .h2:nth-child(2),.msg.with-icon .h3:nth-child(2),.msg.with-icon .h4:nth-child(2),.msg.with-icon .h5:nth-child(2),.msg.with-icon .h6:nth-child(2),.alert.with-icon h1:nth-child(2),.alert.with-icon h2:nth-child(2),.alert.with-icon h3:nth-child(2),.alert.with-icon h4:nth-child(2),.alert.with-icon h5:nth-child(2),.alert.with-icon h6:nth-child(2),.alert.with-icon .h1:nth-child(2),.alert.with-icon .h2:nth-child(2),.alert.with-icon .h3:nth-child(2),.alert.with-icon .h4:nth-child(2),.alert.with-icon .h5:nth-child(2),.alert.with-icon .h6:nth-child(2) {\n margin-top: 0;\n }\n.message.roomy,.msg.roomy,.alert.roomy {\n --message-with-icon-decorative-top: var(--message-roomy-with-icon-decorative-top);\n --message-padding: var(--message-roomy-padding);\n --message-with-icon-decorative-scale: var(--message-roomy-with-icon-decorative-scale);\n --message-min-height: var(--message-roomy-min-height);\n }\n.message.compact,.msg.compact,.alert.compact {\n --message-with-icon-decorative-top: var(--message-compact-with-icon-decorative-top);\n --message-padding: var(--message-compact-padding);\n --message-with-icon-decorative-scale: var(--message-compact-with-icon-decorative-scale);\n --message-min-height: var(--message-compact-min-height);\n }\nbutton.roomy,.button.roomy,.btn.roomy,[type=button].roomy,[type=reset].roomy,[type=submit].roomy, .buttons.roomy {\n --button-padding: var(--button-padding-roomy);\n }\nbutton.compact,.button.compact,.btn.compact,[type=button].compact,[type=reset].compact,[type=submit].compact, .buttons.compact {\n --button-padding: var(--button-padding-compact);\n }\nbutton,.button,.btn,[type=button],[type=reset],[type=submit] {\n display: inline-block;\n position: relative;\n -webkit-transition-duration: 0;\n transition-duration: 0;\n -webkit-transition-duration: var(--button-transition-duration);\n transition-duration: var(--button-transition-duration);\n -webkit-transition-property: color background border box-shadow;\n transition-property: color background border box-shadow;\n -webkit-transition-timing-function: ease-in;\n transition-timing-function: ease-in;\n margin: 0 0 0.875em 0;\n margin: 0 0 var(--button-margin-bottom) 0;\n border-width: 0.125em;\n border-width: var(--button-border-width);\n border-style: solid;\n border-radius: 0.5em;\n border-radius: var(--button-border-radius);\n border-color: currentColor;\n border-color: var(--button-border-color);\n -webkit-box-shadow: 0 0.375em 0 currentColor;\n box-shadow: 0 0.375em 0 currentColor;\n -webkit-box-shadow: var(--button-box-shadow);\n box-shadow: var(--button-box-shadow);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background: #fff;\n background: var(--button-background);\n cursor: pointer;\n padding: calc((4em - (1em * 1.5) - (0.125em * 2) - 0.375em) / 2) calc(1em * 1.5);\n padding: var(--button-padding);\n vertical-align: middle;\n text-align: center;\n text-decoration: none;\n -webkit-text-decoration: var(--button-decoration);\n text-decoration: var(--button-decoration);\n -webkit-text-decoration-color: unset;\n text-decoration-color: unset;\n -webkit-text-decoration-color: var(--button-decoration-color);\n text-decoration-color: var(--button-decoration-color);\n color: #183153;\n color: var(--button-color);\n font-weight: 600;\n font-weight: var(--button-font-weight)\n}\nbutton:active,.button:active,.btn:active,[type=button]:active,[type=reset]:active,[type=submit]:active,\n button.active,\n .button.active,\n .btn.active,\n [type=button].active,\n [type=reset].active,\n [type=submit].active {\n top: 0.375em;\n top: var(--button-box-shadow-width);\n border-width: 0.125em;\n border-width: var(--button-active-border-width);\n border-color: #183153;\n border-color: var(--button-active-border-color);\n -webkit-box-shadow: none;\n box-shadow: none;\n -webkit-box-shadow: var(--button-active-box-shadow);\n box-shadow: var(--button-active-box-shadow);\n background: #183153;\n background: var(--button-active-background);\n text-decoration: none;\n -webkit-text-decoration: var(--button-hover-decoration);\n text-decoration: var(--button-hover-decoration);\n color: #fff;\n color: var(--button-active-color);\n }\nbutton:hover,.button:hover,.btn:hover,[type=button]:hover,[type=reset]:hover,[type=submit]:hover,\n button.hover,\n .button.hover,\n .btn.hover,\n [type=button].hover,\n [type=reset].hover,\n [type=submit].hover {\n border-color: currentColor;\n border-color: var(--button-hover-border-color);\n background: #c3c6d1;\n background: var(--button-hover-background);\n text-decoration: none;\n -webkit-text-decoration: var(--button-hover-decoration);\n text-decoration: var(--button-hover-decoration);\n -webkit-text-decoration-color: unset;\n text-decoration-color: unset;\n -webkit-text-decoration-color: var(--button-hover-decoration-color);\n text-decoration-color: var(--button-hover-decoration-color);\n color: #183153;\n color: var(--button-hover-color);\n }\nbutton:disabled,.button:disabled,.btn:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled,\n button.disabled,\n .button.disabled,\n .btn.disabled,\n [type=button].disabled,\n [type=reset].disabled,\n [type=submit].disabled {\n opacity: 0.5;\n opacity: var(--button-disabled-opacity);\n background: #fff;\n background: var(--button-disabled-background);\n pointer-events: none;\n }\nbutton.block,.button.block,.btn.block,[type=button].block,[type=reset].block,[type=submit].block {\n display: block;\n width: 100%;\n }\nbutton.link,.button.link,.btn.link,[type=button].link,[type=reset].link,[type=submit].link {\n --button-border-width: 0;\n --button-box-shadow: none;\n --button-decoration: var(--link-decoration);\n --button-decoration-color: var(--link-decoration-color);\n --button-color: var(--link-color);\n --button-background: transparent;\n --button-hover-background: transparent;\n --button-hover-decoration: var(--link-hover-decoration);\n --button-hover-decoration-color: var(--link-hover-color);\n --button-hover-color: var(--link-hover-color);\n --button-active-border-width: 0;\n --button-active-background: transparent;\n --button-active-color: var(--link-hover-color);\n --button-font-weight: var(--link-font-weight);\n }\nbutton.subtle,.button.subtle,.btn.subtle,[type=button].subtle,[type=reset].subtle,[type=submit].subtle {\n --button-color: var(--link-color);\n --button-border-width: 0;\n --button-box-shadow: none;\n --button-background: transparent;\n --button-active-border-width: 0;\n --button-font-weight: var(--link-font-weight);\n\n -webkit-transition-duration: calc(1s * 0.1);\n\n transition-duration: calc(1s * 0.1);\n\n -webkit-transition-duration: var(--timing-2xfast);\n\n transition-duration: var(--timing-2xfast);\n -webkit-transition-property: color, background, -webkit-text-decoration;\n transition-property: color, background, -webkit-text-decoration;\n transition-property: color, text-decoration, background;\n transition-property: color, text-decoration, background, -webkit-text-decoration;\n -webkit-transition-timing-function: ease-in;\n transition-timing-function: ease-in;\n }\n.buttons {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n position: relative;\n vertical-align: middle\n}\n.buttons > button,.buttons > .button,.buttons > .btn,.buttons > [type=button],.buttons > [type=reset],.buttons > [type=submit] {\n position: relative;\n -webkit-box-flex: 1;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n }\n.buttons > button:not(:first-child),.buttons > .button:not(:first-child),.buttons > .btn:not(:first-child),.buttons > [type=button]:not(:first-child),.buttons > [type=reset]:not(:first-child),.buttons > [type=submit]:not(:first-child) {\n margin-left: calc(-1 * 0.125em);\n margin-left: calc(-1 * var(--border-width-sm));\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n.buttons > button:not(:last-child),.buttons > .button:not(:last-child),.buttons > .btn:not(:last-child),.buttons > [type=button]:not(:last-child),.buttons > [type=reset]:not(:last-child),.buttons > [type=submit]:not(:last-child) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n.btn-reset {\n margin: 0;\n border: none;\n background: var(--transparent);\n padding: 0;\n}\ntable {\n margin-bottom: calc(1em * 1.5);\n margin-bottom: var(--table-margin-bottom);\n background: inherit;\n background: var(--table-background);\n width: 100%;\n width: var(--table-width);\n overflow: hidden;\n table-layout: initial;\n table-layout: var(--table-layout);\n border-collapse: collapse;\n border-collapse: var(--table-cell-border-collapse);\n}\nthead {\n background: transparent;\n background: var(--table-th-background);\n}\ntfoot {\n border-top: 2px solid #c3c6d1;\n border-top: var(--table-th-border-width) var(--table-th-border-style) var(--table-th-border-color);\n background: transparent;\n background: var(--table-th-background);\n}\nth {\n border-bottom: 2px solid #c3c6d1;\n border-bottom: var(--table-th-border-width) var(--table-th-border-style) var(--table-th-border-color);\n background: transparent;\n background: var(--table-th-background);\n}\nth[scope="row"] {\n border-right: 2px solid #c3c6d1;\n border-right: var(--table-th-border-width) var(--table-cell-border-style) var(--table-th-border-color);\n border-bottom: 1px solid #c3c6d1;\n border-bottom: var(--table-cell-border-width) var(--table-cell-border-style) var(--table-th-border-color);\n border-left: 0 solid #c3c6d1;\n border-left: 0 var(--table-cell-border-style) var(--table-th-border-color);\n}\ntbody {\n background: transparent;\n background: var(--table-body-background);\n}\ntr {\n -webkit-transition: background calc(1s * 0.1) ease-in;\n transition: background calc(1s * 0.1) ease-in;\n -webkit-transition: background var(--timing-2xfast) ease-in;\n transition: background var(--timing-2xfast) ease-in;\n background: transparent;\n background: var(--table-row-background);\n}\ntd {\n border-bottom: 1px solid #e0e2e8;\n border-bottom: var(--table-cell-border-width) var(--table-cell-border-style) var(--table-cell-border-color);\n background: transparent;\n background: var(--table-cell-background);\n vertical-align: initial;\n vertical-align: var(--table-cell-vertical-align);\n text-align: left;\n text-align: var(--table-cell-text-align);\n}\ntr:hover td {\n background: transparent;\n background: var(--table-hover-background-color);\n}\ncaption {\n padding: calc(1em * 8 / 16);\n padding: var(--spacing-2xs);\n caption-side: bottom;\n caption-side: var(--table-caption-side);\n font-size: calc(1em * 0.875);\n font-size: var(--table-caption-text-size);\n}\n/* table variations */\ntable.fixed-columns {\n --table-layout: fixed;\n}\ntable.with-borders th {\n border-width: 1px 1px calc(1em * 2 / 16) 1px;\n border-width: var(--table-cell-border-width) var(--table-cell-border-width) var(--spacing-6xs) var(--table-cell-border-width);\n border-style: solid;\n border-style: var(--table-th-border-style);\n border-color: #c3c6d1;\n border-color: var(--table-th-border-color);\n}\ntable.with-borders td {\n border: 1px solid #e0e2e8;\n border: var(--table-cell-border-width) var(--table-cell-border-style) var(--table-cell-border-color);\n}\ntable.no-borders th,\ntable.no-borders td {\n border: 0;\n}\ntable.compact th,\ntable.compact td {\n padding: calc(0.5em * 0.5) calc(0.75em * 0.5) calc(0.5em * 0.5) calc(0.75em * 0.5);\n padding: var(--table-cell-spacing-compact);\n}\ntable.roomy th,\ntable.roomy td {\n padding: calc(0.5em * 2) calc(0.75em * 2) calc(0.5em * 2) calc(0.75em * 2);\n padding: var(--table-cell-spacing-roomy);\n}\ntable.stacked th,\ntable.stacked td {\n display: block;\n}\ntable.flush th:first-child,\ntable.flush td:first-child {\n padding-left: 0;\n}\ntable.flush th:last-child,\ntable.flush td:last-child {\n padding-right: 0;\n}\ntable.stacked.flush th,\ntable.stacked.flush td {\n padding-right: 0;\n padding-left: 0;\n}\nth.flush-left,\ntd.flush-left {\n --table-cell-spacing-left: 0;\n}\nth.flush-right,\ntd.flush-right {\n --table-cell-spacing-right: 0;\n}\ntd.success,\ntd.warning,\ntd.danger,\ntd.info {\n background: transparent;\n background: var(--table-row-background);\n}\ntable.natural {\n table-layout: auto;\n}\ntable.stacked tr {\n border-bottom: 2px solid #e0e2e8;\n border-bottom: var(--table-th-border-width) var(--table-cell-border-style) var(--table-cell-border-color);\n}\ntable.with-hover tr:hover td {\n --table-hover-background-color: var(--gray-200);\n\n background: transparent;\n\n background: var(--table-hover-background-color);\n}\ntable.striped tr:nth-child(even) {\n background: #e0e2e8;\n background: var(--table-striped-row-background);\n}\n@media (min-width: 48rem) {\n table.stacked tr {\n border-bottom: 0;\n }\n\n table.stacked th {\n display: table-cell;\n }\n\n table.stacked td {\n display: table-cell;\n }\n\n table.stacked.flush th,\n table.stacked.flush td {\n padding-right: 0.75em;\n padding-right: var(--table-cell-spacing-right);\n padding-left: 0.75em;\n padding-left: var(--table-cell-spacing-left);\n }\n\n table.stacked.flush th:first-child,\n table.stacked.flush td:first-child {\n --table-cell-spacing-left: 0;\n }\n\n table.stacked.flush th:last-child,\n table.stacked.flush td:last-child {\n --table-cell-spacing-right: 0;\n }\n}\n@media (min-width: 64rem) {\n table.stacked tr {\n border-bottom: 0;\n }\n\n table.stacked th {\n display: table-cell;\n }\n\n table.stacked td {\n display: table-cell;\n }\n\n table.stacked.flush th,\n table.stacked.flush td {\n padding-right: 0.75em;\n padding-right: var(--table-cell-spacing-right);\n padding-left: 0.75em;\n padding-left: var(--table-cell-spacing-left);\n }\n\n table.stacked.flush th:first-child,\n table.stacked.flush td:first-child {\n --table-cell-spacing-left: 0;\n }\n\n table.stacked.flush th:last-child,\n table.stacked.flush td:last-child {\n --table-cell-spacing-right: 0;\n }\n}\n@media (min-width: 96rem) {\n table.stacked tr {\n border-bottom: 0;\n }\n\n table.stacked th {\n display: table-cell;\n }\n\n table.stacked td {\n display: table-cell;\n }\n\n table.stacked.flush th,\n table.stacked.flush td {\n padding-right: 0.75em;\n padding-right: var(--table-cell-spacing-right);\n padding-left: 0.75em;\n padding-left: var(--table-cell-spacing-left);\n }\n\n table.stacked.flush th:first-child,\n table.stacked.flush td:first-child {\n --table-cell-spacing-left: 0;\n }\n\n table.stacked.flush th:last-child,\n table.stacked.flush td:last-child {\n --table-cell-spacing-right: 0;\n }\n}\n.tag {\n display: inline-block;\n border: var(--tag-border-width) var(--tag-border-style) var(--tag-border-color);\n border-radius: 0.75em;\n border-radius: var(--tag-border-radius);\n background: #c3c6d1;\n background: var(--tag-background);\n padding: 0.5em 1em;\n padding: var(--tag-padding);\n vertical-align: calc(100% / 12);\n vertical-align: var(--tag-vertical-align);\n text-transform: uppercase;\n text-transform: var(--tag-text-transform);\n line-height: 1;\n letter-spacing: 0.0625em;\n letter-spacing: var(--tag-letter-spacing);\n white-space: nowrap;\n color: #183153;\n color: var(--tag-color);\n font-size: calc(1em * 0.75);\n font-size: var(--tag-font-size);\n font-weight: bold;\n font-weight: var(--tag-font-weight)\n}\n.tag.rounded {\n --tag-border-radius: 4em;\n }\n.tag i[class*="fa-"],.tag .svg-inline--fa {\n font-size: 0.9em;\n }\na.tag:hover {\n color: #1c7ed6;\n color: var(--tag-link-hover-color);\n}\n.with-top-tag {\n position: relative;\n margin-top: 0.75em;\n margin-top: var(--top-tag-margin-top)\n}\n.with-top-tag .tag {\n position: absolute;\n top: -1em;\n top: var(--top-tag-top);\n left: 50%;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%)\n }\n.with-top-tag .tag.right {\n right: calc(32em / 12);\n right: var(--top-tag-indent);\n left: auto;\n -webkit-transform: none;\n transform: none;\n }\n.with-top-tag .tag.left {\n left: calc(32em / 12);\n left: var(--top-tag-indent);\n -webkit-transform: none;\n transform: none;\n }\n.with-top-tag {\n\n /* When with-top-tag is present, shift automatic margins and border radiuses to the second element. */\n}\n.with-top-tag.card > .header:nth-child(2),\n .with-top-tag.card > .section:nth-child(2) {\n margin-top: calc(-1 * calc((4em - (1em * 1.5) - (0em * 2)) / 2));\n margin-top: calc(-1 * var(--card-vertical-padding));\n border-top-left-radius: inherit;\n border-top-right-radius: inherit;\n }\n.with-top-tag h1,.with-top-tag h2,.with-top-tag h3,.with-top-tag h4,.with-top-tag h5,.with-top-tag h6,.with-top-tag .h1,.with-top-tag .h2,.with-top-tag .h3,.with-top-tag .h4,.with-top-tag .h5,.with-top-tag .h6 {\n /* Nasssty icons dom order makes us do this, precious. */\n }\n.with-top-tag h1:nth-child(2),.with-top-tag h2:nth-child(2),.with-top-tag h3:nth-child(2),.with-top-tag h4:nth-child(2),.with-top-tag h5:nth-child(2),.with-top-tag h6:nth-child(2),.with-top-tag .h1:nth-child(2),.with-top-tag .h2:nth-child(2),.with-top-tag .h3:nth-child(2),.with-top-tag .h4:nth-child(2),.with-top-tag .h5:nth-child(2),.with-top-tag .h6:nth-child(2) {\n margin-top: 0;\n }\nlabel,.label {\n display: block;\n margin: calc(1em * 12 / 16) 0 calc(1em * 4 / 16) 0;\n margin: var(--spacing-sm) 0 var(--spacing-4xs) 0;\n color: #183153;\n color: var(--label-color);\n font-size: 1em;\n font-size: var(--label-font-size);\n font-weight: bold;\n font-weight: var(--label-font-weight);\n}\ninput,textarea,.input {\n display: inline-block;\n width: 100%;\n font-size: 1em;\n font-size: var(--input-font-size);\n font-weight: bold;\n font-weight: var(--input-font-weight)\n}\ninput::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .input::-webkit-input-placeholder {\n opacity: 1;\n color: #c3c6d1;\n color: var(--input-placeholder-color);\n font-weight: normal;\n font-weight: var(--input-placeholder-font-weight);\n }\ninput::-moz-placeholder, textarea::-moz-placeholder, .input::-moz-placeholder {\n opacity: 1;\n color: #c3c6d1;\n color: var(--input-placeholder-color);\n font-weight: normal;\n font-weight: var(--input-placeholder-font-weight);\n }\ninput:-ms-input-placeholder, textarea:-ms-input-placeholder, .input:-ms-input-placeholder {\n opacity: 1;\n color: #c3c6d1;\n color: var(--input-placeholder-color);\n font-weight: normal;\n font-weight: var(--input-placeholder-font-weight);\n }\ninput::-ms-input-placeholder, textarea::-ms-input-placeholder, .input::-ms-input-placeholder {\n opacity: 1;\n color: #c3c6d1;\n color: var(--input-placeholder-color);\n font-weight: normal;\n font-weight: var(--input-placeholder-font-weight);\n }\ninput::placeholder,textarea::placeholder,.input::placeholder {\n opacity: 1;\n color: #c3c6d1;\n color: var(--input-placeholder-color);\n font-weight: normal;\n font-weight: var(--input-placeholder-font-weight);\n }\n[type="text"],[type="email"],[type="password"],textarea,.input-text {\n margin: 0 0 calc(1em * 4 / 16) 0;\n margin: 0 0 var(--spacing-4xs) 0;\n border-width: 0.125em;\n border-width: var(--input-border-width);\n border-style: solid;\n border-style: var(--input-border-style);\n border-radius: 0.75em;\n border-radius: var(--input-border-radius);\n border-color: #8991a5;\n border-color: var(--input-border-color);\n -webkit-box-shadow: inset 0 0.25em 0 0 #f0f1f3;\n box-shadow: inset 0 0.25em 0 0 #f0f1f3;\n -webkit-box-shadow: var(--input-box-shadow);\n box-shadow: var(--input-box-shadow);\n background: #fff;\n background: var(--input-background);\n padding: calc((4em - (1em * 1.5) - (0.125em * 2)) / 2) calc(1em * 1.5);\n padding: var(--input-padding)\n}\n[type="text"].rounded,[type="email"].rounded,[type="password"].rounded,textarea.rounded,.input-text.rounded {\n --input-border-radius: calc(var(--input-min-height) / 2);\n }\ntextarea:not([rows]) {\n height: 10em;\n}\nselect {\n position: relative;\n margin: 0 0 calc(1em * 4 / 16) 0;\n margin: 0 0 var(--spacing-4xs) 0;\n border-width: 0.125em;\n border-width: var(--input-border-width);\n border-style: solid;\n border-style: var(--input-border-style);\n border-radius: 0.75em;\n border-radius: var(--input-border-radius);\n border-color: #8991a5;\n border-color: var(--input-border-color);\n -webkit-box-shadow: inset 0 0.25em 0 0 #f0f1f3;\n box-shadow: inset 0 0.25em 0 0 #f0f1f3;\n -webkit-box-shadow: var(--input-box-shadow);\n box-shadow: var(--input-box-shadow);\n background-color: #fff;\n background-color: var(--input-background);\n background-image: url("data:image/svg+xml,%3Csvg aria-hidden=\'true\' focusable=\'false\' data-prefix=\'fas\' data-icon=\'caret-down\' class=\'svg-inline--fa fa-caret-down fa-w-10\' role=\'img\' xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 320 512\'%3E%3Cpath fill=\'rgb(73, 80, 87)\' d=\'M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\'%3E%3C/path%3E%3C/svg%3E");\n background-image: var(--icon-caret-down);\n background-position: 98% center;\n background-repeat: no-repeat;\n background-size: 20px 20px;\n padding: calc((4em - (1em * 1.5) - (0.125em * 2)) / 2) calc(1em * 1.5);\n padding: var(--input-padding);\n width: 100%;\n height: 4em;\n height: var(--input-min-height)\n}\nselect.rounded {\n --input-border-radius: calc(var(--input-min-height) / 2);\n }\n.tip-text,.help-text,.tip {\n display: block;\n margin: 0 0 calc(1em * 4 / 16) 0;\n margin: 0 0 var(--spacing-4xs) 0;\n color: #515e7b;\n color: var(--help-color);\n font-size: calc(1em * 0.875);\n font-size: var(--help-font-size);\n}\nfieldset {\n margin: calc(1em * 1.25) 0;\n margin: var(--spacing-lg) 0;\n border-width: 0.125em 0;\n border-width: var(--fieldset-border-width);\n border-style: solid;\n border-style: var(--fieldset-border-style);\n border-color: #8991a5;\n border-color: var(--fieldset-border-color);\n background: none;\n background: var(--fieldset-background);\n padding: 0 0 calc(1em * 12 / 16) 0;\n padding: var(--fieldset-padding);\n}\nlegend {\n background: transparent;\n background: var(--legend-background);\n padding: 0 calc(1em * 12 / 16) 0 0;\n padding: var(--legend-padding);\n color: #515e7b;\n color: var(--legend-color);\n font-weight: bold;\n font-weight: var(--legend-font-weight);\n}\nlabel.required {\n color: #183153;\n color: var(--label-required-color)\n}\nlabel.required::after {\n color: #183153;\n color: var(--label-required-color);\n content: "*";\n }\ninput.disabled,textarea.disabled,.input.disabled,\ninput[disabled="disabled"],\ntextarea[disabled="disabled"],\n.input[disabled="disabled"],\ninput[disabled],\ntextarea[disabled],\n.input[disabled] {\n border-color: #c3c6d1;\n border-color: var(--input-disabled-border-color);\n -webkit-box-shadow: none;\n box-shadow: none;\n background: #c3c6d1;\n background: var(--input-disabled-background);\n color: #515e7b;\n color: var(--input-disabled-color);\n}\nlabel.disabled,\ninput[disabled="disabled"] + label,\ninput[disabled] + label {\n color: #515e7b;\n color: var(--label-disabled-color);\n}\ninput[type="checkbox"] + label,\ninput[type="radio"] + label {\n display: inline-block;\n margin-top: 0;\n margin-right: calc(1em * 12 / 16);\n margin-right: var(--spacing-sm);\n font-weight: 400;\n font-weight: var(--font-weight-normal);\n}\ninput[type="checkbox"],\ninput[type="radio"],\ninput[type="button"],\ninput[type="submit"],\ninput[type="reset"] {\n width: auto;\n}\ninput[readonly],textarea[readonly],.input[readonly] {\n -webkit-box-shadow: none;\n box-shadow: none;\n background-color: transparent;\n}\nform button,form .button,form .btn,form [type=button],form [type=reset],form [type=submit] {\n margin: calc(1em * 12 / 16) 0 0;\n margin: var(--form-button-margin);\n}\n.message + input,.message + textarea,.message + .input {\n margin-top: calc(-1 * calc(1em * 4 / 16));\n margin-top: calc(-1 * var(--spacing-4xs));\n}\nform .with-icon-before {\n position: relative\n}\nform .with-icon-before input {\n padding-left: calc((calc(1em * 1.5) - 0.125em) * 1.6 + 1.25 * 1em);\n padding-left: calc((var(--input-padding-horizontal) - var(--input-border-width)) * 1.6 + var(--input-with-icon-scale) * 1em); /* icon width plus space on either side */\n }\nform .with-icon-before i[class*="fa-"],form .with-icon-before .svg-inline--fa {\n display: inline-block;\n position: absolute;\n top: calc((4em / 1.25 - 1em) / 2);\n top: calc((var(--input-min-height) / var(--input-with-icon-scale) - 1em) / 2);\n left: calc(calc(1em * 1.5) / 1.25);\n left: calc(var(--input-padding-horizontal) / var(--input-with-icon-scale));\n color: #c3c6d1;\n color: var(--input-with-icon-color);\n font-size: calc(1.25 * 1em);\n font-size: calc(var(--input-with-icon-scale) * 1em);\n pointer-events: none;\n }\nform .with-icon-after {\n position: relative\n}\nform .with-icon-after i[class*="fa-"],form .with-icon-after .svg-inline--fa {\n display: inline-block;\n position: absolute;\n top: calc((4em / 1.25 - 1em) / 2);\n top: calc((var(--input-min-height) / var(--input-with-icon-scale) - 1em) / 2); /* Automatically scales as icon size scales */\n right: calc(calc(1em * 1.5) / 1.25);\n right: calc(var(--input-padding-horizontal) / var(--input-with-icon-scale));\n color: #c3c6d1;\n color: var(--input-with-icon-color);\n font-size: calc(1.25 * 1em);\n font-size: calc(var(--input-with-icon-scale) * 1em);\n pointer-events: none;\n }\nform .with-icon-after input {\n padding-right: calc((calc(1em * 1.5) - 0.125em) * 1.6 + 1.25 * 1em);\n padding-right: calc((var(--input-padding-horizontal) - var(--input-border-width)) * 1.6 + var(--input-with-icon-scale) * 1em); /* icon width plus space on either side */\n }\nform.inline {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center\n}\nform.inline > * {\n margin: calc(1em * 4 / 16);\n margin: var(--spacing-4xs);\n }\nform.inline input {\n width: auto;\n }\nform.inline button,form.inline .button,form.inline .btn,form.inline [type=button],form.inline [type=reset],form.inline [type=submit] {\n margin-top: calc(-1 * 0.125em);\n margin-top: calc(-1 * var(--button-border-width)); /* Offsets button width */\n }\nform .affix {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n margin: 0 0 calc(1em * 4 / 16) 0;\n margin: 0 0 var(--spacing-4xs) 0\n}\nform .affix span {\n -webkit-box-flex: 0;\n -ms-flex-positive: 0;\n flex-grow: 0;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n border-width: 0.125em;\n border-width: var(--input-border-width);\n border-style: solid;\n border-style: var(--input-border-style);\n border-radius: 0.75em;\n border-radius: var(--input-border-radius);\n border-color: #8991a5;\n border-color: var(--input-border-color);\n background: #8991a5;\n background: var(--input-affix-background);\n padding: calc((4em - (1em * 1.5) - (0.125em * 2)) / 2) calc(1em * 1.5);\n padding: var(--input-padding);\n color: #fff;\n color: var(--input-affix-color)\n }\nform .affix span:first-child {\n margin-right: calc((0.125em) * -1);\n margin-right: calc((var(--input-border-width)) * -1); /* adjust for border */\n border-radius: 0.75em 0 0 0.75em;\n border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);\n }\nform .affix span:last-child {\n margin-left: calc((0.125em) * -1);\n margin-left: calc((var(--input-border-width)) * -1); /* adjust for border */\n border-radius: 0 0.75em 0.75em 0;\n border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;\n }\nform .affix input {\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n margin: 0;\n width: auto\n }\nform .affix input:last-child {\n border-radius: 0 0.75em 0.75em 0;\n border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;\n }\nform .affix input:first-child {\n border-radius: 0.75em 0 0 0.75em;\n border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);\n }\nform .affix button:last-child {\n margin: 0 0 0.375em calc(-1 * 0.125em);\n margin: 0 0 var(--button-box-shadow-width) calc(-1 * var(--button-border-width));\n border-radius: 0 0.75em 0.75em 0;\n border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;\n }\nform .affix.rounded {\n --input-border-radius: calc(var(--input-min-height) / 2)\n }\nform .affix.rounded > :first-child {\n padding-left: calc(1em * 1.25);\n padding-left: var(--spacing-lg);\n }\nform .affix.rounded > :last-child {\n padding-right: calc(1em * 1.25);\n padding-right: var(--spacing-lg);\n }\n.card {\n display: block;\n display: var(--card-display);\n position: relative;\n margin-bottom: calc(1em * 1.5);\n margin-bottom: var(--card-margin-bottom);\n outline: none;\n border: 0em solid #fff;\n border: var(--card-border-width) var(--card-border-style) var(--card-border-color);\n border-radius: 0.75em;\n border-radius: var(--card-border-radius);\n background: #fff;\n background: var(--card-background);\n padding: calc(calc((4em - (1em * 1.5) - (0em * 2)) / 2) - 0em) calc(calc(1em * 1.5) - 0em);\n padding: calc(var(--card-vertical-padding) - var(--card-border-width)) calc(var(--card-horizontal-padding) - var(--card-border-width));\n min-height: 4em;\n min-height: var(--card-min-height);\n vertical-align: top;\n vertical-align: var(--card-vertical-align);\n text-align: center;\n text-align: var(--card-text-align);\n color: #183153;\n color: var(--card-color)\n}\n.card > .text-left {\n text-align: left;\n text-align: var(--text-align);\n }\n.card > .header,\n .card.header {\n background: #183153;\n background: var(--card-header-background);\n color: #fff;\n color: var(--card-header-color);\n }\n.card > .section {\n color: #183153;\n color: var(--card-section-color);\n }\n.card > .header,\n .card > header,\n .card > .section,\n .card > section {\n margin-right: calc(-1 * calc(1em * 1.5) + 0em);\n margin-right: calc(-1 * var(--card-horizontal-padding) + var(--card-border-width));\n margin-left: calc(-1 * calc(1em * 1.5) + 0em);\n margin-left: calc(-1 * var(--card-horizontal-padding) + var(--card-border-width));\n padding: calc((4em - (1em * 1.5) - (0em * 2)) / 2) calc(1em * 1.5);\n padding: var(--card-vertical-padding) var(--card-horizontal-padding)\n }\n.card > .header:first-child, .card > header:first-child, .card > .section:first-child, .card > section:first-child {\n margin-top: calc(-1 * calc((4em - (1em * 1.5) - (0em * 2)) / 2) + 0em);\n margin-top: calc(-1 * var(--card-vertical-padding) + var(--card-border-width));\n border-top-left-radius: calc(0.75em - 0em);\n border-top-left-radius: calc(var(--card-border-radius) - var(--card-border-width));\n border-top-right-radius: calc(0.75em - 0em);\n border-top-right-radius: calc(var(--card-border-radius) - var(--card-border-width));\n padding-top: calc(calc((4em - (1em * 1.5) - (0em * 2)) / 2) - 0em);\n padding-top: calc(var(--card-vertical-padding) - var(--card-border-width));\n }\n.card > .header:last-child, .card > header:last-child, .card > .section:last-child, .card > section:last-child {\n margin-bottom: calc(-1 * calc((4em - (1em * 1.5) - (0em * 2)) / 2) + 0em);\n margin-bottom: calc(-1 * var(--card-vertical-padding) + var(--card-border-width));\n border-bottom-left-radius: calc(0.75em - 0em);\n border-bottom-left-radius: calc(var(--card-border-radius) - var(--card-border-width));\n border-bottom-right-radius: calc(0.75em - 0em);\n border-bottom-right-radius: calc(var(--card-border-radius) - var(--card-border-width));\n padding-bottom: calc(calc((4em - (1em * 1.5) - (0em * 2)) / 2) - 0em);\n padding-bottom: calc(var(--card-vertical-padding) - var(--card-border-width));\n }\n.card > .section + .section {\n border-top: 0.125em dotted #f0f1f3;\n border-top: var(--card-section-border);\n }\n.card > .header + .header {\n border-top: 0.125em dotted #001c40;\n border-top: var(--card-header-border);\n }\n.card.roomy {\n --card-vertical-padding: var(--card-roomy-vertical-padding);\n --card-horizontal-padding: var(--card-roomy-horizontal-padding);\n --card-min-height: var(--card-roomy-min-height);\n --card-margin: 0 0 var(--card-roomy-vertical-padding);\n }\n.card.compact {\n --card-vertical-padding: var(--card-compact-vertical-padding);\n --card-horizontal-padding: var(--card-compact-horizontal-padding);\n --card-min-height: var(--card-compact-min-height);\n --card-margin: 0 0 var(--card-compct-vertical-padding);\n }\na.card {\n -webkit-box-shadow: 0 0.25em 0 #c3c6d1;\n box-shadow: 0 0.25em 0 #c3c6d1;\n -webkit-box-shadow: var(--card-link-box-shadow);\n box-shadow: var(--card-link-box-shadow);\n background: #fff;\n background: var(--card-link-background);\n -webkit-text-decoration: var(--card-link-decoration);\n text-decoration: var(--card-link-decoration);\n color: #183153;\n color: var(--card-link-color)\n}\na.card:hover,\n a.card.hover,\n a.card:active,\n a.card.active,\n a.card:focus,\n a.card.focus {\n border: none;\n -webkit-box-shadow: 0 0.25em 0 #74c0fc;\n box-shadow: 0 0.25em 0 #74c0fc;\n -webkit-box-shadow: 0 var(--with-shadow-box-shadow-width) 0 var(--card-link-hover-border-color);\n box-shadow: 0 var(--with-shadow-box-shadow-width) 0 var(--card-link-hover-border-color);\n padding: calc((4em - (1em * 1.5) - (0em * 2)) / 2) calc(1em * 1.5);\n padding: var(--card-vertical-padding) var(--card-horizontal-padding);\n -webkit-text-decoration: var(--card-link-hover-decoration);\n text-decoration: var(--card-link-hover-decoration)\n }\na.card:hover::before, a.card.hover::before, a.card:active::before, a.card.active::before, a.card:focus::before, a.card.focus::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n border: 0.125em solid #74c0fc;\n border: var(--card-link-hover-border-width) var(--card-link-hover-border-style) var(--card-link-hover-border-color);\n border-radius: 0.75em;\n border-radius: var(--card-border-radius);\n content: "";\n }\na.card:active,\n a.card.active {\n top: 0.25em;\n top: var(--with-shadow-box-shadow-width);\n -webkit-box-shadow: none;\n box-shadow: none;\n }\n.modal,fa-modal {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n -webkit-transition: opacity calc(1s * 0.25);\n transition: opacity calc(1s * 0.25);\n -webkit-transition: opacity var(--modal-transition-duration);\n transition: opacity var(--modal-transition-duration);\n visibility: hidden;\n opacity: 0;\n opacity: var(--modal-opacity);\n z-index: 1;\n background: rgba(81, 94, 123, 0.5);\n background: var(--modal-shadow);\n width: 100%;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto\n}\n.modal .card,fa-modal .card,\n .modal::part(card),\n fa-modal::part(card) {\n margin: calc(1em * 2) auto 0;\n margin: var(--modal-margin);\n max-width: 66ch;\n max-width: var(--line-length-md);\n min-height: 4em;\n min-height: var(--modal-min-height);\n }\n.overlay {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n -webkit-transition: opacity calc(1s * 0.25);\n transition: opacity calc(1s * 0.25);\n -webkit-transition: opacity var(--modal-transition-duration);\n transition: opacity var(--modal-transition-duration);\n visibility: hidden;\n opacity: 0;\n opacity: var(--modal-opacity);\n z-index: 1;\n background: rgba(81, 94, 123, 0.5);\n background: var(--modal-shadow);\n width: 100%;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto\n}\n.overlay:target {\n visibility: visible;\n opacity: 1;\n }\npre {\n border-radius: 0.5em;\n border-radius: var(--border-radius-sm);\n background: #a5abbb;\n background: var(--gray-300);\n padding: 1rem;\n padding: var(--size-reset-base);\n overflow: auto;\n}\n.example-block code {\n color: #001c40;\n color: var(--gray-900)\n }\n.example-block code span {\n display: inline;\n }\n.brckt {\n color: #001c40;\n color: var(--gray-900);\n}\n.eq,\n.qut {\n color: #001c40;\n color: var(--gray-900);\n}\n/* add-ons */\n/* with hr */\n.with-hr,.with-horizontal-rule,.with-bottom-border,.with-border-bottom {\n border-bottom-width: 0.125em;\n border-bottom-width: var(--hr-border-width);\n border-bottom-style: solid;\n border-bottom-style: var(--hr-border-style);\n border-bottom-color: #c3c6d1;\n border-bottom-color: var(--hr-border-color);\n padding-bottom: 0.25em;\n padding-bottom: var(--hr-padding-bottom);\n}\n/* with icons */\n.with-icon i[class*="fa-"],.with-icon .svg-inline--fa,\n.with-icon-before i[class*="fa-"],\n.with-icon-before .svg-inline--fa {\n margin-right: var(--spacing-inline);\n}\n.with-icon-after i[class*="fa-"],.with-icon-after .svg-inline--fa {\n margin-left: var(--spacing-inline);\n}\n/* specific styling for links */\na.with-icon i[class*="fa-"],a.with-icon .svg-inline--fa,\na.with-icon-before i[class*="fa-"],\na.with-icon-before .svg-inline--fa,\na.with-icon-after i[class*="fa-"],\na.with-icon-after .svg-inline--fa {\n --spacing-inline: var(--spacing-4xs);\n}\n/* measure */\n.line-length-2xs {\n max-width: 15ch;\n max-width: var(--line-length-2xs);\n }\n.line-length-xs {\n max-width: 30ch;\n max-width: var(--line-length-xs);\n }\n.line-length-sm {\n max-width: 45ch;\n max-width: var(--line-length-sm);\n }\n.line-length-md {\n max-width: 66ch;\n max-width: var(--line-length-md);\n }\n.line-length-lg {\n max-width: 77ch;\n max-width: var(--line-length-lg);\n }\n.line-length-xl {\n max-width: 90ch;\n max-width: var(--line-length-xl);\n }\n.line-length-none {\n max-width: none;\n}\n@media (min-width: 48rem) {\n .tablet\\:line-length-2xs {\n max-width: 15ch;\n max-width: var(--line-length-2xs);\n }\n .tablet\\:line-length-xs {\n max-width: 30ch;\n max-width: var(--line-length-xs);\n }\n .tablet\\:line-length-sm {\n max-width: 45ch;\n max-width: var(--line-length-sm);\n }\n .tablet\\:line-length-md {\n max-width: 66ch;\n max-width: var(--line-length-md);\n }\n .tablet\\:line-length-lg {\n max-width: 77ch;\n max-width: var(--line-length-lg);\n }\n .tablet\\:line-length-xl {\n max-width: 90ch;\n max-width: var(--line-length-xl);\n }\n\n .tablet\\:line-length-none {\n max-width: none;\n }\n}\n@media (min-width: 64rem) {\n .laptop\\:line-length-2xs {\n max-width: 15ch;\n max-width: var(--line-length-2xs);\n }\n .laptop\\:line-length-xs {\n max-width: 30ch;\n max-width: var(--line-length-xs);\n }\n .laptop\\:line-length-sm {\n max-width: 45ch;\n max-width: var(--line-length-sm);\n }\n .laptop\\:line-length-md {\n max-width: 66ch;\n max-width: var(--line-length-md);\n }\n .laptop\\:line-length-lg {\n max-width: 77ch;\n max-width: var(--line-length-lg);\n }\n .laptop\\:line-length-xl {\n max-width: 90ch;\n max-width: var(--line-length-xl);\n }\n\n .laptop\\:line-length-none {\n max-width: none;\n }\n}\n@media (min-width: 96rem) {\n .desktop\\:line-length-2xs {\n max-width: 15ch;\n max-width: var(--line-length-2xs);\n }\n .desktop\\:line-length-xs {\n max-width: 30ch;\n max-width: var(--line-length-xs);\n }\n .desktop\\:line-length-sm {\n max-width: 45ch;\n max-width: var(--line-length-sm);\n }\n .desktop\\:line-length-md {\n max-width: 66ch;\n max-width: var(--line-length-md);\n }\n .desktop\\:line-length-lg {\n max-width: 77ch;\n max-width: var(--line-length-lg);\n }\n .desktop\\:line-length-xl {\n max-width: 90ch;\n max-width: var(--line-length-xl);\n }\n\n .desktop\\:line-length-none {\n max-width: none;\n }\n}\n/* Auto Margins */\n.margin-auto {\n margin-right: auto;\n margin-left: auto;\n}\n.margin-right-auto {\n margin-right: auto;\n}\n.margin-left-auto {\n margin-left: auto;\n}\n@media (min-width: 48rem) {\n .tablet\\:margin-auto {\n margin-right: auto;\n margin-left: auto;\n }\n\n .tablet\\:margin-right-auto {\n margin-right: auto;\n }\n\n .tablet\\:margin-left-auto {\n margin-left: auto;\n }\n}\n@media (min-width: 64rem) {\n .laptop\\:margin-auto {\n margin-right: auto;\n margin-left: auto;\n }\n\n .laptop\\:margin-right-auto {\n margin-right: auto;\n }\n\n .laptop\\:margin-left-auto {\n margin-left: auto;\n }\n}\n@media (min-width: 96rem) {\n .desktop\\:margin-auto {\n margin-right: auto;\n margin-left: auto;\n }\n\n .desktop\\:margin-right-auto {\n margin-right: auto;\n }\n\n .desktop\\:margin-left-auto {\n margin-left: auto;\n }\n}\n/* Floats & Clearfix */\n.float-right {\n float: right;\n}\n.float-left {\n float: left;\n}\n.float-none {\n float: none;\n}\n@media (min-width: 48rem) {\n .tablet\\:float-right {\n float: right;\n }\n\n .tablet\\:float-left {\n float: left;\n }\n\n .tablet\\:float-none {\n float: none;\n }\n}\n@media (min-width: 64rem) {\n .laptop\\:float-right {\n float: right;\n }\n\n .laptop\\:float-left {\n float: left;\n }\n\n .laptop\\:float-none {\n float: none;\n }\n}\n@media (min-width: 96rem) {\n .desktop\\:float-right {\n float: right;\n }\n\n .desktop\\:float-left {\n float: left;\n }\n\n .desktop\\:float-none {\n float: none;\n }\n}\n.clearfix {\n display: table;\n clear: both;\n content: "";\n}\n/* utilities */\n/* accessibility-minded */\n.sr-only,.screenreader-only {\n clip: rect(0, 0, 0, 0);\n position: absolute;\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n border: 0;\n padding: 0;\n width: 1px;\n height: 1px;\n overflow: hidden;\n white-space: nowrap;\n}\n.sr-only:active,.screenreader-only:active,\n.sr-only:focus,\n.screenreader-only:focus {\n clip: auto;\n position: static;\n -webkit-clip-path: none;\n clip-path: none;\n width: auto;\n height: auto;\n overflow: visible;\n white-space: normal;\n}\n@media (min-width: 48rem) {\n .tablet\\:sr-only {\n clip: rect(0, 0, 0, 0);\n position: absolute;\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n border: 0;\n padding: 0;\n width: 1px;\n height: 1px;\n overflow: hidden;\n white-space: nowrap;\n }\n\n .tablet\\:sr-only-focusable:active,\n .tablet\\:sr-only-focusable:focus {\n clip: auto;\n position: static;\n -webkit-clip-path: none;\n clip-path: none;\n width: auto;\n height: auto;\n overflow: visible;\n white-space: normal;\n }\n}\n@media (min-width: 64rem) {\n .laptop\\:sr-only {\n clip: rect(0, 0, 0, 0);\n position: absolute;\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n border: 0;\n padding: 0;\n width: 1px;\n height: 1px;\n overflow: hidden;\n white-space: nowrap;\n }\n\n .laptop\\:sr-only-focusable:active,\n .laptop\\:sr-only-focusable:focus {\n clip: auto;\n position: static;\n -webkit-clip-path: none;\n clip-path: none;\n width: auto;\n height: auto;\n overflow: visible;\n white-space: normal;\n }\n}\n@media (min-width: 96rem) {\n .desktop\\:sr-only {\n clip: rect(0, 0, 0, 0);\n position: absolute;\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n border: 0;\n padding: 0;\n width: 1px;\n height: 1px;\n overflow: hidden;\n white-space: nowrap;\n }\n\n .desktop\\:sr-only-focusable:active,\n .desktop\\:sr-only-focusable:focus {\n clip: auto;\n position: static;\n -webkit-clip-path: none;\n clip-path: none;\n width: auto;\n height: auto;\n overflow: visible;\n white-space: normal;\n }\n}\n/* make sure to set the parent of a :--breakout-action to have relative positioning */\n.breakout-button,.breakout-link {\n position: static\n}\n.breakout-button:focus,.breakout-link:focus {\n outline: none;\n }\n.breakout-button::before,.breakout-link::before {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n cursor: pointer;\n width: 100%;\n height: 100%;\n content: "";\n }\n.breakout-button:focus::before,.breakout-link:focus::before {\n outline: 1px solid #fff;\n outline: var(--focus-outline-size) var(--focus-outline-style) var(--focus-outline-color);\n }\n.display-none {\n display: none;\n}\n.display-inline {\n display: inline;\n}\n.display-block {\n display: block;\n}\n.display-inline-block {\n display: inline-block;\n}\n.display-inline-table {\n display: inline-table;\n}\n.display-table {\n display: table;\n}\n.display-table-cell {\n display: table-cell;\n}\n.display-table-row {\n display: table-row;\n}\n.display-table-column {\n display: table-column;\n}\n.display-flex {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.display-inline-flex {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n}\n.flex-row {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n.flex-row-reverse {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: reverse;\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n}\n.flex-column {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.flex-column-reverse {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n}\n.flex-wrap {\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n.flex-nowrap {\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n}\n.flex-wrap-reverse {\n -ms-flex-wrap: wrap-reverse;\n flex-wrap: wrap-reverse;\n}\n.flex-items-start {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: start;\n}\n.flex-items-center {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.flex-items-end {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: end;\n}\n.flex-items-baseline {\n -webkit-box-align: baseline;\n -ms-flex-align: baseline;\n align-items: baseline;\n}\n.flex-content-start {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\n.flex-content-center {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.flex-content-end {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n}\n.flex-content-around {\n -ms-flex-pack: distribute;\n justify-content: space-around;\n}\n.flex-content-between {\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n.flex-content-evenly {\n -webkit-box-pack: space-evenly;\n -ms-flex-pack: space-evenly;\n justify-content: space-evenly;\n}\n@media (min-width: 48rem) {\n .tablet\\:display-none {\n display: none;\n }\n\n .tablet\\:display-inline {\n display: inline;\n }\n\n .tablet\\:display-block {\n display: block;\n }\n\n .tablet\\:display-inline-block {\n display: inline-block;\n }\n\n .tablet\\:display-inline-table {\n display: inline-table;\n }\n\n .tablet\\:display-table {\n display: table;\n }\n\n .tablet\\:display-table-cell {\n display: table-cell;\n }\n\n .tablet\\:display-table-row {\n display: table-row;\n }\n\n .tablet\\:display-table-column {\n display: table-column;\n }\n\n .tablet\\:display-flex {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n }\n\n .tablet\\:display-inline-flex {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n }\n\n .tablet\\:flex-row {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n }\n\n .tablet\\:flex-row-reverse {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: reverse;\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n }\n\n .tablet\\:flex-column {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n }\n\n .tablet\\:flex-column-reverse {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n }\n\n .tablet\\:flex-wrap {\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n }\n\n .tablet\\:flex-nowrap {\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n }\n\n .tablet\\:flex-wrap-reverse {\n -ms-flex-wrap: wrap-reverse;\n flex-wrap: wrap-reverse;\n }\n\n .tablet\\:flex-items-start {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: start;\n }\n\n .tablet\\:flex-items-center {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n\n .tablet\\:flex-items-end {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: end;\n }\n\n .tablet\\:flex-items-baseline {\n -webkit-box-align: baseline;\n -ms-flex-align: baseline;\n align-items: baseline;\n }\n\n .tablet\\:flex-content-start {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: start;\n }\n\n .tablet\\:flex-content-center {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n }\n\n .tablet\\:flex-content-end {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: end;\n }\n\n .tablet\\:flex-content-around {\n -ms-flex-pack: distribute;\n justify-content: space-around;\n }\n\n .tablet\\:flex-content-between {\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n }\n\n .tablet\\:flex-content-evenly {\n -webkit-box-pack: space-evenly;\n -ms-flex-pack: space-evenly;\n justify-content: space-evenly;\n }\n}\n@media (min-width: 64rem) {\n .laptop\\:display-none {\n display: none;\n }\n\n .laptop\\:display-inline {\n display: inline;\n }\n\n .laptop\\:display-block {\n display: block;\n }\n\n .laptop\\:display-inline-block {\n display: inline-block;\n }\n\n .laptop\\:display-inline-table {\n display: inline-table;\n }\n\n .laptop\\:display-table {\n display: table;\n }\n\n .laptop\\:display-table-cell {\n display: table-cell;\n }\n\n .laptop\\:display-table-row {\n display: table-row;\n }\n\n .laptop\\:display-table-column {\n display: table-column;\n }\n\n .laptop\\:display-flex {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n }\n\n .laptop\\:display-inline-flex {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n }\n\n .laptop\\:flex-row {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n }\n\n .laptop\\:flex-row-reverse {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: reverse;\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n }\n\n .laptop\\:flex-column {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n }\n\n .laptop\\:flex-column-reverse {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n }\n\n .laptop\\:flex-wrap {\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n }\n\n .laptop\\:flex-nowrap {\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n }\n\n .laptop\\:flex-wrap-reverse {\n -ms-flex-wrap: wrap-reverse;\n flex-wrap: wrap-reverse;\n }\n\n .laptop\\:flex-items-start {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: start;\n }\n\n .laptop\\:flex-items-center {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n\n .laptop\\:flex-items-end {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: end;\n }\n\n .laptop\\:flex-items-baseline {\n -webkit-box-align: baseline;\n -ms-flex-align: baseline;\n align-items: baseline;\n }\n\n .laptop\\:flex-content-start {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: start;\n }\n\n .laptop\\:flex-content-center {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n }\n\n .laptop\\:flex-content-end {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: end;\n }\n\n .laptop\\:flex-content-around {\n -ms-flex-pack: distribute;\n justify-content: space-around;\n }\n\n .laptop\\:flex-content-between {\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n }\n\n .laptop\\:flex-content-evenly {\n -webkit-box-pack: space-evenly;\n -ms-flex-pack: space-evenly;\n justify-content: space-evenly;\n }\n}\n@media (min-width: 96rem) {\n .desktop\\:display-none {\n display: none;\n }\n\n .desktop\\:display-inline {\n display: inline;\n }\n\n .desktop\\:display-block {\n display: block;\n }\n\n .desktop\\:display-inline-block {\n display: inline-block;\n }\n\n .desktop\\:display-inline-table {\n display: inline-table;\n }\n\n .desktop\\:display-table {\n display: table;\n }\n\n .desktop\\:display-table-cell {\n display: table-cell;\n }\n\n .desktop\\:display-table-row {\n display: table-row;\n }\n\n .desktop\\:display-table-column {\n display: table-column;\n }\n\n .desktop\\:display-flex {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n }\n\n .desktop\\:display-inline-flex {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n }\n\n .desktop\\:flex-row {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n }\n\n .desktop\\:flex-row-reverse {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: reverse;\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n }\n\n .desktop\\:flex-column {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n }\n\n .desktop\\:flex-column-reverse {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n }\n\n .desktop\\:flex-wrap {\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n }\n\n .desktop\\:flex-nowrap {\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n }\n\n .desktop\\:flex-wrap-reverse {\n -ms-flex-wrap: wrap-reverse;\n flex-wrap: wrap-reverse;\n }\n\n .desktop\\:flex-items-start {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: start;\n }\n\n .desktop\\:flex-items-center {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n\n .desktop\\:flex-items-end {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: end;\n }\n\n .desktop\\:flex-items-baseline {\n -webkit-box-align: baseline;\n -ms-flex-align: baseline;\n align-items: baseline;\n }\n\n .desktop\\:flex-content-start {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: start;\n }\n\n .desktop\\:flex-content-center {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n }\n\n .desktop\\:flex-content-end {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: end;\n }\n\n .desktop\\:flex-content-around {\n -ms-flex-pack: distribute;\n justify-content: space-around;\n }\n\n .desktop\\:flex-content-between {\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n }\n\n .desktop\\:flex-content-evenly {\n -webkit-box-pack: space-evenly;\n -ms-flex-pack: space-evenly;\n justify-content: space-evenly;\n }\n}\n.align-start,\n.align-left {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n text-align: flex-start;\n}\n.align-center {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n text-align: center;\n}\n.align-end,\n.align-right {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n text-align: flex-end;\n}\n.align-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n.align-middle {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.align-bottom {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n}\n.align-stretch {\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n}\n.align-around {\n -ms-flex-pack: distribute;\n justify-content: space-around;\n}\n.align-between {\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n@media (min-width: 48rem) {\n .tablet\\:align-start,\n .tablet\\:align-left {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n text-align: flex-start;\n }\n\n .tablet\\:align-center {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n text-align: center;\n }\n\n .tablet\\:align-end,\n .tablet\\:align-right {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n text-align: flex-end;\n }\n\n .tablet\\:align-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n }\n\n .tablet\\:align-middle {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n\n .tablet\\:align-bottom {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n }\n\n .tablet\\:align-around {\n -ms-flex-pack: distribute;\n justify-content: space-around;\n }\n\n .tablet\\:align-between {\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n }\n}\n@media (min-width: 64rem) {\n .laptop\\:align-start,\n .laptop\\:align-left {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n text-align: flex-start;\n }\n\n .laptop\\:align-center {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n text-align: center;\n }\n\n .laptop\\:align-end,\n .laptop\\:align-right {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n text-align: flex-end;\n }\n\n .laptop\\:align-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n }\n\n .laptop\\:align-middle {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n\n .laptop\\:align-bottom {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n }\n\n .laptop\\:align-around {\n -ms-flex-pack: distribute;\n justify-content: space-around;\n }\n\n .laptop\\:align-between {\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n }\n}\n@media (min-width: 96rem) {\n .desktop\\:align-start,\n .desktop\\:align-left {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n text-align: flex-start;\n }\n\n .desktop\\:align-center {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n text-align: center;\n }\n\n .desktop\\:align-end,\n .desktop\\:align-right {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n text-align: flex-end;\n }\n\n .desktop\\:align-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n }\n\n .desktop\\:align-middle {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n\n .desktop\\:align-bottom {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n }\n\n .desktop\\:align-around {\n -ms-flex-pack: distribute;\n justify-content: space-around;\n }\n\n .desktop\\:align-between {\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n }\n}\n.object-contain {\n -o-object-fit: contain;\n object-fit: contain;\n}\n.object-cover {\n -o-object-fit: cover;\n object-fit: cover;\n}\n.object-fill {\n -o-object-fit: fill;\n object-fit: fill;\n}\n.object-none {\n -o-object-fit: none;\n object-fit: none;\n}\n.object-scale-down {\n -o-object-fit: scale-down;\n object-fit: scale-down;\n}\n@media (min-width: 48rem) {\n .tablet\\:object-contain {\n -o-object-fit: contain;\n object-fit: contain;\n }\n\n .tablet\\:object-cover {\n -o-object-fit: cover;\n object-fit: cover;\n }\n\n .tablet\\:object-fill {\n -o-object-fit: fill;\n object-fit: fill;\n }\n\n .tablet\\:object-none {\n -o-object-fit: none;\n object-fit: none;\n }\n\n .tablet\\:object-scale-down {\n -o-object-fit: scale-down;\n object-fit: scale-down;\n }\n}\n@media (min-width: 64rem) {\n .laptop\\:object-contain {\n -o-object-fit: contain;\n object-fit: contain;\n }\n\n .laptop\\:object-cover {\n -o-object-fit: cover;\n object-fit: cover;\n }\n\n .laptop\\:object-fill {\n -o-object-fit: fill;\n object-fit: fill;\n }\n\n .laptop\\:object-none {\n -o-object-fit: none;\n object-fit: none;\n }\n\n .laptop\\:object-scale-down {\n -o-object-fit: scale-down;\n object-fit: scale-down;\n }\n}\n@media (min-width: 96rem) {\n .desktop\\:object-contain {\n -o-object-fit: contain;\n object-fit: contain;\n }\n\n .desktop\\:object-cover {\n -o-object-fit: cover;\n object-fit: cover;\n }\n\n .desktop\\:object-fill {\n -o-object-fit: fill;\n object-fit: fill;\n }\n\n .desktop\\:object-none {\n -o-object-fit: none;\n object-fit: none;\n }\n\n .desktop\\:object-scale-down {\n -o-object-fit: scale-down;\n object-fit: scale-down;\n }\n}\n/* spacing - margins */\n.margin-7xs {\n margin: calc(1em * 1 / 16) !important;\n margin: var(--spacing-7xs) !important;\n }\n.margin-top-7xs {\n margin-top: calc(1em * 1 / 16) !important;\n margin-top: var(--spacing-7xs) !important;\n }\n.margin-right-7xs {\n margin-right: calc(1em * 1 / 16) !important;\n margin-right: var(--spacing-7xs) !important;\n }\n.margin-bottom-7xs {\n margin-bottom: calc(1em * 1 / 16) !important;\n margin-bottom: var(--spacing-7xs) !important;\n }\n.margin-left-7xs {\n margin-left: calc(1em * 1 / 16) !important;\n margin-left: var(--spacing-7xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-7xs {\n margin-right: calc(1em * 1 / 16) !important;\n margin-right: var(--spacing-7xs) !important;\n margin-left: calc(1em * 1 / 16) !important;\n margin-left: var(--spacing-7xs) !important;\n }\n.margin-x-7xs {\n margin-right: calc(1em * 1 / 16) !important;\n margin-right: var(--spacing-7xs) !important;\n margin-left: calc(1em * 1 / 16) !important;\n margin-left: var(--spacing-7xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-7xs {\n margin-top: calc(1em * 1 / 16) !important;\n margin-top: var(--spacing-7xs) !important;\n margin-bottom: calc(1em * 1 / 16) !important;\n margin-bottom: var(--spacing-7xs) !important;\n }\n.margin-y-7xs {\n margin-top: calc(1em * 1 / 16) !important;\n margin-top: var(--spacing-7xs) !important;\n margin-bottom: calc(1em * 1 / 16) !important;\n margin-bottom: var(--spacing-7xs) !important;\n }\n.margin-6xs {\n margin: calc(1em * 2 / 16) !important;\n margin: var(--spacing-6xs) !important;\n }\n.margin-top-6xs {\n margin-top: calc(1em * 2 / 16) !important;\n margin-top: var(--spacing-6xs) !important;\n }\n.margin-right-6xs {\n margin-right: calc(1em * 2 / 16) !important;\n margin-right: var(--spacing-6xs) !important;\n }\n.margin-bottom-6xs {\n margin-bottom: calc(1em * 2 / 16) !important;\n margin-bottom: var(--spacing-6xs) !important;\n }\n.margin-left-6xs {\n margin-left: calc(1em * 2 / 16) !important;\n margin-left: var(--spacing-6xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-6xs {\n margin-right: calc(1em * 2 / 16) !important;\n margin-right: var(--spacing-6xs) !important;\n margin-left: calc(1em * 2 / 16) !important;\n margin-left: var(--spacing-6xs) !important;\n }\n.margin-x-6xs {\n margin-right: calc(1em * 2 / 16) !important;\n margin-right: var(--spacing-6xs) !important;\n margin-left: calc(1em * 2 / 16) !important;\n margin-left: var(--spacing-6xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-6xs {\n margin-top: calc(1em * 2 / 16) !important;\n margin-top: var(--spacing-6xs) !important;\n margin-bottom: calc(1em * 2 / 16) !important;\n margin-bottom: var(--spacing-6xs) !important;\n }\n.margin-y-6xs {\n margin-top: calc(1em * 2 / 16) !important;\n margin-top: var(--spacing-6xs) !important;\n margin-bottom: calc(1em * 2 / 16) !important;\n margin-bottom: var(--spacing-6xs) !important;\n }\n.margin-5xs {\n margin: calc(1em * 3 / 16) !important;\n margin: var(--spacing-5xs) !important;\n }\n.margin-top-5xs {\n margin-top: calc(1em * 3 / 16) !important;\n margin-top: var(--spacing-5xs) !important;\n }\n.margin-right-5xs {\n margin-right: calc(1em * 3 / 16) !important;\n margin-right: var(--spacing-5xs) !important;\n }\n.margin-bottom-5xs {\n margin-bottom: calc(1em * 3 / 16) !important;\n margin-bottom: var(--spacing-5xs) !important;\n }\n.margin-left-5xs {\n margin-left: calc(1em * 3 / 16) !important;\n margin-left: var(--spacing-5xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-5xs {\n margin-right: calc(1em * 3 / 16) !important;\n margin-right: var(--spacing-5xs) !important;\n margin-left: calc(1em * 3 / 16) !important;\n margin-left: var(--spacing-5xs) !important;\n }\n.margin-x-5xs {\n margin-right: calc(1em * 3 / 16) !important;\n margin-right: var(--spacing-5xs) !important;\n margin-left: calc(1em * 3 / 16) !important;\n margin-left: var(--spacing-5xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-5xs {\n margin-top: calc(1em * 3 / 16) !important;\n margin-top: var(--spacing-5xs) !important;\n margin-bottom: calc(1em * 3 / 16) !important;\n margin-bottom: var(--spacing-5xs) !important;\n }\n.margin-y-5xs {\n margin-top: calc(1em * 3 / 16) !important;\n margin-top: var(--spacing-5xs) !important;\n margin-bottom: calc(1em * 3 / 16) !important;\n margin-bottom: var(--spacing-5xs) !important;\n }\n.margin-4xs {\n margin: calc(1em * 4 / 16) !important;\n margin: var(--spacing-4xs) !important;\n }\n.margin-top-4xs {\n margin-top: calc(1em * 4 / 16) !important;\n margin-top: var(--spacing-4xs) !important;\n }\n.margin-right-4xs {\n margin-right: calc(1em * 4 / 16) !important;\n margin-right: var(--spacing-4xs) !important;\n }\n.margin-bottom-4xs {\n margin-bottom: calc(1em * 4 / 16) !important;\n margin-bottom: var(--spacing-4xs) !important;\n }\n.margin-left-4xs {\n margin-left: calc(1em * 4 / 16) !important;\n margin-left: var(--spacing-4xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-4xs {\n margin-right: calc(1em * 4 / 16) !important;\n margin-right: var(--spacing-4xs) !important;\n margin-left: calc(1em * 4 / 16) !important;\n margin-left: var(--spacing-4xs) !important;\n }\n.margin-x-4xs {\n margin-right: calc(1em * 4 / 16) !important;\n margin-right: var(--spacing-4xs) !important;\n margin-left: calc(1em * 4 / 16) !important;\n margin-left: var(--spacing-4xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-4xs {\n margin-top: calc(1em * 4 / 16) !important;\n margin-top: var(--spacing-4xs) !important;\n margin-bottom: calc(1em * 4 / 16) !important;\n margin-bottom: var(--spacing-4xs) !important;\n }\n.margin-y-4xs {\n margin-top: calc(1em * 4 / 16) !important;\n margin-top: var(--spacing-4xs) !important;\n margin-bottom: calc(1em * 4 / 16) !important;\n margin-bottom: var(--spacing-4xs) !important;\n }\n.margin-3xs {\n margin: calc(1em * 6 / 16) !important;\n margin: var(--spacing-3xs) !important;\n }\n.margin-top-3xs {\n margin-top: calc(1em * 6 / 16) !important;\n margin-top: var(--spacing-3xs) !important;\n }\n.margin-right-3xs {\n margin-right: calc(1em * 6 / 16) !important;\n margin-right: var(--spacing-3xs) !important;\n }\n.margin-bottom-3xs {\n margin-bottom: calc(1em * 6 / 16) !important;\n margin-bottom: var(--spacing-3xs) !important;\n }\n.margin-left-3xs {\n margin-left: calc(1em * 6 / 16) !important;\n margin-left: var(--spacing-3xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-3xs {\n margin-right: calc(1em * 6 / 16) !important;\n margin-right: var(--spacing-3xs) !important;\n margin-left: calc(1em * 6 / 16) !important;\n margin-left: var(--spacing-3xs) !important;\n }\n.margin-x-3xs {\n margin-right: calc(1em * 6 / 16) !important;\n margin-right: var(--spacing-3xs) !important;\n margin-left: calc(1em * 6 / 16) !important;\n margin-left: var(--spacing-3xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-3xs {\n margin-top: calc(1em * 6 / 16) !important;\n margin-top: var(--spacing-3xs) !important;\n margin-bottom: calc(1em * 6 / 16) !important;\n margin-bottom: var(--spacing-3xs) !important;\n }\n.margin-y-3xs {\n margin-top: calc(1em * 6 / 16) !important;\n margin-top: var(--spacing-3xs) !important;\n margin-bottom: calc(1em * 6 / 16) !important;\n margin-bottom: var(--spacing-3xs) !important;\n }\n.margin-2xs {\n margin: calc(1em * 8 / 16) !important;\n margin: var(--spacing-2xs) !important;\n }\n.margin-top-2xs {\n margin-top: calc(1em * 8 / 16) !important;\n margin-top: var(--spacing-2xs) !important;\n }\n.margin-right-2xs {\n margin-right: calc(1em * 8 / 16) !important;\n margin-right: var(--spacing-2xs) !important;\n }\n.margin-bottom-2xs {\n margin-bottom: calc(1em * 8 / 16) !important;\n margin-bottom: var(--spacing-2xs) !important;\n }\n.margin-left-2xs {\n margin-left: calc(1em * 8 / 16) !important;\n margin-left: var(--spacing-2xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-2xs {\n margin-right: calc(1em * 8 / 16) !important;\n margin-right: var(--spacing-2xs) !important;\n margin-left: calc(1em * 8 / 16) !important;\n margin-left: var(--spacing-2xs) !important;\n }\n.margin-x-2xs {\n margin-right: calc(1em * 8 / 16) !important;\n margin-right: var(--spacing-2xs) !important;\n margin-left: calc(1em * 8 / 16) !important;\n margin-left: var(--spacing-2xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-2xs {\n margin-top: calc(1em * 8 / 16) !important;\n margin-top: var(--spacing-2xs) !important;\n margin-bottom: calc(1em * 8 / 16) !important;\n margin-bottom: var(--spacing-2xs) !important;\n }\n.margin-y-2xs {\n margin-top: calc(1em * 8 / 16) !important;\n margin-top: var(--spacing-2xs) !important;\n margin-bottom: calc(1em * 8 / 16) !important;\n margin-bottom: var(--spacing-2xs) !important;\n }\n.margin-xs {\n margin: calc(1em * 10 / 16) !important;\n margin: var(--spacing-xs) !important;\n }\n.margin-top-xs {\n margin-top: calc(1em * 10 / 16) !important;\n margin-top: var(--spacing-xs) !important;\n }\n.margin-right-xs {\n margin-right: calc(1em * 10 / 16) !important;\n margin-right: var(--spacing-xs) !important;\n }\n.margin-bottom-xs {\n margin-bottom: calc(1em * 10 / 16) !important;\n margin-bottom: var(--spacing-xs) !important;\n }\n.margin-left-xs {\n margin-left: calc(1em * 10 / 16) !important;\n margin-left: var(--spacing-xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-xs {\n margin-right: calc(1em * 10 / 16) !important;\n margin-right: var(--spacing-xs) !important;\n margin-left: calc(1em * 10 / 16) !important;\n margin-left: var(--spacing-xs) !important;\n }\n.margin-x-xs {\n margin-right: calc(1em * 10 / 16) !important;\n margin-right: var(--spacing-xs) !important;\n margin-left: calc(1em * 10 / 16) !important;\n margin-left: var(--spacing-xs) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-xs {\n margin-top: calc(1em * 10 / 16) !important;\n margin-top: var(--spacing-xs) !important;\n margin-bottom: calc(1em * 10 / 16) !important;\n margin-bottom: var(--spacing-xs) !important;\n }\n.margin-y-xs {\n margin-top: calc(1em * 10 / 16) !important;\n margin-top: var(--spacing-xs) !important;\n margin-bottom: calc(1em * 10 / 16) !important;\n margin-bottom: var(--spacing-xs) !important;\n }\n.margin-sm {\n margin: calc(1em * 12 / 16) !important;\n margin: var(--spacing-sm) !important;\n }\n.margin-top-sm {\n margin-top: calc(1em * 12 / 16) !important;\n margin-top: var(--spacing-sm) !important;\n }\n.margin-right-sm {\n margin-right: calc(1em * 12 / 16) !important;\n margin-right: var(--spacing-sm) !important;\n }\n.margin-bottom-sm {\n margin-bottom: calc(1em * 12 / 16) !important;\n margin-bottom: var(--spacing-sm) !important;\n }\n.margin-left-sm {\n margin-left: calc(1em * 12 / 16) !important;\n margin-left: var(--spacing-sm) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-sm {\n margin-right: calc(1em * 12 / 16) !important;\n margin-right: var(--spacing-sm) !important;\n margin-left: calc(1em * 12 / 16) !important;\n margin-left: var(--spacing-sm) !important;\n }\n.margin-x-sm {\n margin-right: calc(1em * 12 / 16) !important;\n margin-right: var(--spacing-sm) !important;\n margin-left: calc(1em * 12 / 16) !important;\n margin-left: var(--spacing-sm) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-sm {\n margin-top: calc(1em * 12 / 16) !important;\n margin-top: var(--spacing-sm) !important;\n margin-bottom: calc(1em * 12 / 16) !important;\n margin-bottom: var(--spacing-sm) !important;\n }\n.margin-y-sm {\n margin-top: calc(1em * 12 / 16) !important;\n margin-top: var(--spacing-sm) !important;\n margin-bottom: calc(1em * 12 / 16) !important;\n margin-bottom: var(--spacing-sm) !important;\n }\n.margin-md {\n margin: calc(1em * 1) !important;\n margin: var(--spacing-md) !important;\n }\n.margin-top-md {\n margin-top: calc(1em * 1) !important;\n margin-top: var(--spacing-md) !important;\n }\n.margin-right-md {\n margin-right: calc(1em * 1) !important;\n margin-right: var(--spacing-md) !important;\n }\n.margin-bottom-md {\n margin-bottom: calc(1em * 1) !important;\n margin-bottom: var(--spacing-md) !important;\n }\n.margin-left-md {\n margin-left: calc(1em * 1) !important;\n margin-left: var(--spacing-md) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-md {\n margin-right: calc(1em * 1) !important;\n margin-right: var(--spacing-md) !important;\n margin-left: calc(1em * 1) !important;\n margin-left: var(--spacing-md) !important;\n }\n.margin-x-md {\n margin-right: calc(1em * 1) !important;\n margin-right: var(--spacing-md) !important;\n margin-left: calc(1em * 1) !important;\n margin-left: var(--spacing-md) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-md {\n margin-top: calc(1em * 1) !important;\n margin-top: var(--spacing-md) !important;\n margin-bottom: calc(1em * 1) !important;\n margin-bottom: var(--spacing-md) !important;\n }\n.margin-y-md {\n margin-top: calc(1em * 1) !important;\n margin-top: var(--spacing-md) !important;\n margin-bottom: calc(1em * 1) !important;\n margin-bottom: var(--spacing-md) !important;\n }\n.margin-lg {\n margin: calc(1em * 1.25) !important;\n margin: var(--spacing-lg) !important;\n }\n.margin-top-lg {\n margin-top: calc(1em * 1.25) !important;\n margin-top: var(--spacing-lg) !important;\n }\n.margin-right-lg {\n margin-right: calc(1em * 1.25) !important;\n margin-right: var(--spacing-lg) !important;\n }\n.margin-bottom-lg {\n margin-bottom: calc(1em * 1.25) !important;\n margin-bottom: var(--spacing-lg) !important;\n }\n.margin-left-lg {\n margin-left: calc(1em * 1.25) !important;\n margin-left: var(--spacing-lg) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-lg {\n margin-right: calc(1em * 1.25) !important;\n margin-right: var(--spacing-lg) !important;\n margin-left: calc(1em * 1.25) !important;\n margin-left: var(--spacing-lg) !important;\n }\n.margin-x-lg {\n margin-right: calc(1em * 1.25) !important;\n margin-right: var(--spacing-lg) !important;\n margin-left: calc(1em * 1.25) !important;\n margin-left: var(--spacing-lg) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-lg {\n margin-top: calc(1em * 1.25) !important;\n margin-top: var(--spacing-lg) !important;\n margin-bottom: calc(1em * 1.25) !important;\n margin-bottom: var(--spacing-lg) !important;\n }\n.margin-y-lg {\n margin-top: calc(1em * 1.25) !important;\n margin-top: var(--spacing-lg) !important;\n margin-bottom: calc(1em * 1.25) !important;\n margin-bottom: var(--spacing-lg) !important;\n }\n.margin-xl {\n margin: calc(1em * 1.5) !important;\n margin: var(--spacing-xl) !important;\n }\n.margin-top-xl {\n margin-top: calc(1em * 1.5) !important;\n margin-top: var(--spacing-xl) !important;\n }\n.margin-right-xl {\n margin-right: calc(1em * 1.5) !important;\n margin-right: var(--spacing-xl) !important;\n }\n.margin-bottom-xl {\n margin-bottom: calc(1em * 1.5) !important;\n margin-bottom: var(--spacing-xl) !important;\n }\n.margin-left-xl {\n margin-left: calc(1em * 1.5) !important;\n margin-left: var(--spacing-xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-xl {\n margin-right: calc(1em * 1.5) !important;\n margin-right: var(--spacing-xl) !important;\n margin-left: calc(1em * 1.5) !important;\n margin-left: var(--spacing-xl) !important;\n }\n.margin-x-xl {\n margin-right: calc(1em * 1.5) !important;\n margin-right: var(--spacing-xl) !important;\n margin-left: calc(1em * 1.5) !important;\n margin-left: var(--spacing-xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-xl {\n margin-top: calc(1em * 1.5) !important;\n margin-top: var(--spacing-xl) !important;\n margin-bottom: calc(1em * 1.5) !important;\n margin-bottom: var(--spacing-xl) !important;\n }\n.margin-y-xl {\n margin-top: calc(1em * 1.5) !important;\n margin-top: var(--spacing-xl) !important;\n margin-bottom: calc(1em * 1.5) !important;\n margin-bottom: var(--spacing-xl) !important;\n }\n.margin-2xl {\n margin: calc(1em * 2) !important;\n margin: var(--spacing-2xl) !important;\n }\n.margin-top-2xl {\n margin-top: calc(1em * 2) !important;\n margin-top: var(--spacing-2xl) !important;\n }\n.margin-right-2xl {\n margin-right: calc(1em * 2) !important;\n margin-right: var(--spacing-2xl) !important;\n }\n.margin-bottom-2xl {\n margin-bottom: calc(1em * 2) !important;\n margin-bottom: var(--spacing-2xl) !important;\n }\n.margin-left-2xl {\n margin-left: calc(1em * 2) !important;\n margin-left: var(--spacing-2xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-2xl {\n margin-right: calc(1em * 2) !important;\n margin-right: var(--spacing-2xl) !important;\n margin-left: calc(1em * 2) !important;\n margin-left: var(--spacing-2xl) !important;\n }\n.margin-x-2xl {\n margin-right: calc(1em * 2) !important;\n margin-right: var(--spacing-2xl) !important;\n margin-left: calc(1em * 2) !important;\n margin-left: var(--spacing-2xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-2xl {\n margin-top: calc(1em * 2) !important;\n margin-top: var(--spacing-2xl) !important;\n margin-bottom: calc(1em * 2) !important;\n margin-bottom: var(--spacing-2xl) !important;\n }\n.margin-y-2xl {\n margin-top: calc(1em * 2) !important;\n margin-top: var(--spacing-2xl) !important;\n margin-bottom: calc(1em * 2) !important;\n margin-bottom: var(--spacing-2xl) !important;\n }\n.margin-3xl {\n margin: calc(1em * 2.5) !important;\n margin: var(--spacing-3xl) !important;\n }\n.margin-top-3xl {\n margin-top: calc(1em * 2.5) !important;\n margin-top: var(--spacing-3xl) !important;\n }\n.margin-right-3xl {\n margin-right: calc(1em * 2.5) !important;\n margin-right: var(--spacing-3xl) !important;\n }\n.margin-bottom-3xl {\n margin-bottom: calc(1em * 2.5) !important;\n margin-bottom: var(--spacing-3xl) !important;\n }\n.margin-left-3xl {\n margin-left: calc(1em * 2.5) !important;\n margin-left: var(--spacing-3xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-3xl {\n margin-right: calc(1em * 2.5) !important;\n margin-right: var(--spacing-3xl) !important;\n margin-left: calc(1em * 2.5) !important;\n margin-left: var(--spacing-3xl) !important;\n }\n.margin-x-3xl {\n margin-right: calc(1em * 2.5) !important;\n margin-right: var(--spacing-3xl) !important;\n margin-left: calc(1em * 2.5) !important;\n margin-left: var(--spacing-3xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-3xl {\n margin-top: calc(1em * 2.5) !important;\n margin-top: var(--spacing-3xl) !important;\n margin-bottom: calc(1em * 2.5) !important;\n margin-bottom: var(--spacing-3xl) !important;\n }\n.margin-y-3xl {\n margin-top: calc(1em * 2.5) !important;\n margin-top: var(--spacing-3xl) !important;\n margin-bottom: calc(1em * 2.5) !important;\n margin-bottom: var(--spacing-3xl) !important;\n }\n.margin-4xl {\n margin: calc(1em * 3) !important;\n margin: var(--spacing-4xl) !important;\n }\n.margin-top-4xl {\n margin-top: calc(1em * 3) !important;\n margin-top: var(--spacing-4xl) !important;\n }\n.margin-right-4xl {\n margin-right: calc(1em * 3) !important;\n margin-right: var(--spacing-4xl) !important;\n }\n.margin-bottom-4xl {\n margin-bottom: calc(1em * 3) !important;\n margin-bottom: var(--spacing-4xl) !important;\n }\n.margin-left-4xl {\n margin-left: calc(1em * 3) !important;\n margin-left: var(--spacing-4xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-4xl {\n margin-right: calc(1em * 3) !important;\n margin-right: var(--spacing-4xl) !important;\n margin-left: calc(1em * 3) !important;\n margin-left: var(--spacing-4xl) !important;\n }\n.margin-x-4xl {\n margin-right: calc(1em * 3) !important;\n margin-right: var(--spacing-4xl) !important;\n margin-left: calc(1em * 3) !important;\n margin-left: var(--spacing-4xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-4xl {\n margin-top: calc(1em * 3) !important;\n margin-top: var(--spacing-4xl) !important;\n margin-bottom: calc(1em * 3) !important;\n margin-bottom: var(--spacing-4xl) !important;\n }\n.margin-y-4xl {\n margin-top: calc(1em * 3) !important;\n margin-top: var(--spacing-4xl) !important;\n margin-bottom: calc(1em * 3) !important;\n margin-bottom: var(--spacing-4xl) !important;\n }\n.margin-5xl {\n margin: calc(1em * 4) !important;\n margin: var(--spacing-5xl) !important;\n }\n.margin-top-5xl {\n margin-top: calc(1em * 4) !important;\n margin-top: var(--spacing-5xl) !important;\n }\n.margin-right-5xl {\n margin-right: calc(1em * 4) !important;\n margin-right: var(--spacing-5xl) !important;\n }\n.margin-bottom-5xl {\n margin-bottom: calc(1em * 4) !important;\n margin-bottom: var(--spacing-5xl) !important;\n }\n.margin-left-5xl {\n margin-left: calc(1em * 4) !important;\n margin-left: var(--spacing-5xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-5xl {\n margin-right: calc(1em * 4) !important;\n margin-right: var(--spacing-5xl) !important;\n margin-left: calc(1em * 4) !important;\n margin-left: var(--spacing-5xl) !important;\n }\n.margin-x-5xl {\n margin-right: calc(1em * 4) !important;\n margin-right: var(--spacing-5xl) !important;\n margin-left: calc(1em * 4) !important;\n margin-left: var(--spacing-5xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-5xl {\n margin-top: calc(1em * 4) !important;\n margin-top: var(--spacing-5xl) !important;\n margin-bottom: calc(1em * 4) !important;\n margin-bottom: var(--spacing-5xl) !important;\n }\n.margin-y-5xl {\n margin-top: calc(1em * 4) !important;\n margin-top: var(--spacing-5xl) !important;\n margin-bottom: calc(1em * 4) !important;\n margin-bottom: var(--spacing-5xl) !important;\n }\n.margin-6xl {\n margin: calc(1em * 5) !important;\n margin: var(--spacing-6xl) !important;\n }\n.margin-top-6xl {\n margin-top: calc(1em * 5) !important;\n margin-top: var(--spacing-6xl) !important;\n }\n.margin-right-6xl {\n margin-right: calc(1em * 5) !important;\n margin-right: var(--spacing-6xl) !important;\n }\n.margin-bottom-6xl {\n margin-bottom: calc(1em * 5) !important;\n margin-bottom: var(--spacing-6xl) !important;\n }\n.margin-left-6xl {\n margin-left: calc(1em * 5) !important;\n margin-left: var(--spacing-6xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-6xl {\n margin-right: calc(1em * 5) !important;\n margin-right: var(--spacing-6xl) !important;\n margin-left: calc(1em * 5) !important;\n margin-left: var(--spacing-6xl) !important;\n }\n.margin-x-6xl {\n margin-right: calc(1em * 5) !important;\n margin-right: var(--spacing-6xl) !important;\n margin-left: calc(1em * 5) !important;\n margin-left: var(--spacing-6xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-6xl {\n margin-top: calc(1em * 5) !important;\n margin-top: var(--spacing-6xl) !important;\n margin-bottom: calc(1em * 5) !important;\n margin-bottom: var(--spacing-6xl) !important;\n }\n.margin-y-6xl {\n margin-top: calc(1em * 5) !important;\n margin-top: var(--spacing-6xl) !important;\n margin-bottom: calc(1em * 5) !important;\n margin-bottom: var(--spacing-6xl) !important;\n }\n.margin-7xl {\n margin: calc(1em * 6) !important;\n margin: var(--spacing-7xl) !important;\n }\n.margin-top-7xl {\n margin-top: calc(1em * 6) !important;\n margin-top: var(--spacing-7xl) !important;\n }\n.margin-right-7xl {\n margin-right: calc(1em * 6) !important;\n margin-right: var(--spacing-7xl) !important;\n }\n.margin-bottom-7xl {\n margin-bottom: calc(1em * 6) !important;\n margin-bottom: var(--spacing-7xl) !important;\n }\n.margin-left-7xl {\n margin-left: calc(1em * 6) !important;\n margin-left: var(--spacing-7xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-7xl {\n margin-right: calc(1em * 6) !important;\n margin-right: var(--spacing-7xl) !important;\n margin-left: calc(1em * 6) !important;\n margin-left: var(--spacing-7xl) !important;\n }\n.margin-x-7xl {\n margin-right: calc(1em * 6) !important;\n margin-right: var(--spacing-7xl) !important;\n margin-left: calc(1em * 6) !important;\n margin-left: var(--spacing-7xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-7xl {\n margin-top: calc(1em * 6) !important;\n margin-top: var(--spacing-7xl) !important;\n margin-bottom: calc(1em * 6) !important;\n margin-bottom: var(--spacing-7xl) !important;\n }\n.margin-y-7xl {\n margin-top: calc(1em * 6) !important;\n margin-top: var(--spacing-7xl) !important;\n margin-bottom: calc(1em * 6) !important;\n margin-bottom: var(--spacing-7xl) !important;\n }\n.margin-8xl {\n margin: calc(1em * 8) !important;\n margin: var(--spacing-8xl) !important;\n }\n.margin-top-8xl {\n margin-top: calc(1em * 8) !important;\n margin-top: var(--spacing-8xl) !important;\n }\n.margin-right-8xl {\n margin-right: calc(1em * 8) !important;\n margin-right: var(--spacing-8xl) !important;\n }\n.margin-bottom-8xl {\n margin-bottom: calc(1em * 8) !important;\n margin-bottom: var(--spacing-8xl) !important;\n }\n.margin-left-8xl {\n margin-left: calc(1em * 8) !important;\n margin-left: var(--spacing-8xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-8xl {\n margin-right: calc(1em * 8) !important;\n margin-right: var(--spacing-8xl) !important;\n margin-left: calc(1em * 8) !important;\n margin-left: var(--spacing-8xl) !important;\n }\n.margin-x-8xl {\n margin-right: calc(1em * 8) !important;\n margin-right: var(--spacing-8xl) !important;\n margin-left: calc(1em * 8) !important;\n margin-left: var(--spacing-8xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-8xl {\n margin-top: calc(1em * 8) !important;\n margin-top: var(--spacing-8xl) !important;\n margin-bottom: calc(1em * 8) !important;\n margin-bottom: var(--spacing-8xl) !important;\n }\n.margin-y-8xl {\n margin-top: calc(1em * 8) !important;\n margin-top: var(--spacing-8xl) !important;\n margin-bottom: calc(1em * 8) !important;\n margin-bottom: var(--spacing-8xl) !important;\n }\n.margin-9xl {\n margin: calc(1em * 10) !important;\n margin: var(--spacing-9xl) !important;\n }\n.margin-top-9xl {\n margin-top: calc(1em * 10) !important;\n margin-top: var(--spacing-9xl) !important;\n }\n.margin-right-9xl {\n margin-right: calc(1em * 10) !important;\n margin-right: var(--spacing-9xl) !important;\n }\n.margin-bottom-9xl {\n margin-bottom: calc(1em * 10) !important;\n margin-bottom: var(--spacing-9xl) !important;\n }\n.margin-left-9xl {\n margin-left: calc(1em * 10) !important;\n margin-left: var(--spacing-9xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-9xl {\n margin-right: calc(1em * 10) !important;\n margin-right: var(--spacing-9xl) !important;\n margin-left: calc(1em * 10) !important;\n margin-left: var(--spacing-9xl) !important;\n }\n.margin-x-9xl {\n margin-right: calc(1em * 10) !important;\n margin-right: var(--spacing-9xl) !important;\n margin-left: calc(1em * 10) !important;\n margin-left: var(--spacing-9xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-9xl {\n margin-top: calc(1em * 10) !important;\n margin-top: var(--spacing-9xl) !important;\n margin-bottom: calc(1em * 10) !important;\n margin-bottom: var(--spacing-9xl) !important;\n }\n.margin-y-9xl {\n margin-top: calc(1em * 10) !important;\n margin-top: var(--spacing-9xl) !important;\n margin-bottom: calc(1em * 10) !important;\n margin-bottom: var(--spacing-9xl) !important;\n }\n.margin-10xl {\n margin: calc(1em * 12) !important;\n margin: var(--spacing-10xl) !important;\n }\n.margin-top-10xl {\n margin-top: calc(1em * 12) !important;\n margin-top: var(--spacing-10xl) !important;\n }\n.margin-right-10xl {\n margin-right: calc(1em * 12) !important;\n margin-right: var(--spacing-10xl) !important;\n }\n.margin-bottom-10xl {\n margin-bottom: calc(1em * 12) !important;\n margin-bottom: var(--spacing-10xl) !important;\n }\n.margin-left-10xl {\n margin-left: calc(1em * 12) !important;\n margin-left: var(--spacing-10xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-10xl {\n margin-right: calc(1em * 12) !important;\n margin-right: var(--spacing-10xl) !important;\n margin-left: calc(1em * 12) !important;\n margin-left: var(--spacing-10xl) !important;\n }\n.margin-x-10xl {\n margin-right: calc(1em * 12) !important;\n margin-right: var(--spacing-10xl) !important;\n margin-left: calc(1em * 12) !important;\n margin-left: var(--spacing-10xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-10xl {\n margin-top: calc(1em * 12) !important;\n margin-top: var(--spacing-10xl) !important;\n margin-bottom: calc(1em * 12) !important;\n margin-bottom: var(--spacing-10xl) !important;\n }\n.margin-y-10xl {\n margin-top: calc(1em * 12) !important;\n margin-top: var(--spacing-10xl) !important;\n margin-bottom: calc(1em * 12) !important;\n margin-bottom: var(--spacing-10xl) !important;\n }\n.margin-11xl {\n margin: calc(1em * 16) !important;\n margin: var(--spacing-11xl) !important;\n }\n.margin-top-11xl {\n margin-top: calc(1em * 16) !important;\n margin-top: var(--spacing-11xl) !important;\n }\n.margin-right-11xl {\n margin-right: calc(1em * 16) !important;\n margin-right: var(--spacing-11xl) !important;\n }\n.margin-bottom-11xl {\n margin-bottom: calc(1em * 16) !important;\n margin-bottom: var(--spacing-11xl) !important;\n }\n.margin-left-11xl {\n margin-left: calc(1em * 16) !important;\n margin-left: var(--spacing-11xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-11xl {\n margin-right: calc(1em * 16) !important;\n margin-right: var(--spacing-11xl) !important;\n margin-left: calc(1em * 16) !important;\n margin-left: var(--spacing-11xl) !important;\n }\n.margin-x-11xl {\n margin-right: calc(1em * 16) !important;\n margin-right: var(--spacing-11xl) !important;\n margin-left: calc(1em * 16) !important;\n margin-left: var(--spacing-11xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-11xl {\n margin-top: calc(1em * 16) !important;\n margin-top: var(--spacing-11xl) !important;\n margin-bottom: calc(1em * 16) !important;\n margin-bottom: var(--spacing-11xl) !important;\n }\n.margin-y-11xl {\n margin-top: calc(1em * 16) !important;\n margin-top: var(--spacing-11xl) !important;\n margin-bottom: calc(1em * 16) !important;\n margin-bottom: var(--spacing-11xl) !important;\n }\n.margin-12xl {\n margin: calc(1em * 20) !important;\n margin: var(--spacing-12xl) !important;\n }\n.margin-top-12xl {\n margin-top: calc(1em * 20) !important;\n margin-top: var(--spacing-12xl) !important;\n }\n.margin-right-12xl {\n margin-right: calc(1em * 20) !important;\n margin-right: var(--spacing-12xl) !important;\n }\n.margin-bottom-12xl {\n margin-bottom: calc(1em * 20) !important;\n margin-bottom: var(--spacing-12xl) !important;\n }\n.margin-left-12xl {\n margin-left: calc(1em * 20) !important;\n margin-left: var(--spacing-12xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-12xl {\n margin-right: calc(1em * 20) !important;\n margin-right: var(--spacing-12xl) !important;\n margin-left: calc(1em * 20) !important;\n margin-left: var(--spacing-12xl) !important;\n }\n.margin-x-12xl {\n margin-right: calc(1em * 20) !important;\n margin-right: var(--spacing-12xl) !important;\n margin-left: calc(1em * 20) !important;\n margin-left: var(--spacing-12xl) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-12xl {\n margin-top: calc(1em * 20) !important;\n margin-top: var(--spacing-12xl) !important;\n margin-bottom: calc(1em * 20) !important;\n margin-bottom: var(--spacing-12xl) !important;\n }\n.margin-y-12xl {\n margin-top: calc(1em * 20) !important;\n margin-top: var(--spacing-12xl) !important;\n margin-bottom: calc(1em * 20) !important;\n margin-bottom: var(--spacing-12xl) !important;\n }\n.margin-0 {\n margin: 0 !important;\n margin: var(--spacing-0) !important;\n }\n.margin-top-0 {\n margin-top: 0 !important;\n margin-top: var(--spacing-0) !important;\n }\n.margin-right-0 {\n margin-right: 0 !important;\n margin-right: var(--spacing-0) !important;\n }\n.margin-bottom-0 {\n margin-bottom: 0 !important;\n margin-bottom: var(--spacing-0) !important;\n }\n.margin-left-0 {\n margin-left: 0 !important;\n margin-left: var(--spacing-0) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-0 {\n margin-right: 0 !important;\n margin-right: var(--spacing-0) !important;\n margin-left: 0 !important;\n margin-left: var(--spacing-0) !important;\n }\n.margin-x-0 {\n margin-right: 0 !important;\n margin-right: var(--spacing-0) !important;\n margin-left: 0 !important;\n margin-left: var(--spacing-0) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-0 {\n margin-top: 0 !important;\n margin-top: var(--spacing-0) !important;\n margin-bottom: 0 !important;\n margin-bottom: var(--spacing-0) !important;\n }\n.margin-y-0 {\n margin-top: 0 !important;\n margin-top: var(--spacing-0) !important;\n margin-bottom: 0 !important;\n margin-bottom: var(--spacing-0) !important;\n }\n.margin-1 {\n margin: calc(1em * 1 / 16) !important;\n margin: var(--spacing-1) !important;\n }\n.margin-top-1 {\n margin-top: calc(1em * 1 / 16) !important;\n margin-top: var(--spacing-1) !important;\n }\n.margin-right-1 {\n margin-right: calc(1em * 1 / 16) !important;\n margin-right: var(--spacing-1) !important;\n }\n.margin-bottom-1 {\n margin-bottom: calc(1em * 1 / 16) !important;\n margin-bottom: var(--spacing-1) !important;\n }\n.margin-left-1 {\n margin-left: calc(1em * 1 / 16) !important;\n margin-left: var(--spacing-1) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-1 {\n margin-right: calc(1em * 1 / 16) !important;\n margin-right: var(--spacing-1) !important;\n margin-left: calc(1em * 1 / 16) !important;\n margin-left: var(--spacing-1) !important;\n }\n.margin-x-1 {\n margin-right: calc(1em * 1 / 16) !important;\n margin-right: var(--spacing-1) !important;\n margin-left: calc(1em * 1 / 16) !important;\n margin-left: var(--spacing-1) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-1 {\n margin-top: calc(1em * 1 / 16) !important;\n margin-top: var(--spacing-1) !important;\n margin-bottom: calc(1em * 1 / 16) !important;\n margin-bottom: var(--spacing-1) !important;\n }\n.margin-y-1 {\n margin-top: calc(1em * 1 / 16) !important;\n margin-top: var(--spacing-1) !important;\n margin-bottom: calc(1em * 1 / 16) !important;\n margin-bottom: var(--spacing-1) !important;\n }\n.margin-1px {\n margin: 1px !important;\n margin: var(--spacing-1px) !important;\n }\n.margin-top-1px {\n margin-top: 1px !important;\n margin-top: var(--spacing-1px) !important;\n }\n.margin-right-1px {\n margin-right: 1px !important;\n margin-right: var(--spacing-1px) !important;\n }\n.margin-bottom-1px {\n margin-bottom: 1px !important;\n margin-bottom: var(--spacing-1px) !important;\n }\n.margin-left-1px {\n margin-left: 1px !important;\n margin-left: var(--spacing-1px) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-horizontal-1px {\n margin-right: 1px !important;\n margin-right: var(--spacing-1px) !important;\n margin-left: 1px !important;\n margin-left: var(--spacing-1px) !important;\n }\n.margin-x-1px {\n margin-right: 1px !important;\n margin-right: var(--spacing-1px) !important;\n margin-left: 1px !important;\n margin-left: var(--spacing-1px) !important;\n }\n/* DEV TODO: Get this pair of identical rules working in one selector */\n.margin-vertical-1px {\n margin-top: 1px !important;\n margin-top: var(--spacing-1px) !important;\n margin-bottom: 1px !important;\n margin-bottom: var(--spacing-1px) !important;\n }\n.margin-y-1px {\n margin-top: 1px !important;\n margin-top: var(--spacing-1px) !important;\n margin-bottom: 1px !important;\n margin-bottom: var(--spacing-1px) !important;\n }\n@media (min-width: 48rem) {\n .tablet\\:margin-7xs {\n margin: calc(1em * 1 / 16) !important;\n margin: var(--spacing-7xs) !important;\n }\n\n .tablet\\:margin-top-7xs {\n margin-top: calc(1em * 1 / 16) !important;\n margin-top: var(--spacing-7xs) !important;\n }\n\n .tablet\\:margin-right-7xs {\n margin-right: calc(1em * 1 / 16) !important;\n margin-right: var(--spacing-7xs) !important;\n }\n\n .tablet\\:margin-bottom-7xs {\n margin-bottom: calc(1em * 1 / 16) !important;\n margin-bottom: var(--spacing-7xs) !important;\n }\n\n .tablet\\:margin-left-7xs {\n margin-left: calc(1em * 1 / 16) !important;\n margin-left: var(--spacing-7xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-horizontal-7xs {\n margin-right: calc(1em * 1 / 16) !important;\n margin-right: var(--spacing-7xs) !important;\n margin-left: calc(1em * 1 / 16) !important;\n margin-left: var(--spacing-7xs) !important;\n }\n\n .tablet\\:margin-x-7xs {\n margin-right: calc(1em * 1 / 16) !important;\n margin-right: var(--spacing-7xs) !important;\n margin-left: calc(1em * 1 / 16) !important;\n margin-left: var(--spacing-7xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-vertical-7xs {\n margin-top: calc(1em * 1 / 16) !important;\n margin-top: var(--spacing-7xs) !important;\n margin-bottom: calc(1em * 1 / 16) !important;\n margin-bottom: var(--spacing-7xs) !important;\n }\n\n .tablet\\:margin-y-7xs {\n margin-top: calc(1em * 1 / 16) !important;\n margin-top: var(--spacing-7xs) !important;\n margin-bottom: calc(1em * 1 / 16) !important;\n margin-bottom: var(--spacing-7xs) !important;\n }\n .tablet\\:margin-6xs {\n margin: calc(1em * 2 / 16) !important;\n margin: var(--spacing-6xs) !important;\n }\n\n .tablet\\:margin-top-6xs {\n margin-top: calc(1em * 2 / 16) !important;\n margin-top: var(--spacing-6xs) !important;\n }\n\n .tablet\\:margin-right-6xs {\n margin-right: calc(1em * 2 / 16) !important;\n margin-right: var(--spacing-6xs) !important;\n }\n\n .tablet\\:margin-bottom-6xs {\n margin-bottom: calc(1em * 2 / 16) !important;\n margin-bottom: var(--spacing-6xs) !important;\n }\n\n .tablet\\:margin-left-6xs {\n margin-left: calc(1em * 2 / 16) !important;\n margin-left: var(--spacing-6xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-horizontal-6xs {\n margin-right: calc(1em * 2 / 16) !important;\n margin-right: var(--spacing-6xs) !important;\n margin-left: calc(1em * 2 / 16) !important;\n margin-left: var(--spacing-6xs) !important;\n }\n\n .tablet\\:margin-x-6xs {\n margin-right: calc(1em * 2 / 16) !important;\n margin-right: var(--spacing-6xs) !important;\n margin-left: calc(1em * 2 / 16) !important;\n margin-left: var(--spacing-6xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-vertical-6xs {\n margin-top: calc(1em * 2 / 16) !important;\n margin-top: var(--spacing-6xs) !important;\n margin-bottom: calc(1em * 2 / 16) !important;\n margin-bottom: var(--spacing-6xs) !important;\n }\n\n .tablet\\:margin-y-6xs {\n margin-top: calc(1em * 2 / 16) !important;\n margin-top: var(--spacing-6xs) !important;\n margin-bottom: calc(1em * 2 / 16) !important;\n margin-bottom: var(--spacing-6xs) !important;\n }\n .tablet\\:margin-5xs {\n margin: calc(1em * 3 / 16) !important;\n margin: var(--spacing-5xs) !important;\n }\n\n .tablet\\:margin-top-5xs {\n margin-top: calc(1em * 3 / 16) !important;\n margin-top: var(--spacing-5xs) !important;\n }\n\n .tablet\\:margin-right-5xs {\n margin-right: calc(1em * 3 / 16) !important;\n margin-right: var(--spacing-5xs) !important;\n }\n\n .tablet\\:margin-bottom-5xs {\n margin-bottom: calc(1em * 3 / 16) !important;\n margin-bottom: var(--spacing-5xs) !important;\n }\n\n .tablet\\:margin-left-5xs {\n margin-left: calc(1em * 3 / 16) !important;\n margin-left: var(--spacing-5xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-horizontal-5xs {\n margin-right: calc(1em * 3 / 16) !important;\n margin-right: var(--spacing-5xs) !important;\n margin-left: calc(1em * 3 / 16) !important;\n margin-left: var(--spacing-5xs) !important;\n }\n\n .tablet\\:margin-x-5xs {\n margin-right: calc(1em * 3 / 16) !important;\n margin-right: var(--spacing-5xs) !important;\n margin-left: calc(1em * 3 / 16) !important;\n margin-left: var(--spacing-5xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-vertical-5xs {\n margin-top: calc(1em * 3 / 16) !important;\n margin-top: var(--spacing-5xs) !important;\n margin-bottom: calc(1em * 3 / 16) !important;\n margin-bottom: var(--spacing-5xs) !important;\n }\n\n .tablet\\:margin-y-5xs {\n margin-top: calc(1em * 3 / 16) !important;\n margin-top: var(--spacing-5xs) !important;\n margin-bottom: calc(1em * 3 / 16) !important;\n margin-bottom: var(--spacing-5xs) !important;\n }\n .tablet\\:margin-4xs {\n margin: calc(1em * 4 / 16) !important;\n margin: var(--spacing-4xs) !important;\n }\n\n .tablet\\:margin-top-4xs {\n margin-top: calc(1em * 4 / 16) !important;\n margin-top: var(--spacing-4xs) !important;\n }\n\n .tablet\\:margin-right-4xs {\n margin-right: calc(1em * 4 / 16) !important;\n margin-right: var(--spacing-4xs) !important;\n }\n\n .tablet\\:margin-bottom-4xs {\n margin-bottom: calc(1em * 4 / 16) !important;\n margin-bottom: var(--spacing-4xs) !important;\n }\n\n .tablet\\:margin-left-4xs {\n margin-left: calc(1em * 4 / 16) !important;\n margin-left: var(--spacing-4xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-horizontal-4xs {\n margin-right: calc(1em * 4 / 16) !important;\n margin-right: var(--spacing-4xs) !important;\n margin-left: calc(1em * 4 / 16) !important;\n margin-left: var(--spacing-4xs) !important;\n }\n\n .tablet\\:margin-x-4xs {\n margin-right: calc(1em * 4 / 16) !important;\n margin-right: var(--spacing-4xs) !important;\n margin-left: calc(1em * 4 / 16) !important;\n margin-left: var(--spacing-4xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-vertical-4xs {\n margin-top: calc(1em * 4 / 16) !important;\n margin-top: var(--spacing-4xs) !important;\n margin-bottom: calc(1em * 4 / 16) !important;\n margin-bottom: var(--spacing-4xs) !important;\n }\n\n .tablet\\:margin-y-4xs {\n margin-top: calc(1em * 4 / 16) !important;\n margin-top: var(--spacing-4xs) !important;\n margin-bottom: calc(1em * 4 / 16) !important;\n margin-bottom: var(--spacing-4xs) !important;\n }\n .tablet\\:margin-3xs {\n margin: calc(1em * 6 / 16) !important;\n margin: var(--spacing-3xs) !important;\n }\n\n .tablet\\:margin-top-3xs {\n margin-top: calc(1em * 6 / 16) !important;\n margin-top: var(--spacing-3xs) !important;\n }\n\n .tablet\\:margin-right-3xs {\n margin-right: calc(1em * 6 / 16) !important;\n margin-right: var(--spacing-3xs) !important;\n }\n\n .tablet\\:margin-bottom-3xs {\n margin-bottom: calc(1em * 6 / 16) !important;\n margin-bottom: var(--spacing-3xs) !important;\n }\n\n .tablet\\:margin-left-3xs {\n margin-left: calc(1em * 6 / 16) !important;\n margin-left: var(--spacing-3xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-horizontal-3xs {\n margin-right: calc(1em * 6 / 16) !important;\n margin-right: var(--spacing-3xs) !important;\n margin-left: calc(1em * 6 / 16) !important;\n margin-left: var(--spacing-3xs) !important;\n }\n\n .tablet\\:margin-x-3xs {\n margin-right: calc(1em * 6 / 16) !important;\n margin-right: var(--spacing-3xs) !important;\n margin-left: calc(1em * 6 / 16) !important;\n margin-left: var(--spacing-3xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .tablet\\:margin-vertical-3xs {\n margin-top: calc(1em * 6 / 16) !important;\n margin-top: var(--spacing-3xs) !important;\n margin-bottom: calc(1em * 6 / 16) !important;\n margin-bottom: var(--spacing-3xs) !important;\n }\n\n .tablet\\:margin-y-3xs {\n margin-top: calc(1em * 6 / 16) !important;\n margin-top: var(--spacing-3xs) !important;\n margin-bottom: calc(1em * 6 / 16) !important;\n margin-bottom: var(--spacing-3xs) !important;\n }\n .tablet\\:margin-2xs {\n margin: calc(1em * 8 / 16) !important;\n margin: var(--spacing-2xs) !important;\n }\n\n .tablet\\:margin-top-2xs {\n margin-top: calc(1em * 8 / 16) !important;\n margin-top: var(--spacing-2xs) !important;\n }\n\n .tablet\\:margin-right-2xs {\n margin-right: calc(1em * 8 / 16) !important;\n margin-right: var(--spacing-2xs) !important;\n }\n\n .tablet\\:margin-bottom-2xs {\n margin-bottom: calc(1em * 8 / 16) !important;\n margin-bottom: var(--spacing-2xs) !important;\n }\n\n .tablet\\:margin-left-2xs {\n margin-left: calc(1em * 8 / 16) !important;\n margin-left: var(--spacing-2xs) !important;\n }\n\n /* DEV TODO: Get this pair of identical rules working in one selector */\n .table