@sezzle/sezzle-react-widget 3.1.5 → 3.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +3 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.es.js +3 -3
- package/dist/index.es.js.map +1 -1
- package/package.json +20 -19
package/dist/index.cjs
CHANGED
|
@@ -402,7 +402,7 @@ var esTranslations = {
|
|
|
402
402
|
};
|
|
403
403
|
|
|
404
404
|
function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
|
|
405
|
-
function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) {
|
|
405
|
+
function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
|
|
406
406
|
function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
|
|
407
407
|
function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
|
|
408
408
|
var supportedLanguages = ['en', 'es', 'fr'];
|
|
@@ -476,7 +476,7 @@ function _getAPModal() {
|
|
|
476
476
|
_getAPModal = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(modalNode) {
|
|
477
477
|
var currentLang, url, response, _t;
|
|
478
478
|
return _regenerator().w(function (_context) {
|
|
479
|
-
while (1) switch (_context.n) {
|
|
479
|
+
while (1) switch (_context.p = _context.n) {
|
|
480
480
|
case 0:
|
|
481
481
|
currentLang = getLanguage();
|
|
482
482
|
modalNode.className = 'sezzle-checkout-modal-lightbox close-sezzle-modal sezzle-ap-modal';
|
|
@@ -900,7 +900,7 @@ function getLongTermModal(modalNode, priceString, bestAPR) {
|
|
|
900
900
|
modalNode.innerHTML = "<section class=\"sezzle-checkout-modal-lightbox close-sezzle-modal\" lang=\"".concat(translations.locale, "\" aria-label=\"").concat(translations.sezzleInformation, "\" style=\"display: block;\">\n <div id=\"sezzle-modal-container\" role=\"dialog\" aria-label=\"Sezzle Modal\" class=\"sezzle-checkout-modal-hidden long-term\">\n <div class=\"sezzle-modal\">\n <div>\n <button role=\"button\" aria-label=\"").concat(translations.closeSezzleModal, "\" class=\"close-sezzle-modal\"></button>\n </div>\n <div class=\"sezzle-logo\" title=\"Sezzle\"> </div>\n <div id=\"sezzle-modal-core-content\" class=\"sezzle-modal-content\">\n <header class=\"sezzle-header\">").concat(translations.LTsezzleHeader, "</header>\n <div class=\"sezzle-row\">").concat(translations.LTsezzleRowChild, "</div>\n <div class=\"sezzle-lt-payments\">\n <div class=\"sezzle-lt-payment-header\">").concat(translations.LTsezzlePaymentHeader, " <span> ").concat(currency + addDelimiters(priceString), "</span></div>\n <div class=\"sezzle-lt-payment-options ").concat(terms[2], "-month\" ").concat(terms[2] === undefined ? 'style="display: none;"' : 'style="display: block;"', ">\n <div class=\"plan\">\n <div class=\"monthly-amount\">\n <span>").concat(currency + formatMonthly(priceString, terms[2], bestAPR), "</span>\n <span aria-label=\"").concat(translations.LTperMonth, "\">\n <span class=\"per-month\" aria-hidden=\"true\">").concat(translations.LTmonthlyAmount, "<sup>*</sup></span>\n </span>\n </div>\n <div class=\"term-length\">").concat(terms[2], " ").concat(translations.LTtermLength, "</div>\n </div>\n <div class=\"plan-details\">\n <div class=\"adjusted-total\">").concat(translations.LTadjustedTotal, " <span>").concat(currency + formatAdjustedTotal(priceString, terms[2], bestAPR), "</span></div>\n <div class=\"interest-amount\">").concat(translations.LTinterest, " <span>").concat(currency + formatTotalInterest(priceString, terms[2], bestAPR), "</span></div>\n <div class=\"sample-apr\">\n <span aria-label=\"").concat(translations.LTreadApr, " ").concat(bestAPR, " ").concat(translations.LTpercent, "\">\n <span class=\"apr-label\" aria-hidden=\"true\">").concat(translations.LTsampleApr, "</span>\n <span aria-hidden=\"true\">").concat(bestAPR, "%</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"sezzle-lt-payment-options ").concat(terms[1], "-month\">\n <div class=\"plan\">\n <div class=\"monthly-amount\">\n <span>").concat(currency + formatMonthly(priceString, terms[1], bestAPR), "</span>\n <span aria-label=\"").concat(translations.LTperMonth, "\">\n <span class=\"per-month\" aria-hidden=\"true\">").concat(translations.LTmonthlyAmount, "<sup>*</sup></span>\n </span>\n </div>\n <div class=\"term-length\">").concat(terms[1], " ").concat(translations.LTtermLength, "</div>\n </div>\n <div class=\"plan-details\">\n <div class=\"adjusted-total\">").concat(translations.LTadjustedTotal, " <span>").concat(currency + formatAdjustedTotal(priceString, terms[1], bestAPR), "</span></div>\n <div class=\"interest-amount\">").concat(translations.LTinterest, " <span>").concat(currency + formatTotalInterest(priceString, terms[1], bestAPR), "</span></div>\n <div class=\"sample-apr\">\n <span aria-label=\"").concat(translations.LTreadApr, " ").concat(bestAPR, " ").concat(translations.LTpercent, "\">\n <span class=\"apr-label\" aria-hidden=\"true\">").concat(translations.LTsampleApr, "</span>\n <span aria-hidden=\"true\">").concat(bestAPR, "%</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"sezzle-lt-payment-options ").concat(terms[0], "-month\">\n <div class=\"plan\">\n <div class=\"monthly-amount\">\n <span>").concat(currency + formatMonthly(priceString, terms[0], bestAPR), "</span>\n <span aria-label=\"").concat(translations.LTperMonth, "\">\n <span class=\"per-month\" aria-hidden=\"true\">").concat(translations.LTmonthlyAmount, "<sup>*</sup></span>\n </span>\n </div>\n <div class=\"term-length\">").concat(terms[0], " ").concat(translations.LTtermLength, "</div>\n </div>\n <div class=\"plan-details\">\n <div class=\"adjusted-total\">").concat(translations.LTadjustedTotal, " <span>").concat(currency + formatAdjustedTotal(priceString, terms[0], bestAPR), "</span></div>\n <div class=\"interest-amount\">").concat(translations.LTinterest, " <span>").concat(currency + formatTotalInterest(priceString, terms[0], bestAPR), "</span></div>\n <div class=\"sample-apr\">\n <span aria-label=\"").concat(translations.LTreadApr, " ").concat(bestAPR, " ").concat(translations.LTpercent, "\">\n <span class=\"apr-label\" aria-hidden=\"true\">").concat(translations.LTsampleApr, "</span>\n <span aria-hidden=\"true\">").concat(bestAPR, "%</span>\n </span>\n </div>\n </div>\n </div>\n </div>\n <div class=\"details\">").concat(translations.LTsingleFeatureAffordable, "</div>\n <div class=\"details\">").concat(translations.LTsingleFeaturePrequalify, "</div>\n <div class=\"details\">").concat(translations.LTsingleFeatureTrusted, "</div>\n <div class=\"terms\">\n <p>").concat(translations.LTterms1, "</p>\n <p>").concat(translations.LTterms2, "</p>\n <p>").concat(translations.LTterms3, "</p>\n </div>\n </div>\n </div>\n </div>\n </section>");
|
|
901
901
|
}
|
|
902
902
|
|
|
903
|
-
var css_248z = "@import url(\"https://fonts.cdnfonts.com/css/satoshi\");\n.sezzle-modal-open {\n position: fixed;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n}\n\n.sezzle-checkout-modal-lightbox * {\n vertical-align: baseline;\n box-sizing: border-box;\n line-height: normal;\n background-color: unset;\n box-shadow: unset;\n font-family: unset;\n color: unset;\n font-size: unset;\n font-weight: unset;\n padding: unset;\n border: unset;\n margin: unset;\n stroke: none;\n}\n\n.sezzle-checkout-modal-lightbox {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n z-index: 2147483647;\n background-color: rgba(5, 31, 52, 0.57);\n width: 100vw;\n height: 100vh;\n overflow-y: auto;\n overflow-x: hidden;\n color: unset;\n}\n.sezzle-checkout-modal-lightbox .sezzle-checkout-modal-hidden {\n transition: all 0.4s ease;\n margin-top: 0;\n}\n.sezzle-checkout-modal-lightbox .sezzle-checkout-modal {\n position: fixed;\n top: 50%;\n left: 50%;\n margin-top: -384px;\n margin-left: -325px;\n z-index: 99999998;\n background-color: #ffffff;\n box-shadow: 0 10px 20px rgba(5, 31, 52, 0.19), 0 6px 6px rgba(5, 31, 52, 0.2);\n border-radius: 20px;\n color: #303030;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n transition: all 0.4s ease;\n width: 650px;\n}\n@media (max-width: 650px) {\n .sezzle-checkout-modal-lightbox .sezzle-checkout-modal {\n position: relative;\n top: 0px;\n left: 0px;\n padding: 50px 20px;\n margin: 0;\n border-radius: 0;\n height: 100%;\n font-size: 15px;\n max-width: 100%;\n min-width: 320px;\n overflow: auto;\n }\n}\n@media (max-height: 767px) and (min-width: 651px) {\n .sezzle-checkout-modal-lightbox .sezzle-checkout-modal {\n position: relative;\n top: 0px;\n left: 0px;\n margin: 20px auto;\n }\n}\n.sezzle-checkout-modal-lightbox .sezzle-checkout-modal h1 {\n font-size: 18px;\n text-align: center;\n margin: 0 auto;\n}\n@media (max-width: 450px) {\n .sezzle-checkout-modal-lightbox .sezzle-checkout-modal h1 .sezzle-checkout-modal h1 {\n font-size: 16px;\n }\n}\n.sezzle-checkout-modal-lightbox .sezzle-checkout-modal p {\n display: block;\n text-align: center;\n text-transform: none;\n font-size: 12pt;\n line-height: 25px;\n font-weight: 300;\n box-sizing: border-box;\n color: #5e5e5e;\n margin: 5px 0 !important;\n letter-spacing: 0.25px;\n}\n@media (max-width: 768px) {\n .sezzle-checkout-modal-lightbox .sezzle-checkout-modal p {\n text-align: center;\n }\n}\n@media (max-width: 450px) {\n .sezzle-checkout-modal-lightbox .sezzle-checkout-modal p {\n font-size: 11pt;\n text-align: center;\n letter-spacing: 0.5px;\n line-height: 18px;\n }\n}\n.sezzle-checkout-modal-lightbox .sezzle-checkout-modal p small {\n display: block;\n box-sizing: border-box;\n font-size: 11pt;\n opacity: 0.8;\n}\n@media (max-width: 450px) {\n .sezzle-checkout-modal-lightbox .sezzle-checkout-modal p small {\n font-size: 7.5pt;\n }\n}\n.sezzle-checkout-modal-lightbox .sezzle-checkout-modal a {\n display: block;\n margin: 4px auto 0;\n color: #17ce6a;\n font-size: 8pt;\n font-weight: 500;\n text-transform: lowercase;\n text-align: left;\n letter-spacing: 0.25px;\n text-decoration: none;\n transition: 0.15s;\n opacity: 0.65;\n}\n.sezzle-checkout-modal-lightbox .sezzle-checkout-modal a:hover {\n transition: 0.1s;\n opacity: 1;\n}\n.sezzle-checkout-modal-lightbox .sezzle-checkout-modal h2 {\n font-size: 18px;\n text-align: center;\n margin: 0 auto;\n color: unset;\n}\n@media (max-width: 768px) {\n .sezzle-checkout-modal-lightbox .sezzle-checkout-modal h2 {\n text-align: center;\n }\n}\n.sezzle-checkout-modal-lightbox .sezzle-checkout-modal h2 img {\n margin: 0 4px;\n display: inline-block;\n height: 30px !important;\n width: auto;\n position: relative;\n top: 6px;\n vertical-align: initial;\n}\n\n.sezzle-checkout-modal-hidden {\n width: 100%;\n height: 100%;\n -webkit-font-smoothing: antialiased;\n transition: all 0.4s ease;\n margin-top: 0;\n}\n@media screen and (min-width: 0px) and (max-width: 280px) {\n .sezzle-checkout-modal-hidden {\n display: none;\n }\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal {\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n position: absolute;\n box-shadow: 0 10px 20px rgba(5, 31, 52, 0.19), 0 6px 6px rgba(5, 31, 52, 0.2);\n height: auto;\n max-height: 100%;\n width: 391px;\n color: #303030;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n background-color: #ffffff;\n overflow: auto;\n padding: 20px 0;\n border-radius: 10px;\n box-sizing: border-box;\n gap: 16px;\n justify-items: center;\n}\n@media screen and (max-width: 768px) {\n .sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal {\n width: 100vw;\n height: 100vh;\n padding: 20px 0 2px 0;\n border-radius: 0px;\n }\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal div button.close-sezzle-modal {\n position: absolute;\n right: 16px;\n top: 16px;\n width: 24px;\n height: 24px;\n opacity: 0.2;\n cursor: pointer;\n padding: 0;\n outline: 0;\n background: 0 0;\n border: none;\n box-shadow: none;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal div button.close-sezzle-modal:hover {\n opacity: 1;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal div button.close-sezzle-modal:focus {\n opacity: 0.5;\n}\n@media screen and (max-width: 600px) {\n .sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal div button.close-sezzle-modal {\n opacity: 0.8;\n }\n .sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal div button.close-sezzle-modal:focus {\n opacity: 1;\n }\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal div button.close-sezzle-modal::before {\n position: absolute;\n left: 10px;\n content: \" \";\n top: 0;\n transform: rotate(45deg);\n background-color: #5e5e5e;\n width: 2px;\n height: 15px;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal div button.close-sezzle-modal::after {\n position: absolute;\n left: 10px;\n content: \" \";\n top: 0;\n transform: rotate(-45deg);\n background-color: #5e5e5e;\n width: 2px;\n height: 15px;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-logo {\n display: block;\n height: 29.39px;\n width: 120px;\n margin: 10px auto 0;\n background-image: url(https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg);\n background-repeat: no-repeat;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content {\n height: auto;\n text-align: center;\n padding: 0px 16px;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .tp-widget-wrapper {\n font-size: 12px;\n margin: 16px 0px;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .tp-widget-wrapper a {\n text-decoration: none;\n color: #303030;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .tp-review-status {\n color: #382757;\n font-size: 11.06px;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 700;\n line-height: 23.95px;\n word-wrap: break-word;\n display: inline-block;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .tp-widget-trustscore {\n font-weight: 500;\n display: inline-block;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .tp-widget-stars {\n display: inline-block;\n width: 80px;\n position: relative;\n top: 3px;\n margin-left: 7px;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .tp-widget-stars div .tp-stars--4--half div svg {\n display: block;\n position: absolute;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .tp-widget-stars div .tp-stars--4--half div svg .tp-star:nth-of-type(-n + 4) .tp-star__canvas {\n fill: #00b67a;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .tp-widget-stars div .tp-stars--4--half div svg .tp-star .tp-star__canvas {\n fill: #dcdce6;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .tp-widget-stars div .tp-stars--4--half div svg .tp-star .tp-star__canvas--half {\n fill: #00b67a;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .tp-widget-stars div .tp-stars--4--half div svg .tp-star .tp-star__shape {\n fill: #ffffff;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .widget-info {\n display: inline-block;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .widget-info .tp-widget-review-count {\n font-weight: 700;\n display: inline-block;\n margin-left: 7px;\n font-size: 12px;\n line-height: 23.95px;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .widget-info .tp-widget-rating {\n display: inline-block;\n font-size: 12px;\n line-height: 23.95px;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .widget-info .tp-widget-logo {\n display: inline-block;\n width: 60px;\n position: relative;\n top: 3px;\n margin-left: 7px;\n line-height: 23.95px;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-header {\n position: relative;\n display: block;\n text-align: center;\n font-style: normal;\n font-size: 26px;\n font-weight: 700;\n line-height: 35px;\n letter-spacing: 0.1px;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n color: #303030;\n margin: 16px 0;\n float: none;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-row {\n text-align: center;\n font-style: normal;\n font-size: 15px;\n font-weight: 400;\n line-height: 21px;\n color: #303030;\n letter-spacing: 0.4px;\n margin: 12px 0px 24px;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n display: block;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-row span {\n display: block;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-row span sup {\n vertical-align: super;\n font-size: 0.75em;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n position: unset;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-four-pay {\n display: flex;\n flex-direction: column;\n align-items: center;\n background: rgba(131, 51, 212, 0.05);\n border-radius: 11.483px;\n padding: 18.37px;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-four-pay.sezzle-four-pay-fr-es {\n margin: 0px 0px;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: 18.373px;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .due-today {\n display: flex;\n padding: 18.373px;\n flex-direction: column;\n align-items: center;\n gap: 9.187px;\n border-radius: 11.483px;\n background: #ffffff;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .future-payments {\n display: flex;\n padding: 18.373px;\n align-items: flex-start;\n gap: 18.373px;\n border-radius: 11.483px;\n background: #ffffff;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item {\n display: inline-flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 9.19px;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .pie-icon {\n position: relative;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .pie-icon svg {\n width: 45.93px;\n height: 45.93px;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .breakdown-row {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 2.3px;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .breakdown-row .percentage {\n text-align: center;\n color: #8333d4;\n font-size: 17.22px;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 400;\n line-height: 24.11px;\n letter-spacing: 0.17px;\n word-wrap: break-word;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .breakdown-row .due {\n text-align: center;\n color: #5e5e5e;\n font-size: 13.78px;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 400;\n line-height: 19.52px;\n letter-spacing: 0.46px;\n white-space: nowrap;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .breakdown-row .due sup {\n vertical-align: super;\n font-size: 0.75em;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n position: unset;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-features {\n margin: 16px 0 16px 0;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-features .single-feature {\n text-align: center;\n align-self: stretch;\n font-size: 17px;\n font-style: normal;\n font-weight: 700;\n line-height: 23px;\n letter-spacing: 0.2px;\n color: #303030;\n font-family: Satoshi, \"Open Sans\", sans-serif !important;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-features.hide {\n display: none;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-giveaway, .sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-promo {\n font-size: 17px;\n font-weight: 700;\n line-height: 23px;\n margin: 16px 0;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-giveaway.hide, .sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-promo.hide {\n display: none;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-giveaway sup, .sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-promo sup {\n vertical-align: super;\n font-size: 0.75em;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n position: unset;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .terms {\n text-align: center;\n font-style: normal;\n font-size: 11px;\n font-weight: 400;\n line-height: 12px;\n color: #5e5e5e;\n font-family: Satoshi, \"Open Sans\", sans-serif !important;\n margin: 0 0 10px;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .terms sup {\n vertical-align: super;\n font-size: 0.75em;\n padding-right: 2px;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n position: unset;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .terms span {\n font-family: Satoshi, \"Open Sans\", sans-serif;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .terms a {\n color: #8333d4;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n text-decoration: underline;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .terms a:hover {\n color: #af0fda;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .terms.hide {\n display: none;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .close-btn-container {\n margin-top: 10px;\n display: flex;\n justify-content: center;\n}\n@media screen and (max-width: 768px) {\n .sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .close-btn-container {\n position: sticky;\n bottom: 0;\n }\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .close-btn {\n display: flex;\n width: 95%;\n height: 48px;\n position: static;\n padding: 13px 16px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n flex-shrink: 0;\n border-radius: 100px;\n background: #382757;\n color: #ffffff;\n /* Button/Large */\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-size: 15px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px; /* 160% */\n letter-spacing: 0.25px;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .close-btn:hover {\n background: #7d25cb;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal {\n width: fit-content;\n border-radius: 10px;\n padding: 16px;\n gap: 10px;\n background-color: #f4f4f4;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n position: absolute;\n box-shadow: 0 10px 20px rgba(5, 31, 52, 0.19), 0 6px 6px rgba(5, 31, 52, 0.2);\n height: auto;\n max-height: 100%;\n color: #303030;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n overflow: auto;\n box-sizing: border-box;\n justify-items: center;\n}\n@media screen and (max-width: 768px) {\n .sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal {\n width: 100vw;\n height: 100vh;\n padding: 20px 0 2px 0;\n border-radius: 0px;\n }\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal button.close-sezzle-modal {\n position: absolute;\n right: 16px;\n top: 16px;\n width: 24px;\n height: 24px;\n opacity: 0.2;\n cursor: pointer;\n padding: 0;\n outline: 0;\n background: 0 0;\n border: none;\n box-shadow: none;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal button.close-sezzle-modal:hover {\n opacity: 1;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal button.close-sezzle-modal:focus {\n opacity: 0.5;\n}\n@media screen and (max-width: 600px) {\n .sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal button.close-sezzle-modal {\n opacity: 0.8;\n }\n .sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal button.close-sezzle-modal:focus {\n opacity: 1;\n }\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal button.close-sezzle-modal::before {\n position: absolute;\n left: 10px;\n content: \" \";\n top: 0;\n transform: rotate(45deg);\n background-color: #5e5e5e;\n width: 2px;\n height: 15px;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal button.close-sezzle-modal::after {\n position: absolute;\n left: 10px;\n content: \" \";\n top: 0;\n transform: rotate(-45deg);\n background-color: #5e5e5e;\n width: 2px;\n height: 15px;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-logo {\n display: block;\n height: 29.39px;\n width: 120px;\n margin: 10px auto 0;\n background-image: url(https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg);\n background-repeat: no-repeat;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content {\n display: flex;\n flex-direction: column;\n gap: 8px;\n width: 326px;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .trusted {\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 400;\n font-size: 11px;\n line-height: 17px;\n letter-spacing: 0.2px;\n color: #5e5e5e;\n margin: 8px auto 0px;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .sezzle-header {\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 700;\n font-size: 21px;\n line-height: 28px;\n letter-spacing: 0.1px;\n text-align: center;\n color: #303030;\n margin: auto;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .sample-payments {\n display: flex;\n justify-content: space-between;\n padding: 0 16px;\n margin: 8px auto;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .sample-payments.sezzle-five-pay-fr {\n padding: 0px;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .sample-payments .sample-payments-title {\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 400;\n font-size: 15px;\n line-height: 21px;\n letter-spacing: 0.15px;\n text-align: center;\n color: #303030;\n align-content: center;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .sample-payments .input-amount-container {\n width: min-content;\n height: 58px;\n border-radius: 10px;\n padding: 0 16px;\n align-content: center;\n border: 1px solid #767676;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .sample-payments .input-amount-container .input-amount-label {\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 500;\n font-size: 12px;\n line-height: 17px;\n letter-spacing: 0.4px;\n vertical-align: middle;\n color: #5e5e5e;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .sample-payments .input-amount-container .input-amount {\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 500;\n font-size: 15px;\n line-height: 21px;\n letter-spacing: 0.15px;\n vertical-align: middle;\n color: #303030;\n width: 75px;\n background: none;\n border: none;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .sample-payments .input-amount-container .input-amount:focus-visible {\n outline: none;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .sample-payments .input-amount-container:focus-within {\n border: 2px solid #af0fda;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards {\n border-radius: 10px;\n background-color: #ffffff;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card {\n gap: 8px;\n padding: 16px;\n display: flex;\n flex-direction: column;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card:first-child {\n border-bottom: 3px solid #f4f4f4;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card .plan-summary .purple {\n display: flex;\n justify-content: space-between;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card .plan-summary .purple .left {\n text-align: left;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card .plan-summary .purple .left .price {\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 700;\n font-size: 17px;\n line-height: 23px;\n letter-spacing: 0.2px;\n color: #8333d4;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card .plan-summary .purple .left .due {\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 700;\n font-size: 15px;\n line-height: 21px;\n letter-spacing: 0.15px;\n color: #8333d4;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card .plan-summary .purple .right {\n width: fit-content;\n border-radius: 24px;\n height: fit-content;\n padding: 4px 10px;\n background-color: #f9f5fd;\n align-items: center;\n display: flex;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card .plan-summary .purple .right .pill {\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 500;\n font-size: 12px;\n line-height: 17px;\n letter-spacing: 0.4px;\n color: #8333d4;\n width: fit-content;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card .plan-summary .grey {\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 400;\n font-size: 12px;\n line-height: 17px;\n letter-spacing: 0.4px;\n color: #5e5e5e;\n text-align: left;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card .payment-breakdown {\n display: flex;\n justify-content: center;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card .payment-breakdown .installment {\n width: -webkit-fill-available;\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card .payment-breakdown .installment .graphic {\n display: flex;\n justify-content: space-between;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card .payment-breakdown .installment .graphic .dash {\n display: flex;\n align-items: center;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card .payment-breakdown .installment .graphic .dot {\n display: flex;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card .payment-breakdown .installment .graphic .dot svg {\n width: 16px;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card .payment-breakdown .installment .detail .amount {\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 500;\n font-size: 12px;\n line-height: 17px;\n letter-spacing: 0.4px;\n text-align: center;\n color: #5e5e5e;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card .payment-breakdown .installment .detail .due {\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 400;\n font-size: 11px;\n line-height: 17px;\n letter-spacing: 0.2px;\n text-align: center;\n color: #5e5e5e;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card .payment-breakdown .installment .detail.first-installment .amount {\n font-weight: 700;\n color: #303030;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card .payment-breakdown .installment .detail.first-installment .due {\n color: #303030;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle {\n display: flex;\n flex-direction: column;\n padding-top: 8px;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel-header {\n display: flex;\n justify-content: space-between;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel-header .how-to-text-wrapper {\n gap: 4px;\n display: flex;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel-header .how-to-text-wrapper .how-to-text {\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 500;\n font-size: 13px;\n line-height: 17px;\n letter-spacing: 0.4px;\n color: #303030;\n align-content: center;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel-header .how-to-text-wrapper .how-to-logo {\n display: flex;\n align-items: center;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel-header .how-to-text-wrapper .how-to-logo svg {\n width: 57.1666717529px;\n height: 24px;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel-header .arrows {\n gap: 4px;\n display: flex;\n flex-direction: row;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel-header .arrows .arrow.disabled {\n filter: grayscale(1) opacity(0.5);\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel-header .arrows .arrow svg {\n width: 24px;\n height: 24px;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel {\n gap: 8px;\n display: flex;\n flex-direction: row;\n overflow: hidden;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel.position-1 {\n justify-content: start;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel.position-2 {\n justify-content: center;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel.position-3 {\n justify-content: end;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel .carousel-item {\n border-radius: 10px;\n padding-top: 16px;\n padding-right: 12px;\n padding-bottom: 16px;\n padding-left: 12px;\n background-color: #ffffff;\n display: flex;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel .carousel-item .carousel-item-content {\n width: 260px;\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel .carousel-item .carousel-item-content .step-number {\n height: 20px;\n border-radius: 31.04px;\n padding: 0 2.47px;\n background-color: #f9f5fd;\n display: flex;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel .carousel-item .carousel-item-content .step-number .step-number-content {\n display: flex;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 500;\n font-size: 12px;\n line-height: 17px;\n letter-spacing: 0.4px;\n color: #8333d4;\n width: 17px;\n align-items: center;\n justify-content: center;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel .carousel-item .carousel-item-content .step-name {\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 400;\n font-size: 12px;\n line-height: 17px;\n letter-spacing: 0.4px;\n color: #303030;\n padding: 0 25px 0 8px;\n text-align: left;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel .carousel-item .carousel-item-content .step-image svg {\n width: 28.5557861328px;\n height: 29.4137878418px;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel-dots {\n display: flex;\n flex-direction: row;\n gap: 8px;\n justify-content: center;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel-dots .dot:not(.active) {\n filter: grayscale(1) opacity(0.25);\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel-dots .dot svg {\n height: 20px;\n width: 6px;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .terms-container {\n gap: 8px;\n display: flex;\n flex-direction: column;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .terms-container .terms {\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 400;\n font-size: 9px;\n line-height: 12px;\n letter-spacing: 0.2px;\n text-align: center;\n color: #5e5e5e;\n margin: 0;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .terms-container .terms sup {\n vertical-align: super;\n font-size: 0.75em;\n padding-right: 2px;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n position: unset;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .terms-container .terms a {\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 400;\n font-size: 9px;\n line-height: 12px;\n letter-spacing: 0.2px;\n color: #8333d4;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal {\n background-image: none;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n position: absolute;\n box-shadow: 0 10px 20px rgba(5, 31, 52, 0.19), 0 6px 6px rgba(5, 31, 52, 0.2);\n height: auto;\n max-height: 100%;\n width: 391px;\n color: #303030;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n background-color: #ffffff;\n overflow: auto;\n padding: 20px 0;\n border-radius: 10px;\n box-sizing: border-box;\n gap: 16px;\n justify-items: center;\n}\n@media screen and (max-width: 768px) {\n .sezzle-checkout-modal-hidden.long-term .sezzle-modal {\n width: 100vw;\n height: 100vh;\n padding: 20px 0 2px 0;\n border-radius: 0px;\n }\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal div button.close-sezzle-modal {\n position: absolute;\n right: 16px;\n top: 16px;\n width: 24px;\n height: 24px;\n opacity: 0.2;\n cursor: pointer;\n padding: 0;\n outline: 0;\n background: 0 0;\n border: none;\n box-shadow: none;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal div button.close-sezzle-modal:hover {\n opacity: 1;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal div button.close-sezzle-modal:focus {\n opacity: 0.5;\n}\n@media screen and (max-width: 600px) {\n .sezzle-checkout-modal-hidden.long-term .sezzle-modal div button.close-sezzle-modal {\n opacity: 0.8;\n }\n .sezzle-checkout-modal-hidden.long-term .sezzle-modal div button.close-sezzle-modal:focus {\n opacity: 1;\n }\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal div button.close-sezzle-modal::before {\n position: absolute;\n left: 10px;\n content: \" \";\n top: 0;\n transform: rotate(45deg);\n background-color: #5e5e5e;\n width: 2px;\n height: 15px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal div button.close-sezzle-modal::after {\n position: absolute;\n left: 10px;\n content: \" \";\n top: 0;\n transform: rotate(-45deg);\n background-color: #5e5e5e;\n width: 2px;\n height: 15px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-logo {\n display: block;\n width: 98px;\n background-image: url(https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg);\n background-repeat: no-repeat;\n background-position: 50%;\n height: 24px;\n margin: 10px auto 20px auto;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content {\n height: auto;\n width: auto;\n text-align: center;\n padding: 0px 16px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-header {\n font-size: 24px;\n line-height: 30px;\n margin: 10px auto;\n font-weight: 700;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-row {\n font-size: 15px;\n line-height: 20px;\n margin: 8px auto;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments {\n height: fit-content;\n margin: 20px auto;\n padding: 20px 0 0;\n border: 1px solid #e5e5e5;\n border-radius: 5px;\n max-width: 502px;\n display: block;\n flex-direction: column;\n align-items: center;\n padding: 0px;\n gap: 24px;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-header {\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 20px;\n display: block;\n align-items: center;\n text-align: center;\n padding: 15px;\n letter-spacing: -0.3px;\n border-bottom: 1px solid #e5e5e5;\n color: #303030;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-header span {\n font-size: 17px;\n line-height: 22px;\n font-weight: 700;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options {\n font-size: 12px;\n line-height: 14px;\n margin: 0px 20px 0;\n padding: 20px 0px;\n border-bottom: 1px solid #e5e5e5;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan {\n display: flex;\n justify-content: space-between;\n padding-bottom: 10px;\n font-size: 12px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan .monthly-amount span {\n font-size: 17px;\n line-height: 22px;\n color: #8333d4;\n font-weight: 600;\n letter-spacing: -0.3px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan .monthly-amount .per-month {\n font-size: 13px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan .term-length {\n border-radius: 100px;\n background: rgba(41, 211, 162, 0.1);\n color: #00804a;\n padding: 2px 8px;\n font-size: 12px;\n font-weight: 600;\n display: flex;\n align-items: center;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan-details {\n display: flex;\n justify-content: space-between;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan-details .adjusted-total {\n color: #5e5e5e;\n font-size: 12px;\n width: fit-content;\n text-align: left;\n font-weight: 400;\n line-height: 16px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan-details .adjusted-total span {\n display: block;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan-details .interest-amount {\n color: #5e5e5e;\n font-size: 12px;\n width: fit-content;\n text-align: left;\n font-weight: 400;\n line-height: 16px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan-details .interest-amount span {\n display: block;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan-details .sample-apr {\n color: #5e5e5e;\n font-size: 12px;\n width: fit-content;\n text-align: left;\n font-weight: 400;\n line-height: 16px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan-details .sample-apr span {\n display: block;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments:last-child {\n border: none;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .details {\n font-size: 17px;\n line-height: 22px;\n margin: 16px auto;\n font-weight: 600;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n letter-spacing: -0.3px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .terms {\n font-style: normal;\n font-size: 11px;\n line-height: 13px;\n color: #5e5e5e;\n margin: 10px auto 0;\n padding: 12px 0 0;\n border-top: 1px solid #e5e5e5;\n text-align: center;\n font-family: Satoshi, \"Open Sans\", sans-serif !important;\n font-weight: 400;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .terms p {\n margin: 0 0 10px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .terms p a {\n color: #8333d4;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n text-decoration: underline;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .terms p a:hover {\n color: #af0fda;\n}";
|
|
903
|
+
var css_248z = "@import url(\"https://fonts.cdnfonts.com/css/satoshi\");\n.sezzle-modal-open {\n position: fixed;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n}\n\n.sezzle-checkout-modal-lightbox * {\n vertical-align: baseline;\n box-sizing: border-box;\n line-height: normal;\n background-color: unset;\n box-shadow: unset;\n font-family: unset;\n color: unset;\n font-size: unset;\n font-weight: unset;\n padding: unset;\n border: unset;\n margin: unset;\n stroke: none;\n}\n\n.sezzle-checkout-modal-lightbox {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n z-index: 2147483647;\n background-color: rgba(5, 31, 52, 0.57);\n width: 100vw;\n height: 100vh;\n overflow-y: auto;\n overflow-x: hidden;\n color: unset;\n}\n.sezzle-checkout-modal-lightbox .sezzle-checkout-modal-hidden {\n transition: all 0.4s ease;\n margin-top: 0;\n}\n.sezzle-checkout-modal-lightbox .sezzle-checkout-modal {\n position: fixed;\n top: 50%;\n left: 50%;\n margin-top: -384px;\n margin-left: -325px;\n z-index: 99999998;\n background-color: #ffffff;\n box-shadow: 0 10px 20px rgba(5, 31, 52, 0.19), 0 6px 6px rgba(5, 31, 52, 0.2);\n border-radius: 20px;\n color: #303030;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n transition: all 0.4s ease;\n width: 650px;\n}\n@media (max-width: 650px) {\n .sezzle-checkout-modal-lightbox .sezzle-checkout-modal {\n position: relative;\n top: 0px;\n left: 0px;\n padding: 50px 20px;\n margin: 0;\n border-radius: 0;\n height: 100%;\n font-size: 15px;\n max-width: 100%;\n min-width: 320px;\n overflow: auto;\n }\n}\n@media (max-height: 767px) and (min-width: 651px) {\n .sezzle-checkout-modal-lightbox .sezzle-checkout-modal {\n position: relative;\n top: 0px;\n left: 0px;\n margin: 20px auto;\n }\n}\n.sezzle-checkout-modal-lightbox .sezzle-checkout-modal h1 {\n font-size: 18px;\n text-align: center;\n margin: 0 auto;\n}\n@media (max-width: 450px) {\n .sezzle-checkout-modal-lightbox .sezzle-checkout-modal h1 .sezzle-checkout-modal h1 {\n font-size: 16px;\n }\n}\n.sezzle-checkout-modal-lightbox .sezzle-checkout-modal p {\n display: block;\n text-align: center;\n text-transform: none;\n font-size: 12pt;\n line-height: 25px;\n font-weight: 300;\n box-sizing: border-box;\n color: #5e5e5e;\n margin: 5px 0 !important;\n letter-spacing: 0.25px;\n}\n@media (max-width: 768px) {\n .sezzle-checkout-modal-lightbox .sezzle-checkout-modal p {\n text-align: center;\n }\n}\n@media (max-width: 450px) {\n .sezzle-checkout-modal-lightbox .sezzle-checkout-modal p {\n font-size: 11pt;\n text-align: center;\n letter-spacing: 0.5px;\n line-height: 18px;\n }\n}\n.sezzle-checkout-modal-lightbox .sezzle-checkout-modal p small {\n display: block;\n box-sizing: border-box;\n font-size: 11pt;\n opacity: 0.8;\n}\n@media (max-width: 450px) {\n .sezzle-checkout-modal-lightbox .sezzle-checkout-modal p small {\n font-size: 7.5pt;\n }\n}\n.sezzle-checkout-modal-lightbox .sezzle-checkout-modal a {\n display: block;\n margin: 4px auto 0;\n color: #17ce6a;\n font-size: 8pt;\n font-weight: 500;\n text-transform: lowercase;\n text-align: left;\n letter-spacing: 0.25px;\n text-decoration: none;\n transition: 0.15s;\n opacity: 0.65;\n}\n.sezzle-checkout-modal-lightbox .sezzle-checkout-modal a:hover {\n transition: 0.1s;\n opacity: 1;\n}\n.sezzle-checkout-modal-lightbox .sezzle-checkout-modal h2 {\n font-size: 18px;\n text-align: center;\n margin: 0 auto;\n color: unset;\n}\n@media (max-width: 768px) {\n .sezzle-checkout-modal-lightbox .sezzle-checkout-modal h2 {\n text-align: center;\n }\n}\n.sezzle-checkout-modal-lightbox .sezzle-checkout-modal h2 img {\n margin: 0 4px;\n display: inline-block;\n height: 30px !important;\n width: auto;\n position: relative;\n top: 6px;\n vertical-align: initial;\n}\n\n.sezzle-checkout-modal-hidden {\n width: 100%;\n height: 100%;\n -webkit-font-smoothing: antialiased;\n transition: all 0.4s ease;\n margin-top: 0;\n}\n@media screen and (min-width: 0px) and (max-width: 280px) {\n .sezzle-checkout-modal-hidden {\n display: none;\n }\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal {\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n position: absolute;\n box-shadow: 0 10px 20px rgba(5, 31, 52, 0.19), 0 6px 6px rgba(5, 31, 52, 0.2);\n height: auto;\n max-height: 100%;\n width: 391px;\n color: #303030;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n background-color: #ffffff;\n overflow: auto;\n padding: 20px 0;\n border-radius: 10px;\n box-sizing: border-box;\n gap: 16px;\n justify-items: center;\n}\n@media screen and (max-width: 768px) {\n .sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal {\n width: 100vw;\n height: 100vh;\n padding: 20px 0 2px 0;\n border-radius: 0px;\n }\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal div button.close-sezzle-modal {\n position: absolute;\n right: 16px;\n top: 16px;\n width: 24px;\n height: 24px;\n opacity: 0.2;\n cursor: pointer;\n padding: 0;\n outline: 0;\n background: 0 0;\n border: none;\n box-shadow: none;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal div button.close-sezzle-modal:hover {\n opacity: 1;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal div button.close-sezzle-modal:focus {\n opacity: 0.5;\n}\n@media screen and (max-width: 600px) {\n .sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal div button.close-sezzle-modal {\n opacity: 0.8;\n }\n .sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal div button.close-sezzle-modal:focus {\n opacity: 1;\n }\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal div button.close-sezzle-modal::before {\n position: absolute;\n left: 10px;\n content: \" \";\n top: 0;\n transform: rotate(45deg);\n background-color: #5e5e5e;\n width: 2px;\n height: 15px;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal div button.close-sezzle-modal::after {\n position: absolute;\n left: 10px;\n content: \" \";\n top: 0;\n transform: rotate(-45deg);\n background-color: #5e5e5e;\n width: 2px;\n height: 15px;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-logo {\n display: block;\n height: 29.39px;\n width: 120px;\n margin: 10px auto 0;\n background-image: url(https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg);\n background-repeat: no-repeat;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content {\n height: auto;\n text-align: center;\n padding: 0px 16px;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .tp-widget-wrapper {\n font-size: 12px;\n margin: 16px 0px;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .tp-widget-wrapper a {\n text-decoration: none;\n color: #303030;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .tp-review-status {\n color: #382757;\n font-size: 11.06px;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 700;\n line-height: 23.95px;\n word-wrap: break-word;\n display: inline-block;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .tp-widget-trustscore {\n font-weight: 500;\n display: inline-block;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .tp-widget-stars {\n display: inline-block;\n width: 80px;\n position: relative;\n top: 3px;\n margin-left: 7px;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .tp-widget-stars div .tp-stars--4--half div svg {\n display: block;\n position: absolute;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .tp-widget-stars div .tp-stars--4--half div svg .tp-star:nth-of-type(-n + 4) .tp-star__canvas {\n fill: #00b67a;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .tp-widget-stars div .tp-stars--4--half div svg .tp-star .tp-star__canvas {\n fill: #dcdce6;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .tp-widget-stars div .tp-stars--4--half div svg .tp-star .tp-star__canvas--half {\n fill: #00b67a;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .tp-widget-stars div .tp-stars--4--half div svg .tp-star .tp-star__shape {\n fill: #ffffff;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .widget-info {\n display: inline-block;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .widget-info .tp-widget-review-count {\n font-weight: 700;\n display: inline-block;\n margin-left: 7px;\n font-size: 12px;\n line-height: 23.95px;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .widget-info .tp-widget-rating {\n display: inline-block;\n font-size: 12px;\n line-height: 23.95px;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .widget-info .tp-widget-logo {\n display: inline-block;\n width: 60px;\n position: relative;\n top: 3px;\n margin-left: 7px;\n line-height: 23.95px;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-header {\n position: relative;\n display: block;\n text-align: center;\n font-style: normal;\n font-size: 26px;\n font-weight: 700;\n line-height: 35px;\n letter-spacing: 0.1px;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n color: #303030;\n margin: 16px 0;\n float: none;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-row {\n text-align: center;\n font-style: normal;\n font-size: 15px;\n font-weight: 400;\n line-height: 21px;\n color: #303030;\n letter-spacing: 0.4px;\n margin: 12px 0px 24px;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n display: block;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-row span {\n display: block;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-row span sup {\n vertical-align: super;\n font-size: 0.75em;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n position: unset;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-four-pay {\n display: flex;\n flex-direction: column;\n align-items: center;\n background: rgba(131, 51, 212, 0.05);\n border-radius: 11.483px;\n padding: 18.37px;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-four-pay.sezzle-four-pay-fr-es {\n margin: 0px 0px;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: 18.373px;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .due-today {\n display: flex;\n padding: 18.373px;\n flex-direction: column;\n align-items: center;\n gap: 9.187px;\n border-radius: 11.483px;\n background: #ffffff;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .future-payments {\n display: flex;\n padding: 18.373px;\n align-items: flex-start;\n gap: 18.373px;\n border-radius: 11.483px;\n background: #ffffff;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item {\n display: inline-flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 9.19px;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .pie-icon {\n position: relative;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .pie-icon svg {\n width: 45.93px;\n height: 45.93px;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .breakdown-row {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 2.3px;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .breakdown-row .percentage {\n text-align: center;\n color: #8333d4;\n font-size: 17.22px;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 400;\n line-height: 24.11px;\n letter-spacing: 0.17px;\n word-wrap: break-word;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .breakdown-row .due {\n text-align: center;\n color: #5e5e5e;\n font-size: 13.78px;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 400;\n line-height: 19.52px;\n letter-spacing: 0.46px;\n white-space: nowrap;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .breakdown-row .due sup {\n vertical-align: super;\n font-size: 0.75em;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n position: unset;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-features {\n margin: 16px 0 16px 0;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-features .single-feature {\n text-align: center;\n align-self: stretch;\n font-size: 17px;\n font-style: normal;\n font-weight: 700;\n line-height: 23px;\n letter-spacing: 0.2px;\n color: #303030;\n font-family: Satoshi, \"Open Sans\", sans-serif !important;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-features.hide {\n display: none;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-giveaway, .sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-promo {\n font-size: 17px;\n font-weight: 700;\n line-height: 23px;\n margin: 16px 0;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-giveaway.hide, .sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-promo.hide {\n display: none;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-giveaway sup, .sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .sezzle-promo sup {\n vertical-align: super;\n font-size: 0.75em;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n position: unset;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .terms {\n text-align: center;\n font-style: normal;\n font-size: 11px;\n font-weight: 400;\n line-height: 12px;\n color: #5e5e5e;\n font-family: Satoshi, \"Open Sans\", sans-serif !important;\n margin: 0 0 10px;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .terms sup {\n vertical-align: super;\n font-size: 0.75em;\n padding-right: 2px;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n position: unset;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .terms span {\n font-family: Satoshi, \"Open Sans\", sans-serif;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .terms a {\n color: #8333d4;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n text-decoration: underline;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .terms a:hover {\n color: #af0fda;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .terms.hide {\n display: none;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .close-btn-container {\n margin-top: 10px;\n display: flex;\n justify-content: center;\n}\n@media screen and (max-width: 768px) {\n .sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .close-btn-container {\n position: sticky;\n bottom: 0;\n }\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .close-btn {\n display: flex;\n width: 95%;\n height: 48px;\n position: static;\n padding: 13px 16px;\n justify-content: center;\n align-items: center;\n gap: 10px;\n flex-shrink: 0;\n border-radius: 100px;\n background: #382757;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .close-btn:hover {\n background: #7d25cb;\n}\n.sezzle-checkout-modal-hidden.sezzle-four-pay .sezzle-modal .sezzle-modal-content .close-btn {\n color: #ffffff;\n /* Button/Large */\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-size: 15px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px; /* 160% */\n letter-spacing: 0.25px;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal {\n width: fit-content;\n border-radius: 10px;\n padding: 16px;\n gap: 10px;\n background-color: #f4f4f4;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n position: absolute;\n box-shadow: 0 10px 20px rgba(5, 31, 52, 0.19), 0 6px 6px rgba(5, 31, 52, 0.2);\n height: auto;\n max-height: 100%;\n color: #303030;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n overflow: auto;\n box-sizing: border-box;\n justify-items: center;\n}\n@media screen and (max-width: 768px) {\n .sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal {\n width: 100vw;\n height: 100vh;\n padding: 20px 0 2px 0;\n border-radius: 0px;\n }\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal button.close-sezzle-modal {\n position: absolute;\n right: 16px;\n top: 16px;\n width: 24px;\n height: 24px;\n opacity: 0.2;\n cursor: pointer;\n padding: 0;\n outline: 0;\n background: 0 0;\n border: none;\n box-shadow: none;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal button.close-sezzle-modal:hover {\n opacity: 1;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal button.close-sezzle-modal:focus {\n opacity: 0.5;\n}\n@media screen and (max-width: 600px) {\n .sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal button.close-sezzle-modal {\n opacity: 0.8;\n }\n .sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal button.close-sezzle-modal:focus {\n opacity: 1;\n }\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal button.close-sezzle-modal::before {\n position: absolute;\n left: 10px;\n content: \" \";\n top: 0;\n transform: rotate(45deg);\n background-color: #5e5e5e;\n width: 2px;\n height: 15px;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal button.close-sezzle-modal::after {\n position: absolute;\n left: 10px;\n content: \" \";\n top: 0;\n transform: rotate(-45deg);\n background-color: #5e5e5e;\n width: 2px;\n height: 15px;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-logo {\n display: block;\n height: 29.39px;\n width: 120px;\n margin: 10px auto 0;\n background-image: url(https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg);\n background-repeat: no-repeat;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content {\n display: flex;\n flex-direction: column;\n gap: 8px;\n width: 326px;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .trusted {\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 400;\n font-size: 11px;\n line-height: 17px;\n letter-spacing: 0.2px;\n color: #5e5e5e;\n margin: 8px auto 0px;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .sezzle-header {\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 700;\n font-size: 21px;\n line-height: 28px;\n letter-spacing: 0.1px;\n text-align: center;\n color: #303030;\n margin: auto;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .sample-payments {\n display: flex;\n justify-content: space-between;\n padding: 0 16px;\n margin: 8px auto;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .sample-payments.sezzle-five-pay-fr {\n padding: 0px;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .sample-payments .sample-payments-title {\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 400;\n font-size: 15px;\n line-height: 21px;\n letter-spacing: 0.15px;\n text-align: center;\n color: #303030;\n align-content: center;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .sample-payments .input-amount-container {\n width: min-content;\n height: 58px;\n border-radius: 10px;\n padding: 0 16px;\n align-content: center;\n border: 1px solid #767676;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .sample-payments .input-amount-container .input-amount-label {\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 500;\n font-size: 12px;\n line-height: 17px;\n letter-spacing: 0.4px;\n vertical-align: middle;\n color: #5e5e5e;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .sample-payments .input-amount-container .input-amount {\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 500;\n font-size: 15px;\n line-height: 21px;\n letter-spacing: 0.15px;\n vertical-align: middle;\n color: #303030;\n width: 75px;\n background: none;\n border: none;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .sample-payments .input-amount-container .input-amount:focus-visible {\n outline: none;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .sample-payments .input-amount-container:focus-within {\n border: 2px solid #af0fda;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards {\n border-radius: 10px;\n background-color: #ffffff;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card {\n gap: 8px;\n padding: 16px;\n display: flex;\n flex-direction: column;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card:first-child {\n border-bottom: 3px solid #f4f4f4;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card .plan-summary .purple {\n display: flex;\n justify-content: space-between;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card .plan-summary .purple .left {\n text-align: left;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card .plan-summary .purple .left .price {\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 700;\n font-size: 17px;\n line-height: 23px;\n letter-spacing: 0.2px;\n color: #8333d4;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card .plan-summary .purple .left .due {\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 700;\n font-size: 15px;\n line-height: 21px;\n letter-spacing: 0.15px;\n color: #8333d4;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card .plan-summary .purple .right {\n width: fit-content;\n border-radius: 24px;\n height: fit-content;\n padding: 4px 10px;\n background-color: #f9f5fd;\n align-items: center;\n display: flex;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card .plan-summary .purple .right .pill {\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 500;\n font-size: 12px;\n line-height: 17px;\n letter-spacing: 0.4px;\n color: #8333d4;\n width: fit-content;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card .plan-summary .grey {\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 400;\n font-size: 12px;\n line-height: 17px;\n letter-spacing: 0.4px;\n color: #5e5e5e;\n text-align: left;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card .payment-breakdown {\n display: flex;\n justify-content: center;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card .payment-breakdown .installment {\n width: -webkit-fill-available;\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card .payment-breakdown .installment .graphic {\n display: flex;\n justify-content: space-between;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card .payment-breakdown .installment .graphic .dash {\n display: flex;\n align-items: center;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card .payment-breakdown .installment .graphic .dot {\n display: flex;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card .payment-breakdown .installment .graphic .dot svg {\n width: 16px;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card .payment-breakdown .installment .detail .amount {\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 500;\n font-size: 12px;\n line-height: 17px;\n letter-spacing: 0.4px;\n text-align: center;\n color: #5e5e5e;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card .payment-breakdown .installment .detail .due {\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 400;\n font-size: 11px;\n line-height: 17px;\n letter-spacing: 0.2px;\n text-align: center;\n color: #5e5e5e;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card .payment-breakdown .installment .detail.first-installment .amount {\n font-weight: 700;\n color: #303030;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .payment-plan-wrapper .payment-cards .payment-card .payment-breakdown .installment .detail.first-installment .due {\n color: #303030;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle {\n display: flex;\n flex-direction: column;\n padding-top: 8px;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel-header {\n display: flex;\n justify-content: space-between;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel-header .how-to-text-wrapper {\n gap: 4px;\n display: flex;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel-header .how-to-text-wrapper .how-to-text {\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 500;\n font-size: 13px;\n line-height: 17px;\n letter-spacing: 0.4px;\n color: #303030;\n align-content: center;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel-header .how-to-text-wrapper .how-to-logo {\n display: flex;\n align-items: center;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel-header .how-to-text-wrapper .how-to-logo svg {\n width: 57.1666717529px;\n height: 24px;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel-header .arrows {\n gap: 4px;\n display: flex;\n flex-direction: row;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel-header .arrows .arrow.disabled {\n filter: grayscale(1) opacity(0.5);\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel-header .arrows .arrow svg {\n width: 24px;\n height: 24px;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel {\n gap: 8px;\n display: flex;\n flex-direction: row;\n overflow: hidden;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel.position-1 {\n justify-content: start;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel.position-2 {\n justify-content: center;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel.position-3 {\n justify-content: end;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel .carousel-item {\n border-radius: 10px;\n padding-top: 16px;\n padding-right: 12px;\n padding-bottom: 16px;\n padding-left: 12px;\n background-color: #ffffff;\n display: flex;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel .carousel-item .carousel-item-content {\n width: 260px;\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel .carousel-item .carousel-item-content .step-number {\n height: 20px;\n border-radius: 31.04px;\n padding: 0 2.47px;\n background-color: #f9f5fd;\n display: flex;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel .carousel-item .carousel-item-content .step-number .step-number-content {\n display: flex;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 500;\n font-size: 12px;\n line-height: 17px;\n letter-spacing: 0.4px;\n color: #8333d4;\n width: 17px;\n align-items: center;\n justify-content: center;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel .carousel-item .carousel-item-content .step-name {\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 400;\n font-size: 12px;\n line-height: 17px;\n letter-spacing: 0.4px;\n color: #303030;\n padding: 0 25px 0 8px;\n text-align: left;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel .carousel-item .carousel-item-content .step-image svg {\n width: 28.5557861328px;\n height: 29.4137878418px;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel-dots {\n display: flex;\n flex-direction: row;\n gap: 8px;\n justify-content: center;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel-dots .dot:not(.active) {\n filter: grayscale(1) opacity(0.25);\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .how-to-sezzle .carousel-dots .dot svg {\n height: 20px;\n width: 6px;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .terms-container {\n gap: 8px;\n display: flex;\n flex-direction: column;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .terms-container .terms {\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 400;\n font-size: 9px;\n line-height: 12px;\n letter-spacing: 0.2px;\n text-align: center;\n color: #5e5e5e;\n margin: 0;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .terms-container .terms sup {\n vertical-align: super;\n font-size: 0.75em;\n padding-right: 2px;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n position: unset;\n}\n.sezzle-checkout-modal-hidden.sezzle-five-pay .sezzle-modal .sezzle-modal-content .terms-container .terms a {\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-weight: 400;\n font-size: 9px;\n line-height: 12px;\n letter-spacing: 0.2px;\n color: #8333d4;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal {\n background-image: none;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n position: absolute;\n box-shadow: 0 10px 20px rgba(5, 31, 52, 0.19), 0 6px 6px rgba(5, 31, 52, 0.2);\n height: auto;\n max-height: 100%;\n width: 391px;\n color: #303030;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n background-color: #ffffff;\n overflow: auto;\n padding: 20px 0;\n border-radius: 10px;\n box-sizing: border-box;\n gap: 16px;\n justify-items: center;\n}\n@media screen and (max-width: 768px) {\n .sezzle-checkout-modal-hidden.long-term .sezzle-modal {\n width: 100vw;\n height: 100vh;\n padding: 20px 0 2px 0;\n border-radius: 0px;\n }\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal div button.close-sezzle-modal {\n position: absolute;\n right: 16px;\n top: 16px;\n width: 24px;\n height: 24px;\n opacity: 0.2;\n cursor: pointer;\n padding: 0;\n outline: 0;\n background: 0 0;\n border: none;\n box-shadow: none;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal div button.close-sezzle-modal:hover {\n opacity: 1;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal div button.close-sezzle-modal:focus {\n opacity: 0.5;\n}\n@media screen and (max-width: 600px) {\n .sezzle-checkout-modal-hidden.long-term .sezzle-modal div button.close-sezzle-modal {\n opacity: 0.8;\n }\n .sezzle-checkout-modal-hidden.long-term .sezzle-modal div button.close-sezzle-modal:focus {\n opacity: 1;\n }\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal div button.close-sezzle-modal::before {\n position: absolute;\n left: 10px;\n content: \" \";\n top: 0;\n transform: rotate(45deg);\n background-color: #5e5e5e;\n width: 2px;\n height: 15px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal div button.close-sezzle-modal::after {\n position: absolute;\n left: 10px;\n content: \" \";\n top: 0;\n transform: rotate(-45deg);\n background-color: #5e5e5e;\n width: 2px;\n height: 15px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-logo {\n display: block;\n width: 98px;\n background-image: url(https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg);\n background-repeat: no-repeat;\n background-position: 50%;\n height: 24px;\n margin: 10px auto 20px auto;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content {\n height: auto;\n width: auto;\n text-align: center;\n padding: 0px 16px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-header {\n font-size: 24px;\n line-height: 30px;\n margin: 10px auto;\n font-weight: 700;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-row {\n font-size: 15px;\n line-height: 20px;\n margin: 8px auto;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments {\n height: fit-content;\n margin: 20px auto;\n padding: 20px 0 0;\n border: 1px solid #e5e5e5;\n border-radius: 5px;\n max-width: 502px;\n display: block;\n flex-direction: column;\n align-items: center;\n padding: 0px;\n gap: 24px;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-header {\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 20px;\n display: block;\n align-items: center;\n text-align: center;\n padding: 15px;\n letter-spacing: -0.3px;\n border-bottom: 1px solid #e5e5e5;\n color: #303030;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-header span {\n font-size: 17px;\n line-height: 22px;\n font-weight: 700;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options {\n font-size: 12px;\n line-height: 14px;\n margin: 0px 20px 0;\n padding: 20px 0px;\n border-bottom: 1px solid #e5e5e5;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan {\n display: flex;\n justify-content: space-between;\n padding-bottom: 10px;\n font-size: 12px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan .monthly-amount span {\n font-size: 17px;\n line-height: 22px;\n color: #8333d4;\n font-weight: 600;\n letter-spacing: -0.3px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan .monthly-amount .per-month {\n font-size: 13px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan .term-length {\n border-radius: 100px;\n background: rgba(41, 211, 162, 0.1);\n color: #00804a;\n padding: 2px 8px;\n font-size: 12px;\n font-weight: 600;\n display: flex;\n align-items: center;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan-details {\n display: flex;\n justify-content: space-between;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan-details .adjusted-total {\n color: #5e5e5e;\n font-size: 12px;\n width: fit-content;\n text-align: left;\n font-weight: 400;\n line-height: 16px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan-details .adjusted-total span {\n display: block;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan-details .interest-amount {\n color: #5e5e5e;\n font-size: 12px;\n width: fit-content;\n text-align: left;\n font-weight: 400;\n line-height: 16px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan-details .interest-amount span {\n display: block;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan-details .sample-apr {\n color: #5e5e5e;\n font-size: 12px;\n width: fit-content;\n text-align: left;\n font-weight: 400;\n line-height: 16px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan-details .sample-apr span {\n display: block;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments:last-child {\n border: none;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .details {\n font-size: 17px;\n line-height: 22px;\n margin: 16px auto;\n font-weight: 600;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n letter-spacing: -0.3px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .terms {\n font-style: normal;\n font-size: 11px;\n line-height: 13px;\n color: #5e5e5e;\n margin: 10px auto 0;\n padding: 12px 0 0;\n border-top: 1px solid #e5e5e5;\n text-align: center;\n font-family: Satoshi, \"Open Sans\", sans-serif !important;\n font-weight: 400;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .terms p {\n margin: 0 0 10px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .terms p a {\n color: #8333d4;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n text-decoration: underline;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .terms p a:hover {\n color: #af0fda;\n}";
|
|
904
904
|
styleInject(css_248z);
|
|
905
905
|
|
|
906
906
|
function _typeof$2(o) { "@babel/helpers - typeof"; return _typeof$2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$2(o); }
|