@web3auth-mpc/ui
Version:
Ui modal for web3Auth
1,575 lines (1,409 loc) • 395 kB
JavaScript
/******/ (() => { // webpackBootstrap
/******/ var __webpack_modules__ = ({
/***/ 363:
/***/ ((module, exports, __webpack_require__) => {
var refs = 0;
var css = __webpack_require__(953);
var insertCss = __webpack_require__(198);
var content = typeof css === 'string' ? [[module.id, css, '']] : css;
exports = module.exports = css.locals || {};
exports._getContent = function() { return content; };
exports._getCss = function() { return '' + css; };
exports._insertCss = function(options) { return insertCss(content, options) };
// Hot Module Replacement
// https://webpack.github.io/docs/hot-module-replacement
// Only activated in browser context
if (false) { var removeCss; }
/***/ }),
/***/ 131:
/***/ ((module, exports, __webpack_require__) => {
var refs = 0;
var css = __webpack_require__(838);
var insertCss = __webpack_require__(198);
var content = typeof css === 'string' ? [[module.id, css, '']] : css;
exports = module.exports = css.locals || {};
exports._getContent = function() { return content; };
exports._getCss = function() { return '' + css; };
exports._insertCss = function(options) { return insertCss(content, options) };
// Hot Module Replacement
// https://webpack.github.io/docs/hot-module-replacement
// Only activated in browser context
if (false) { var removeCss; }
/***/ }),
/***/ 198:
/***/ ((module) => {
"use strict";
/*! Isomorphic Style Loader | MIT License | https://github.com/kriasoft/isomorphic-style-loader */
var inserted = {};
function b64EncodeUnicode(str) {
return btoa(encodeURIComponent(str).replace(/%([0-9A-F]{2})/g, function (match, p1) {
return String.fromCharCode("0x" + p1);
}));
}
function removeCss(ids) {
ids.forEach(function (id) {
if (--inserted[id] <= 0) {
var elem = document.getElementById(id);
if (elem) {
elem.parentNode.removeChild(elem);
}
}
});
}
function insertCss(styles, _temp) {
var _ref = _temp === void 0 ? {} : _temp,
_ref$replace = _ref.replace,
replace = _ref$replace === void 0 ? false : _ref$replace,
_ref$prepend = _ref.prepend,
prepend = _ref$prepend === void 0 ? false : _ref$prepend,
_ref$prefix = _ref.prefix,
prefix = _ref$prefix === void 0 ? 's' : _ref$prefix;
var ids = [];
for (var i = 0; i < styles.length; i++) {
var _styles$i = styles[i],
moduleId = _styles$i[0],
css = _styles$i[1],
media = _styles$i[2],
sourceMap = _styles$i[3];
var id = "" + prefix + moduleId + "-" + i;
ids.push(id);
if (inserted[id]) {
if (!replace) {
inserted[id]++;
continue;
}
}
inserted[id] = 1;
var elem = document.getElementById(id);
var create = false;
if (!elem) {
create = true;
elem = document.createElement('style');
elem.setAttribute('type', 'text/css');
elem.id = id;
if (media) {
elem.setAttribute('media', media);
}
}
var cssText = css;
if (sourceMap && typeof btoa === 'function') {
cssText += "\n/*# sourceMappingURL=data:application/json;base64," + b64EncodeUnicode(JSON.stringify(sourceMap)) + "*/";
cssText += "\n/*# sourceURL=" + sourceMap.file + "?" + id + "*/";
}
if ('textContent' in elem) {
elem.textContent = cssText;
} else {
elem.styleSheet.cssText = cssText;
}
if (create) {
if (prepend) {
document.head.insertBefore(elem, document.head.childNodes[0]);
} else {
document.head.appendChild(elem);
}
}
}
return removeCss.bind(null, ids);
}
module.exports = insertCss;
//# sourceMappingURL=insertCss.js.map
/***/ }),
/***/ 953:
/***/ ((module, __webpack_exports__, __webpack_require__) => {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(272);
/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(609);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
// Module
___CSS_LOADER_EXPORT___.push([module.id, `/* devanagari */
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 600;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6Z11lFd2JQEl8qw.woff2) format("woff2");
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 600;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6Z1JlFd2JQEl8qw.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 600;
src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: "DM Sans";
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/dmsans/v6/rP2Hp2ywxg089UriCZ2IHTWEBlwu8Q.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: "DM Sans";
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/dmsans/v6/rP2Hp2ywxg089UriCZOIHTWEBlw.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Modal */
.w3a-parent-container #w3a-network-modal {
--bg1: #ffffff;
--bg2: #f9f9fb;
--text-color1: #a2a5b5;
--text-color2: #5c6c7f;
--text-header: "Poppins", Helvetica, sans-serif;
--text-body: "DM Sans", Helvetica, sans-serif;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
padding: 15px;
color: var(--text-color1);
font-family: var(--text-body);
background: black;
}
.w3a-parent-container #w3a-network-modal button.w3a-button {
background-color: #ffffff;
border: 1px solid #f3f3f4;
box-shadow: none;
box-sizing: border-box;
border-radius: 24px;
height: 48px;
width: 100%;
padding: 8px;
display: flex;
align-items: center;
justify-content: center;
font-family: var(--text-body);
font-style: normal;
font-weight: 400;
font-size: 16px;
color: #b7b8bd;
cursor: pointer;
}
.w3a-parent-container #w3a-network-modal .w3a-switch-network {
display: flex;
flex-direction: column;
align-items: center;
background: #f9f9fb;
box-sizing: border-box;
border-radius: 10px;
width: 375px;
padding: 20px;
font-family: var(--text-body);
}
.w3a-parent-container #w3a-network-modal .w3a-switch-network__title {
font-family: var(--text-header);
font-size: 20px;
color: var(--text-color2);
margin-bottom: 16px;
text-align: center;
}
.w3a-parent-container #w3a-network-modal .w3a-switch-network__link {
font-size: 12px;
color: #b7b8bd;
background-color: #fff;
height: 24px;
border-radius: 12px;
padding: 4px 16px;
}
.w3a-parent-container #w3a-network-modal .w3a-switch-network__connect {
display: flex;
margin: 40px auto 0;
}
.w3a-parent-container #w3a-network-modal .w3a-switch-network__connect > div {
text-align: center;
font-size: 10px;
color: var(--text-color2);
}
.w3a-parent-container .w3a-switch-network__connect-divider {
margin-top: 20px;
}
.w3a-parent-container #w3a-network-modal .w3a-switch-network__logo {
background: #ffffff;
box-shadow: 2px 2px 12px rgba(3, 100, 255, 0.05);
border-radius: 50%;
width: 58px;
height: 58px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 6px;
}
.w3a-parent-container #w3a-network-modal .w3a-switch-network__logo img {
width: 34px;
height: 34px;
}
.w3a-parent-container #w3a-network-modal .w3a-switch-network__buttons {
display: flex;
-moz-column-gap: 16px;
column-gap: 16px;
width: 100%;
margin-top: 60px;
}
.w3a-parent-container #w3a-network-modal .w3a-button.w3a-button--primary {
background-color: #0364ff;
color: #fff;
}
`, "",{"version":3,"sources":["webpack://./css/network.css"],"names":[],"mappings":"AAAA,eAAe;AACf;IACI,sBAAsB;IACtB,kBAAkB;IAClB,gBAAgB;IAChB,0GAA0G;IAC1G,mHAAmH;AACvH;AACA,cAAc;AACd;IACI,sBAAsB;IACtB,kBAAkB;IAClB,gBAAgB;IAChB,0GAA0G;IAC1G,mHAAmH;AACvH;AACA,UAAU;AACV;IACI,sBAAsB;IACtB,kBAAkB;IAClB,gBAAgB;IAChB,uGAAuG;IACvG;8DAC0D;AAC9D;;AAEA,cAAc;AACd;IACI,sBAAsB;IACtB,kBAAkB;IAClB,gBAAgB;IAChB,oGAAoG;IACpG,mHAAmH;AACvH;AACA,UAAU;AACV;IACI,sBAAsB;IACtB,kBAAkB;IAClB,gBAAgB;IAChB,iGAAiG;IACjG;8DAC0D;AAC9D;;AAEA,UAAU;AACV;IACI,cAAc;IACd,cAAc;IACd,sBAAsB;IACtB,sBAAsB;;IAEtB,+CAA+C;IAC/C,6CAA6C;;IAE7C,eAAe;IACf,MAAM;IACN,OAAO;IACP,YAAY;IACZ,aAAa;IACb,aAAa;IACb,mBAAmB;IACnB,uBAAuB;IACvB,sBAAsB;IACtB,aAAa;IACb,yBAAyB;IACzB,6BAA6B;IAC7B,iBAAiB;AACrB;;AAEA;IACI,yBAAyB;IACzB,yBAAyB;IACzB,gBAAgB;IAChB,sBAAsB;IACtB,mBAAmB;IACnB,YAAY;IACZ,WAAW;IACX,YAAY;IACZ,aAAa;IACb,mBAAmB;IACnB,uBAAuB;IACvB,6BAA6B;IAC7B,kBAAkB;IAClB,gBAAgB;IAChB,eAAe;IACf,cAAc;IACd,eAAe;AACnB;;AAEA;IACI,aAAa;IACb,sBAAsB;IACtB,mBAAmB;IACnB,mBAAmB;IACnB,sBAAsB;IACtB,mBAAmB;IACnB,YAAY;IACZ,aAAa;IACb,6BAA6B;AACjC;;AAEA;IACI,+BAA+B;IAC/B,eAAe;IACf,yBAAyB;IACzB,mBAAmB;IACnB,kBAAkB;AACtB;;AAEA;IACI,eAAe;IACf,cAAc;IACd,sBAAsB;IACtB,YAAY;IACZ,mBAAmB;IACnB,iBAAiB;AACrB;;AAEA;IACI,aAAa;IACb,mBAAmB;AACvB;;AAEA;IACI,kBAAkB;IAClB,eAAe;IACf,yBAAyB;AAC7B;;AAEA;IACI,gBAAgB;AACpB;;AAEA;IACI,mBAAmB;IACnB,gDAAgD;IAChD,kBAAkB;IAClB,WAAW;IACX,YAAY;IACZ,aAAa;IACb,mBAAmB;IACnB,uBAAuB;IACvB,kBAAkB;AACtB;;AAEA;IACI,WAAW;IACX,YAAY;AAChB;;AAEA;IACI,aAAa;IACb,qBAAgB;SAAhB,gBAAgB;IAChB,WAAW;IACX,gBAAgB;AACpB;;AAEA;IACI,yBAAyB;IACzB,WAAW;AACf","sourcesContent":["/* devanagari */\n@font-face {\n font-family: \"Poppins\";\n font-style: normal;\n font-weight: 600;\n src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6Z11lFd2JQEl8qw.woff2) format(\"woff2\");\n unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;\n}\n/* latin-ext */\n@font-face {\n font-family: \"Poppins\";\n font-style: normal;\n font-weight: 600;\n src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6Z1JlFd2JQEl8qw.woff2) format(\"woff2\");\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n font-family: \"Poppins\";\n font-style: normal;\n font-weight: 600;\n src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.woff2) format(\"woff2\");\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,\n U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n\n/* latin-ext */\n@font-face {\n font-family: \"DM Sans\";\n font-style: normal;\n font-weight: 400;\n src: url(https://fonts.gstatic.com/s/dmsans/v6/rP2Hp2ywxg089UriCZ2IHTWEBlwu8Q.woff2) format(\"woff2\");\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n font-family: \"DM Sans\";\n font-style: normal;\n font-weight: 400;\n src: url(https://fonts.gstatic.com/s/dmsans/v6/rP2Hp2ywxg089UriCZOIHTWEBlw.woff2) format(\"woff2\");\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,\n U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n\n/* Modal */\n#w3a-network-modal {\n --bg1: #ffffff;\n --bg2: #f9f9fb;\n --text-color1: #a2a5b5;\n --text-color2: #5c6c7f;\n\n --text-header: \"Poppins\", Helvetica, sans-serif;\n --text-body: \"DM Sans\", Helvetica, sans-serif;\n\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n padding: 15px;\n color: var(--text-color1);\n font-family: var(--text-body);\n background: black;\n}\n\n#w3a-network-modal button.w3a-button {\n background-color: #ffffff;\n border: 1px solid #f3f3f4;\n box-shadow: none;\n box-sizing: border-box;\n border-radius: 24px;\n height: 48px;\n width: 100%;\n padding: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: var(--text-body);\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n color: #b7b8bd;\n cursor: pointer;\n}\n\n#w3a-network-modal .w3a-switch-network {\n display: flex;\n flex-direction: column;\n align-items: center;\n background: #f9f9fb;\n box-sizing: border-box;\n border-radius: 10px;\n width: 375px;\n padding: 20px;\n font-family: var(--text-body);\n}\n\n#w3a-network-modal .w3a-switch-network__title {\n font-family: var(--text-header);\n font-size: 20px;\n color: var(--text-color2);\n margin-bottom: 16px;\n text-align: center;\n}\n\n#w3a-network-modal .w3a-switch-network__link {\n font-size: 12px;\n color: #b7b8bd;\n background-color: #fff;\n height: 24px;\n border-radius: 12px;\n padding: 4px 16px;\n}\n\n#w3a-network-modal .w3a-switch-network__connect {\n display: flex;\n margin: 40px auto 0;\n}\n\n#w3a-network-modal .w3a-switch-network__connect > div {\n text-align: center;\n font-size: 10px;\n color: var(--text-color2);\n}\n\n.w3a-switch-network__connect-divider {\n margin-top: 20px;\n}\n\n#w3a-network-modal .w3a-switch-network__logo {\n background: #ffffff;\n box-shadow: 2px 2px 12px rgba(3, 100, 255, 0.05);\n border-radius: 50%;\n width: 58px;\n height: 58px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 6px;\n}\n\n#w3a-network-modal .w3a-switch-network__logo img {\n width: 34px;\n height: 34px;\n}\n\n#w3a-network-modal .w3a-switch-network__buttons {\n display: flex;\n column-gap: 16px;\n width: 100%;\n margin-top: 60px;\n}\n\n#w3a-network-modal .w3a-button.w3a-button--primary {\n background-color: #0364ff;\n color: #fff;\n}\n"],"sourceRoot":""}]);
// Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
/***/ }),
/***/ 838:
/***/ ((module, __webpack_exports__, __webpack_require__) => {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(272);
/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(609);
/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
// Imports
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
// Module
___CSS_LOADER_EXPORT___.push([module.id, `/*
! tailwindcss v3.3.5 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
.w3a-parent-container *,
.w3a-parent-container ::before,
.w3a-parent-container ::after {
box-sizing: border-box; /* 1 */
border-width: 0; /* 2 */
border-style: solid; /* 2 */
border-color: #e5e7eb; /* 2 */
}
.w3a-parent-container ::before,
.w3a-parent-container ::after {
--tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured \`sans\` font-family by default.
5. Use the user's configured \`sans\` font-feature-settings by default.
6. Use the user's configured \`sans\` font-variation-settings by default.
*/
.w3a-parent-container html {
line-height: 1.5; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-moz-tab-size: 4; /* 3 */
tab-size: 4; /* 3 */
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
font-feature-settings: normal; /* 5 */
font-variation-settings: normal; /* 6 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from \`html\` so users can set them as a class directly on the \`html\` element.
*/
.w3a-parent-container body {
margin: 0; /* 1 */
line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
.w3a-parent-container hr {
height: 0; /* 1 */
color: inherit; /* 2 */
border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
.w3a-parent-container abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
.w3a-parent-container h1,
.w3a-parent-container h2,
.w3a-parent-container h3,
.w3a-parent-container h4,
.w3a-parent-container h5,
.w3a-parent-container h6 {
font-size: inherit;
font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
.w3a-parent-container a {
color: inherit;
text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
.w3a-parent-container b,
.w3a-parent-container strong {
font-weight: bolder;
}
/*
1. Use the user's configured \`mono\` font family by default.
2. Correct the odd \`em\` font sizing in all browsers.
*/
.w3a-parent-container code,
.w3a-parent-container kbd,
.w3a-parent-container samp,
.w3a-parent-container pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
font-size: 1em; /* 2 */
}
/*
Add the correct font size in all browsers.
*/
.w3a-parent-container small {
font-size: 80%;
}
/*
Prevent \`sub\` and \`sup\` elements from affecting the line height in all browsers.
*/
.w3a-parent-container sub,
.w3a-parent-container sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.w3a-parent-container sub {
bottom: -0.25em;
}
.w3a-parent-container sup {
top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
.w3a-parent-container table {
text-indent: 0; /* 1 */
border-color: inherit; /* 2 */
border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
.w3a-parent-container button,
.w3a-parent-container input,
.w3a-parent-container optgroup,
.w3a-parent-container select,
.w3a-parent-container textarea {
font-family: inherit; /* 1 */
font-feature-settings: inherit; /* 1 */
font-variation-settings: inherit; /* 1 */
font-size: 100%; /* 1 */
font-weight: inherit; /* 1 */
line-height: inherit; /* 1 */
color: inherit; /* 1 */
margin: 0; /* 2 */
padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
.w3a-parent-container button,
.w3a-parent-container select {
text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
.w3a-parent-container button,
.w3a-parent-container [type='button'],
.w3a-parent-container [type='reset'],
.w3a-parent-container [type='submit'] {
-webkit-appearance: button; /* 1 */
background-color: transparent; /* 2 */
background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
.w3a-parent-container :-moz-focusring {
outline: auto;
}
/*
Remove the additional \`:invalid\` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
.w3a-parent-container :-moz-ui-invalid {
box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
.w3a-parent-container progress {
vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
.w3a-parent-container ::-webkit-inner-spin-button,
.w3a-parent-container ::-webkit-outer-spin-button {
height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
.w3a-parent-container [type='search'] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
.w3a-parent-container ::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to \`inherit\` in Safari.
*/
.w3a-parent-container ::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
.w3a-parent-container summary {
display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
.w3a-parent-container blockquote,
.w3a-parent-container dl,
.w3a-parent-container dd,
.w3a-parent-container h1,
.w3a-parent-container h2,
.w3a-parent-container h3,
.w3a-parent-container h4,
.w3a-parent-container h5,
.w3a-parent-container h6,
.w3a-parent-container hr,
.w3a-parent-container figure,
.w3a-parent-container p,
.w3a-parent-container pre {
margin: 0;
}
.w3a-parent-container fieldset {
margin: 0;
padding: 0;
}
.w3a-parent-container legend {
padding: 0;
}
.w3a-parent-container ol,
.w3a-parent-container ul,
.w3a-parent-container menu {
list-style: none;
margin: 0;
padding: 0;
}
/*
Reset default styling for dialogs.
*/
.w3a-parent-container dialog {
padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
.w3a-parent-container textarea {
resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
.w3a-parent-container input::placeholder,
.w3a-parent-container textarea::placeholder {
opacity: 1; /* 1 */
color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
.w3a-parent-container button,
.w3a-parent-container [role="button"] {
cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
.w3a-parent-container :disabled {
cursor: default;
}
/*
1. Make replaced elements \`display: block\` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add \`vertical-align: middle\` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
This can trigger a poorly considered lint error in some tools but is included by design.
*/
.w3a-parent-container img,
.w3a-parent-container svg,
.w3a-parent-container video,
.w3a-parent-container canvas,
.w3a-parent-container audio,
.w3a-parent-container iframe,
.w3a-parent-container embed,
.w3a-parent-container object {
display: block; /* 1 */
vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
.w3a-parent-container img,
.w3a-parent-container video {
max-width: 100%;
height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
.w3a-parent-container [hidden] {
display: none;
}
.w3a-parent-container *, .w3a-parent-container ::before, .w3a-parent-container ::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
.w3a-parent-container ::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
.w3a-parent-container .container {
width: 100%;
}
@media (min-width: 640px) {
.w3a-parent-container .container {
max-width: 640px;
}
}
@media (min-width: 768px) {
.w3a-parent-container .container {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.w3a-parent-container .container {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.w3a-parent-container .container {
max-width: 1280px;
}
}
@media (min-width: 1536px) {
.w3a-parent-container .container {
max-width: 1536px;
}
}
.w3a-parent-container .absolute {
position: absolute;
}
.w3a-parent-container .relative {
position: relative;
}
.w3a-parent-container .top-4 {
top: 1rem;
}
.w3a-parent-container .z-20 {
z-index: 20;
}
.w3a-parent-container .col-span-2 {
grid-column: span 2 / span 2;
}
.w3a-parent-container .col-span-3 {
grid-column: span 3 / span 3;
}
.w3a-parent-container .col-span-6 {
grid-column: span 6 / span 6;
}
.w3a-parent-container .-mb-2 {
margin-bottom: -0.5rem;
}
.w3a-parent-container .-ml-\\[100px\\] {
margin-left: -100px;
}
.w3a-parent-container .mb-1 {
margin-bottom: 0.25rem;
}
.w3a-parent-container .mb-4 {
margin-bottom: 1rem;
}
.w3a-parent-container .mb-5 {
margin-bottom: 1.25rem;
}
.w3a-parent-container .ml-2 {
margin-left: 0.5rem;
}
.w3a-parent-container .ml-\\[3px\\] {
margin-left: 3px;
}
.w3a-parent-container .mt-4 {
margin-top: 1rem;
}
.w3a-parent-container .block {
display: block;
}
.w3a-parent-container .flex {
display: flex;
}
.w3a-parent-container .hidden {
display: none;
}
.w3a-parent-container .h-12 {
height: 3rem;
}
.w3a-parent-container .h-3 {
height: 0.75rem;
}
.w3a-parent-container .w-3 {
width: 0.75rem;
}
.w3a-parent-container .w-\\[300px\\] {
width: 300px;
}
.w3a-parent-container .w-full {
width: 100%;
}
.w3a-parent-container .rotate-45 {
--tw-rotate: 45deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.w3a-parent-container .cursor-pointer {
cursor: pointer;
}
.w3a-parent-container .flex-col {
flex-direction: column;
}
.w3a-parent-container .items-center {
align-items: center;
}
.w3a-parent-container .rounded-md {
border-radius: 0.375rem;
}
.w3a-parent-container .bg-app-gray-50 {
--tw-bg-opacity: 1;
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.w3a-parent-container .p-4 {
padding: 1rem;
}
.w3a-parent-container .text-left {
text-align: left;
}
.w3a-parent-container .text-right {
text-align: right;
}
.w3a-parent-container .text-xs {
font-size: 0.75rem;
line-height: 1rem;
}
.w3a-parent-container .font-medium {
font-weight: 500;
}
.w3a-parent-container .leading-none {
line-height: 1;
}
.w3a-parent-container .text-app-gray-400 {
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity));
}
.w3a-parent-container .text-app-gray-900 {
--tw-text-opacity: 1;
color: rgb(17 25 40 / var(--tw-text-opacity));
}
.w3a-parent-container .text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.w3a-parent-container .shadow-lg {
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.w3a-parent-container .filter {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.w3a-parent-container input[type="number"]::-webkit-inner-spin-button,
.w3a-parent-container input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
}
/* cyrillic-ext */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format("woff2");
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format("woff2");
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format("woff2");
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format("woff2");
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format("woff2");
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format("woff2");
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
U+2215, U+FEFF, U+FFFD;
}
/* Modal */
.w3a-parent-container #w3a-modal {
position: fixed;
inset: 0px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
padding: 1rem;
font-family: Inter;
}
.w3a-parent-container #w3a-modal.w3a-modal--hidden {
display: none;
}
.w3a-parent-container #w3a-modal .w3a-modal__inner {
position: relative;
display: flex;
max-height: 95%;
min-height: 630px;
width: 100%;
max-width: 392px;
flex-direction: column;
overflow-x: hidden;
overflow-y: hidden;
border-radius: 32px;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(243 244 246 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
opacity: 0;
--tw-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08);
--tw-shadow-colored: 0px 4px 16px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.w3a-parent-container :is(.dark #w3a-modal .w3a-modal__inner) {
--tw-border-opacity: 1;
border-color: rgb(55 65 81 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
.w3a-parent-container #w3a-modal .w3a-modal__inner {
transform: scale(0);
transition: all 150ms cubic-bezier(0.92, 0, 1, 0.67);
transform-origin: center center;
}
.w3a-parent-container #w3a-modal .w3a-modal__inner.w3a-modal__inner--active {
opacity: 1;
transform: scale(1);
transition: all 150ms cubic-bezier(0, 0.73, 0.71, 1);
transform-origin: center center;
}
.w3a-parent-container #w3a-modal .w3a-modal__header {
position: relative;
padding-left: 2rem;
padding-right: 2rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.w3a-parent-container #w3a-modal .w3a-modal__content {
overflow-y: auto;
padding-left: 2rem;
padding-right: 2rem;
padding-top: 1rem;
padding-bottom: 1rem;
}
.w3a-parent-container #w3a-modal .w3a-modal__footer {
margin-top: auto;
align-items: center;
justify-content: center;
--tw-bg-opacity: 1;
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
padding-left: 2rem;
padding-right: 2rem;
padding-top: 1rem;
padding-bottom: 1rem;
text-align: center;
}
.w3a-parent-container :is(.dark #w3a-modal .w3a-modal__footer) {
--tw-bg-opacity: 1;
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}
/* Header */
.w3a-parent-container #w3a-modal .w3a-header {
display: flex;
align-items: center;
padding-top: 2rem;
}
.w3a-parent-container #w3a-modal .w3a-header__logo {
margin-bottom: 1rem;
}
.w3a-parent-container #w3a-modal .w3a-header__logo img {
height: auto;
width: 2.5rem;
}
.w3a-parent-container #w3a-modal .w3a-header__title {
font-size: 1.25rem;
line-height: 1.75rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(17 25 40 / var(--tw-text-opacity));
}
.w3a-parent-container :is(.dark #w3a-modal .w3a-header__title) {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.w3a-parent-container #w3a-modal div.w3a-header__subtitle {
display: flex;
align-items: center;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 400;
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.w3a-parent-container :is(.dark #w3a-modal div.w3a-header__subtitle) {
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity));
}
.w3a-parent-container #w3a-modal div.w3a-header__subtitle img {
margin-left: 0.25rem;
height: 14px;
width: 14px;
}
.w3a-parent-container #w3a-modal button.w3a-header__button {
position: absolute;
top: 1.25rem;
right: 1.75rem;
cursor: pointer;
border-width: 0px;
padding: 0px;
}
.w3a-parent-container #w3a-modal button.w3a-header__button:focus {
outline-color: #F9FAFB;
}
.w3a-parent-container #w3a-modal button.w3a-header__button:active {
outline-color: #F9FAFB;
}
.w3a-parent-container :is(.dark #w3a-modal button.w3a-header__button:focus) {
outline-style: solid;
outline-width: 1px;
outline-color: #9CA3AF;
}
.w3a-parent-container :is(.dark #w3a-modal button.w3a-header__button:active) {
outline-style: solid;
outline-width: 1px;
outline-color: #9CA3AF;
}
/* BODY */
.w3a-parent-container #w3a-modal div.w3a-social__policy {
margin-top: 1rem;
text-align: left;
font-size: 0.75rem;
line-height: 1rem;
font-weight: 500;
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.w3a-parent-container :is(.dark #w3a-modal div.w3a-social__policy) {
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity));
}
.w3a-parent-container #w3a-modal .w3a-group {
margin-bottom: 1rem;
}
.w3a-parent-container #w3a-modal .w3a-group:last-child {
margin-bottom: 0px;
}
.w3a-parent-container #w3a-modal .w3ajs-passwordless div.w3a-group__title {
display: flex;
align-items: center;
}
.w3a-parent-container #w3a-modal .w3ajs-passwordless div.w3a-group__title img {
margin-left: 0.25rem;
height: 14px;
width: 14px;
}
.w3a-parent-container #w3a-modal .w3a-group.w3a-group--hidden,
.w3a-parent-container #w3a-modal .w3a-group.w3a-group--social-hidden,
.w3a-parent-container #w3a-modal .w3a-group.w3a-group--email-hidden,
.w3a-parent-container #w3a-modal .w3a-group.w3a-group--ext-wallet-hidden {
display: none;
}
.w3a-parent-container #w3a-modal div.w3a-group__title {
margin-bottom: 0.5rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 500;
--tw-text-opacity: 1;
color: rgb(17 25 40 / var(--tw-text-opacity));
}
.w3a-parent-container :is(.dark #w3a-modal div.w3a-group__title) {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
/* Adapter List */
.w3a-parent-container #w3a-modal ul.w3a-adapter-list {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
row-gap: 1rem;
overflow-y: hidden;
padding: 1px;
max-height: 500px;
transition: max-height 0.35s;
transition-timing-function: cubic-bezier(0.92, 0, 0.74, 1);
}
.w3a-parent-container #w3a-modal ul.w3a-adapter-list.w3a-adapter-list--shrink {
max-height: 108px;
transition: max-height 0.3s;
transition-timing-function: cubic-bezier(0, 0.73, 0.71, 1);
}
.w3a-parent-container #w3a-modal ul.w3a-adapter-list.w3a-adapter-list--hidden {
display: none;
}
.w3a-parent-container #w3a-modal li.w3a-adapter-item {
list-style-type: none;
}
.w3a-parent-container #w3a-modal li.w3a-adapter-item--full {
grid-column: span 6 / span 6;
}
.w3a-parent-container #w3a-modal .w3a-adapter-item--hide {
display: none;
}
.w3a-parent-container #w3a-modal .w3a-external-toggle {
display: block;
}
.w3a-parent-container #w3a-modal .w3a-external-toggle.w3a-external-toggle--hidden {
display: none;
}
.w3a-parent-container #w3a-modal .w3a-external-container {
margin-bottom: 0px;
display: block;
}
.w3a-parent-container #w3a-modal .w3a-external-container.w3a-external-container--hidden {
display: none;
}
.w3a-parent-container #w3a-modal .w3a-external-group {
margin-bottom: 1rem;
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
}
.w3a-parent-container #w3a-modal .w3a-external-group__left {
flex-grow: 1;
}
.w3a-parent-container #w3a-modal button.w3a-external-back {
margin-bottom: 0.5rem;
display: inline-flex;
cursor: pointer;
align-items: center;
border-width: 0px;
background-image: none;
padding: 0px;
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.w3a-parent-container #w3a-modal button.w3a-external-back:focus {
outline-color: #F9FAFB;
}
.w3a-parent-container #w3a-modal button.w3a-external-back:active {
outline-color: #F9FAFB;
}
.w3a-parent-container :is(.dark #w3a-modal button.w3a-external-back) {
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity));
}
.w3a-parent-container :is(.dark #w3a-modal button.w3a-external-back:focus) {
outline-style: solid;
outline-width: 1px;
outline-color: #9CA3AF;
}
.w3a-parent-container :is(.dark #w3a-modal button.w3a-external-back:active) {
outline-style: solid;
outline-width: 1px;
outline-color: #9CA3AF;
}
.w3a-parent-container #w3a-modal .w3a-external-back .w3a-group__title {
margin-bottom: 0px;
margin-left: 5px;
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity));
}
.w3a-parent-container #w3a-modal .w3a-external-loader {
display: flex;
justify-content: center;
}
.w3a-parent-container #w3a-modal .w3a-wallet-connect {
margin-bottom: 1rem;
display: block;
text-align: center;
}
.w3a-parent-container #w3a-modal .w3a-wallet-connect.w3a-wallet-connect--hidden {
display: none;
}
.w3a-parent-container #w3a-modal .w3a-wallet-connect__container {
margin-left: auto;
margin-right: auto;
width: -moz-fit-content;
width: fit-content;
min-width: 250px;
border-radius: 10px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
font-size: 0.625rem;
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.w3a-parent-container :is(.dark #w3a-modal .w3a-wallet-connect__container) {
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity));
}
.w3a-parent-container #w3a-modal .w3a-wallet-connect__container-desktop,
.w3a-parent-container #w3a-modal .w3a-wallet-connect__container-android {
margin: auto;
}
.w3a-parent-container #w3a-modal .w3a-wallet-connect__container-btn-group {
display: flex;
gap: 18px;
}
.w3a-parent-container #w3a-modal .w3a-wallet-connect__container-ios {
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
row-gap: 30px;
padding: 0px;
padding-bottom: 1.75rem;
}
.w3a-parent-container #w3a-modal .w3a-wallet-connect-qr {
margin: 1rem;
}
.w3a-parent-container #w3a-modal .w3a-wallet-connect-qr > canvas,
.w3a-parent-container #w3a-modal .w3a-wallet-connect-qr > svg {
margin: auto;
}
.w3a-parent-container #w3a-modal .w3a-wallet-connect__container-android a {
text-decoration-line: none;
}
.w3a-parent-container #w3a-modal .w3a-wallet-connect__logo > img {
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 1rem;
width: 115px;
}
/* Footer Components */
.w3a-parent-containe