npm - @rebilly/instruments - Versions diffs - 3.24.0-beta.0 → 3.24.1-beta.0 - Mend

@rebilly/instruments 3.24.0-beta.0 → 3.24.1-beta.0

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.

Files changed (4) hide show

package/dist/index.js CHANGED Viewed

@@ -55,4 +55,4 @@ function $(e){var t=P(e);return null===t?null:("hsl"===t.type&&(t.values=L(t.val
     	 * @version v2.0.0
     	 * @link http://noeldelgado.github.io/values.js/
     	 * @license MIT
-    	 */var M=function(e,t){return null===e||isNaN(e)||"string"==typeof e?t:e},F=function(e,t,n){var r;void 0===e&&(e="#000"),void 0===t&&(t="base"),void 0===n&&(n=0),r=[[0,0,0],1,t,n],this.rgb=r[0],this.alpha=r[1],this.type=r[2],this.weight=r[3];var a=null===e?"#000":e;if("string"!=typeof a)throw new TypeError("Input should be a string: "+a);var o=P(a);if(!o)throw new Error("Unable to parse color from string: "+a);return this["_setFrom"+o.type.toUpperCase()](o.values.concat([o.alpha]))},R={hex:{configurable:!0}};return R.hex.get=function(){return this.hexString().replace(/^#/,"")},F.prototype.setColor=function(e){var t=P(e);return t?this["_setFrom"+t.type.toUpperCase()](t.values.concat([t.alpha])):null},F.prototype.tint=function(e,t){return void 0===t&&(t=M(e,50)),new F("rgb("+O("#fff",this.rgbString(),t).rgba+")","tint",t)},F.prototype.shade=function(e,t){return void 0===t&&(t=M(e,50)),new F("rgb("+O("#000",this.rgbString(),t).rgba+")","shade",t)},F.prototype.tints=function(e,t){var n=this;return void 0===t&&(t=M(e,10)),Array.from({length:100/t},(function(e,r){return n.tint((r+1)*t)}))},F.prototype.shades=function(e,t){var n=this;return void 0===t&&(t=M(e,10)),Array.from({length:100/t},(function(e,r){return n.shade((r+1)*t)}))},F.prototype.all=function(e){return void 0===e&&(e=10),this.tints(e).reverse().concat([Object.assign(this)],this.shades(e))},F.prototype.hexString=function(){return I(this.alpha>=1?this.rgb:this.rgb.concat([this.alpha]))},F.prototype.rgbString=function(){var e=(this.alpha>=1?this.rgb:this.rgb.concat([this.alpha])).join(", ");return(this.alpha>=1?"rgb":"rgba")+"("+e+")"},F.prototype.getBrightness=function(){return Math.round(this.rgb.reduce((function(e,t){return e+t}))/765*100)},F.prototype._setFromRGB=function(e){var t;return t=[[e[0],e[1],e[2]],e[3]],this.rgb=t[0],this.alpha=t[1],this},F.prototype._setFromHSL=function(e){var t,n=e[0],r=e[1],a=e[2],o=e[3];return t=[L([n,r,a]).map(Math.round),o],this.rgb=t[0],this.alpha=t[1],this},Object.defineProperties(F.prototype,R),F.VERSION="v2.0.0",F}()})),Bu=Nu;const qu=e=>new Bu(e);function zu(e,t=1){if(null===e)return e;const n=qu(e);return n.alpha=t,n.rgbString()}const Du=e=>zu(e,.5),Uu=(e,t)=>{if(null===e)return e;return qu(e).shade(t).hexString()};class Wu{constructor(e){var t,n,r;r=["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset","initial","inherit"],(n="allStyles")in(t=this)?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,this.str=e||"";const a=this.allStyles.find((e=>this.str.includes(e))),o=this.str.split(a).map((e=>e.trim()));this.border=[o[0],a,o[1]]}get stylePosition(){let e=0;return 3===this.border.length?e=1:2===this.border.length&&(e=this.allStyles.includes(this.border[0])?0:1),e}updateColor(e){return this.border[this.stylePosition+1]=e,this}get value(){return this.border.join(" ")}}const Gu={colorPrimary:{fallback:{type:"static",value:"#0044D4"}},colorBackground:{fallback:{type:"static",value:"#FFFFFF"}},colorText:{fallback:{type:"static",value:"#0D2B3E"}},colorMutedText:{fallback:{type:"func",value:e=>Du(e.colorText)}},colorMutedBorder:{fallback:{type:"func",value:e=>e.colorTextProvided?zu(e.colorText,.25):"#DCE3EA"}},colorDanger:{fallback:{type:"static",value:"#CD5C5C"}},fontFamily:{fallback:{type:"static",value:"Avenir, Helvetica, Arial, sans-serif"}},fontSizeBase:{fallback:{type:"static",value:"16px"}},fontWeightBase:{fallback:{type:"static",value:"500"}},fontLineHeightBase:{fallback:{type:"func",value:e=>`calc(${e.fontSizeBase} * 1.5)`}},fontSmooth:{fallback:{type:"static",value:"auto"}},borderRadius:{fallback:{type:"static",value:"6px"}},headingFontFamily:{fallback:{type:"variable",value:"fontFamily"}},headingFontWeight:{fallback:{type:"static",value:"600"}},headingColorText:{fallback:{type:"variable",value:"colorText"}},buttonColorBackground:{fallback:{type:"variable",value:"colorPrimary"}},buttonColorText:{fallback:{type:"static",value:"#FFFFFF"}},buttonFontFamily:{fallback:{type:"variable",value:"fontFamily"}},buttonFontSize:{fallback:{type:"variable",value:"fontSizeBase"}},buttonFontLineHeight:{fallback:{type:"variable",value:"fontLineHeightBase"}},buttonFontWeight:{fallback:{type:"variable",value:"fontWeightBase"}},buttonBorder:{fallback:{type:"static",value:"1px solid transparent"}},buttonBorderRadius:{fallback:{type:"variable",value:"borderRadius"}},buttonBoxShadow:{fallback:{type:"static",value:"none"}},buttonSecondaryColorBackground:{fallback:{type:"variable",value:"colorBackground"}},buttonSecondaryColorText:{fallback:{type:"variable",value:"colorPrimary"}},buttonSecondaryFontFamily:{fallback:{type:"variable",value:"fontFamily"}},buttonSecondaryFontSize:{fallback:{type:"variable",value:"fontSizeBase"}},buttonSecondaryFontLineHeight:{fallback:{type:"variable",value:"fontLineHeightBase"}},buttonSecondaryFontWeight:{fallback:{type:"variable",value:"fontWeightBase"}},buttonSecondaryBorder:{fallback:{type:"func",value:e=>`1px solid ${e.colorPrimary}`}},buttonSecondaryBorderRadius:{fallback:{type:"variable",value:"borderRadius"}},buttonSecondaryBoxShadow:{fallback:{type:"static",value:"none"}},buttonHoverColorBackground:{fallback:{type:"func",value:e=>e.buttonColorBackgroundProvided?Uu(e.buttonColorBackground,20):Uu(e.colorPrimary,20)}},buttonHoverColorText:{fallback:{type:"variable",value:"buttonColorText"}},buttonHoverFontFamily:{fallback:{type:"variable",value:"buttonFontFamily"}},buttonHoverFontSize:{fallback:{type:"variable",value:"buttonFontSize"}},buttonHoverFontLineHeight:{fallback:{type:"variable",value:"buttonFontLineHeight"}},buttonHoverFontWeight:{fallback:{type:"variable",value:"buttonFontWeight"}},buttonHoverBorder:{fallback:{type:"func",value:e=>{if(e.buttonBorderProvided)return e.buttonBorder;return new Wu(e.buttonBorder).updateColor(e.buttonHoverColorBackground).value}}},buttonHoverBorderRadius:{fallback:{type:"variable",value:"buttonBorderRadius"}},buttonHoverBoxShadow:{fallback:{type:"variable",value:"buttonBoxShadow"}},buttonSecondaryHoverColorBackground:{fallback:{type:"variable",value:"colorBackground"}},buttonSecondaryHoverColorText:{fallback:{type:"variable",value:"buttonSecondaryColorText"}},buttonSecondaryHoverFontFamily:{fallback:{type:"variable",value:"buttonSecondaryFontFamily"}},buttonSecondaryHoverFontSize:{fallback:{type:"variable",value:"buttonSecondaryFontSize"}},buttonSecondaryHoverFontLineHeight:{fallback:{type:"variable",value:"buttonSecondaryFontLineHeight"}},buttonSecondaryHoverFontWeight:{fallback:{type:"variable",value:"buttonSecondaryFontWeight"}},buttonSecondaryHoverBorder:{fallback:{type:"variable",value:"buttonSecondaryBorder"}},buttonSecondaryHoverBorderRadius:{fallback:{type:"variable",value:"buttonSecondaryBorderRadius"}},buttonSecondaryHoverBoxShadow:{fallback:{type:"variable",value:"buttonSecondaryBoxShadow"}},buttonActiveColorBackground:{fallback:{type:"variable",value:"buttonHoverColorBackground"}},buttonActiveColorText:{fallback:{type:"variable",value:"buttonHoverColorText"}},buttonActiveFontFamily:{fallback:{type:"variable",value:"buttonHoverFontFamily"}},buttonActiveFontSize:{fallback:{type:"variable",value:"buttonHoverFontSize"}},buttonActiveFontLineHeight:{fallback:{type:"variable",value:"buttonHoverFontLineHeight"}},buttonActiveFontWeight:{fallback:{type:"variable",value:"buttonHoverFontWeight"}},buttonActiveBorder:{fallback:{type:"variable",value:"buttonHoverBorder"}},buttonActiveBorderRadius:{fallback:{type:"variable",value:"buttonHoverBorderRadius"}},buttonActiveBoxShadow:{fallback:{type:"variable",value:"buttonHoverBoxShadow"}},buttonSecondaryActiveColorBackground:{fallback:{type:"variable",value:"buttonSecondaryHoverColorBackground"}},buttonSecondaryActiveColorText:{fallback:{type:"variable",value:"buttonSecondaryHoverColorText"}},buttonSecondaryActiveFontFamily:{fallback:{type:"variable",value:"buttonSecondaryHoverFontFamily"}},buttonSecondaryActiveFontSize:{fallback:{type:"variable",value:"buttonSecondaryHoverFontSize"}},buttonSecondaryActiveFontLineHeight:{fallback:{type:"variable",value:"buttonSecondaryHoverFontLineHeight"}},buttonSecondaryActiveFontWeight:{fallback:{type:"variable",value:"buttonSecondaryHoverFontWeight"}},buttonSecondaryActiveBorder:{fallback:{type:"variable",value:"buttonSecondaryHoverBorder"}},buttonSecondaryActiveBorderRadius:{fallback:{type:"variable",value:"buttonSecondaryHoverBorderRadius"}},buttonSecondaryActiveBoxShadow:{fallback:{type:"variable",value:"buttonSecondaryHoverBoxShadow"}},inputColorBackground:{fallback:{type:"static",value:"transparent"}},inputColorText:{fallback:{type:"variable",value:"colorText"}},inputFontFamily:{fallback:{type:"variable",value:"fontFamily"}},inputFontSize:{fallback:{type:"variable",value:"fontSizeBase"}},inputFontLineHeight:{fallback:{type:"variable",value:"fontLineHeightBase"}},inputFontWeight:{fallback:{type:"variable",value:"fontWeightBase"}},inputBorder:{fallback:{type:"func",value:e=>`1px solid ${Uu(e.colorMutedBorder,4)}`}},inputBorderRadius:{fallback:{type:"variable",value:"borderRadius"}},inputBoxShadow:{fallback:{type:"static",value:"none"}},inputHoverColorBackground:{fallback:{type:"variable",value:"inputColorBackground"}},inputHoverColorText:{fallback:{type:"variable",value:"inputColorText"}},inputHoverFontFamily:{fallback:{type:"variable",value:"inputFontFamily"}},inputHoverFontSize:{fallback:{type:"variable",value:"inputFontSize"}},inputHoverFontLineHeight:{fallback:{type:"variable",value:"inputFontLineHeight"}},inputHoverFontWeight:{fallback:{type:"variable",value:"inputFontWeight"}},inputHoverBorder:{fallback:{type:"variable",value:"inputBorder"}},inputHoverBorderRadius:{fallback:{type:"variable",value:"inputBorderRadius"}},inputHoverBoxShadow:{fallback:{type:"variable",value:"inputBoxShadow"}},inputFocusColorBackground:{fallback:{type:"variable",value:"inputHoverColorBackground"}},inputFocusColorText:{fallback:{type:"variable",value:"inputHoverColorText"}},inputFocusFontFamily:{fallback:{type:"variable",value:"inputHoverFontFamily"}},inputFocusFontSize:{fallback:{type:"variable",value:"inputHoverFontSize"}},inputFocusFontLineHeight:{fallback:{type:"variable",value:"inputHoverFontLineHeight"}},inputFocusFontWeight:{fallback:{type:"variable",value:"inputHoverFontWeight"}},inputFocusBorder:{fallback:{type:"func",value:e=>{if(e.inputHoverBorderProvided)return e.inputHoverBorder;return new Wu(e.inputBorder).updateColor(e.colorPrimary).value}}},inputFocusBorderRadius:{fallback:{type:"variable",value:"inputHoverBorderRadius"}},inputFocusBoxShadow:{fallback:{type:"func",value:e=>`0 0 0 1px ${e.colorPrimary}`}},inputPlaceholderColorText:{fallback:{type:"func",value:e=>e.inputColorTextProvided?Du(e.inputColorText):e.colorMutedText}},inputPlaceholderFontFamily:{fallback:{type:"variable",value:"inputFontFamily"}},inputPlaceholderFontSize:{fallback:{type:"variable",value:"inputFontSize"}},inputPlaceholderFontLineHeight:{fallback:{type:"variable",value:"inputFontLineHeight"}},inputPlaceholderFontWeight:{fallback:{type:"variable",value:"inputFontWeight"}},inputSelectionColorText:{fallback:{type:"static",value:"initial"}},inputSelectionColorBackground:{fallback:{type:"static",value:"highlight"}},inputErrorColorBackground:{fallback:{type:"variable",value:"inputColorBackground"}},inputErrorColorText:{fallback:{type:"variable",value:"colorDanger"}},inputErrorFontFamily:{fallback:{type:"variable",value:"inputFontFamily"}},inputErrorFontSize:{fallback:{type:"variable",value:"inputFontSize"}},inputErrorFontLineHeight:{fallback:{type:"variable",value:"inputFontLineHeight"}},inputErrorFontWeight:{fallback:{type:"variable",value:"inputFontWeight"}},inputErrorBorder:{fallback:{type:"func",value:e=>{if(e.inputBorderProvided){return new Wu(e.inputBorder).updateColor(e.colorDanger).value}return`1px solid ${e.colorDanger}`}}},inputErrorBorderRadius:{fallback:{type:"variable",value:"inputBorderRadius"}},inputErrorBoxShadow:{fallback:{type:"variable",value:"inputBoxShadow"}},inputErrorHoverColorBackground:{fallback:{type:"variable",value:"inputErrorColorBackground"}},inputErrorHoverColorText:{fallback:{type:"variable",value:"inputErrorColorText"}},inputErrorHoverFontFamily:{fallback:{type:"variable",value:"inputErrorFontFamily"}},inputErrorHoverFontSize:{fallback:{type:"variable",value:"inputErrorFontSize"}},inputErrorHoverFontLineHeight:{fallback:{type:"variable",value:"inputErrorFontLineHeight"}},inputErrorHoverFontWeight:{fallback:{type:"variable",value:"inputErrorFontWeight"}},inputErrorHoverBorder:{fallback:{type:"variable",value:"inputErrorBorder"}},inputErrorHoverBorderRadius:{fallback:{type:"variable",value:"inputErrorBorderRadius"}},inputErrorHoverBoxShadow:{fallback:{type:"variable",value:"inputErrorBoxShadow"}},inputErrorFocusColorBackground:{fallback:{type:"variable",value:"inputErrorHoverColorBackground"}},inputErrorFocusColorText:{fallback:{type:"variable",value:"inputErrorHoverColorText"}},inputErrorFocusFontFamily:{fallback:{type:"variable",value:"inputErrorHoverFontFamily"}},inputErrorFocusFontSize:{fallback:{type:"variable",value:"inputErrorHoverFontSize"}},inputErrorFocusFontLineHeight:{fallback:{type:"variable",value:"inputErrorHoverFontLineHeight"}},inputErrorFocusFontWeight:{fallback:{type:"variable",value:"inputErrorHoverFontWeight"}},inputErrorFocusBorder:{fallback:{type:"variable",value:"inputErrorHoverBorder"}},inputErrorFocusBorderRadius:{fallback:{type:"variable",value:"inputErrorHoverBorderRadius"}},inputErrorFocusBoxShadow:{fallback:{type:"variable",value:"inputErrorHoverBoxShadow"}},inputErrorPlaceholderColorText:{fallback:{type:"func",value:e=>e.inputErrorColorTextProvided?Du(e.inputErrorColorText):Du(e.colorDanger)}},inputErrorPlaceholderFontFamily:{fallback:{type:"variable",value:"inputPlaceholderFontFamily"}},inputErrorPlaceholderFontSize:{fallback:{type:"variable",value:"inputPlaceholderFontSize"}},inputErrorPlaceholderFontLineHeight:{fallback:{type:"variable",value:"inputPlaceholderFontLineHeight"}},inputErrorPlaceholderFontWeight:{fallback:{type:"variable",value:"inputPlaceholderFontWeight"}},inputErrorSelectionColorText:{fallback:{type:"variable",value:"inputSelectionColorText"}},inputErrorSelectionColorBackground:{fallback:{type:"variable",value:"inputSelectionColorBackground"}},labels:{fallback:{type:"static",value:"floating"}}};var Vu,Xu,Ku,Ju=new Proxy(Gu,{get(e,t,n){if(t in e){if(e[t].value)return e[t].value;const{type:r,value:a}=e[t].fallback;if("static"===r)return a;if("variable"===r)return`var(--rebilly-${a})`;if("func"===r)return a(n)}if(t.endsWith("Provided")){const n=t.replace("Provided","");if(n in e)return e[n].isProvided}},set:(e,t,n)=>{if(!(t in e)||!n)throw new Error(`Invalid theme option provided: ${t}`);return e[t].value=n,e[t].isProvided=!0,!0}});class Yu{constructor(e={}){this.overrides=e,this.theme=Ju}overrideTheme(){Object.keys(this.overrides).forEach((e=>{this.theme[e]=this.overrides[e]}))}get cssVars(){return Object.keys(this.theme).filter((e=>!Yu.nonCssProperties.includes(e))).map(((e,t)=>`${t?"  ":""}--rebilly-${e}: ${this.theme[e]};`)).join("\n")}build(){return this.overrideTheme(),{cssVars:this.cssVars}}}Ku=["labels"],(Xu="nonCssProperties")in(Vu=Yu)?Object.defineProperty(Vu,Xu,{value:Ku,enumerable:!0,configurable:!0,writable:!0}):Vu[Xu]=Ku;function Zu(e){let t=e;return t=t.replace(/\/\*(?:(?!\*\/)[\s\S])*\*\/|[\r\n\t]+/g,""),t=t.replace(/\s{2,}/g," "),t=t.replace(/\s([{:}])\s/g,"$1"),t=t.replace(/([;,])\s/g,"$1"),t=t.replace(/\s!/g,"!"),t}var Qu=({options:{theme:e={},css:t}}={})=>{const n=(e=>{const t=`\n    ${(e=>`\n/* Instruments 'global' variables\n------------------------------------------------------------ */\n:root {\n  ${e.cssVars}\n\n  --rebilly-fontWeight400: 400;\n  --rebilly-fontWeight500: 500;\n  --rebilly-fontWeight600: 600;\n  --rebilly-fontScaleFactor: 1.5;\n  --rebilly-fontScaleFactorS: 0.875;\n  --rebilly-fontSizeS: calc(var(--rebilly-fontSizeBase) * var(--rebilly-fontScaleFactorS));\n  --rebilly-fontLineHeightS: calc(var(--rebilly-fontSizeS) * 1);\n\n  --rebilly-fontSizeL: calc(var(--rebilly-fontSizeBase) * var(--rebilly-fontScaleFactor));\n  --rebilly-fontLineHeightL: calc(var(--rebilly-fontLineHeightBase) * 2);\n  --rebilly-fontMarginTopL: 0;\n  --rebilly-fontMarginBottomL: var(--rebilly-fontLineHeightBase);\n\n  --rebilly-spacing2xs: calc(var(--rebilly-fontLineHeightBase) / 6);\n  --rebilly-spacingXs: calc(var(--rebilly-fontLineHeightBase) / 4);\n  --rebilly-spacingS: calc(var(--rebilly-fontLineHeightBase) / 2);\n  --rebilly-spacingM: var(--rebilly-fontLineHeightBase);\n  --rebilly-spacingL: calc(var(--rebilly-fontLineHeightBase) * 2);\n  --rebilly-spacingXl: calc(var(--rebilly-fontLineHeightBase) * 4);\n\n  --rebilly-spacingFormElementMinHeight: calc(var(--rebilly-spacingM) * 1.83333);\n\n  --rebilly-summaryLoaderMinHeight: var(--rebilly-fontLineHeightBase);\n  --rebilly-methodLoaderMinHeight: calc((4 * var(--rebilly-spacingFormElementMinHeight)) + (2 * var(--rebilly-fontLineHeightBase)) + (2 * var(--rebilly-spacingM)) + var(--rebilly-spacing2xs) + var(--rebilly-fontSizeS) + calc(2 * (var(--rebilly-spacingXs) + var(--rebilly-spacingS))) + var(--rebilly-spacingL));\n}\n\n/* Base, Typography\n------------------------------------------------------------ */\n/* Base setup for top level elements */\n.rebilly-instruments-content {\n  color: var(--rebilly-colorText);\n  background: var(--rebilly-colorBackground);\n  font-size: var(--rebilly-fontSizeBase);\n  font-weight: var(--rebilly-fontWeightBase);\n  line-height: var(--rebilly-fontLineHeightBase);\n  font-family: var(--rebilly-fontFamily);\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-align: left;\n  transition: all 200ms;\n  font-smooth: var(--rebilly-fontSmooth);\n  padding: 2px;\n  font-display: swap;\n}\n\n/* Views. Method Selector\n------------------------------------------------------------ */\n.rebilly-instruments-method-selector.has-express-compact {\n  padding-top: var(--rebilly-spacingS);\n}\n\n/* Express Methods\n------------------------------------------------------------ */\n@-webkit-keyframes rebillyExpressShine {\n  to {\n    background-position-x: -200%;\n  }\n}\n@keyframes rebillyExpressShine {\n  to {\n    background-position-x: -200%;\n  }\n}\n\n.rebilly-instruments-express-methods { padding: 2px; }\n\n.rebilly-instruments-express-methods.is-compact {\n  border: 1px solid var(--rebilly-colorMutedBorder);\n  padding: var(--rebilly-spacingS);\n  padding-top: calc(var(--rebilly-spacingXs) + var(--rebilly-spacingS));\n  padding-top: calc(var(--rebilly-fontSizeBase) + var(--rebilly-spacing2xs));\n  border-radius: var(--rebilly-borderRadius);\n  position: relative;\n}\n\n.rebilly-instruments-express-methods .rebilly-instruments-iframe {\n  display: block;\n  margin-bottom: 0;\n  height: var(--rebilly-spacingFormElementMinHeight);\n}\n\n.rebilly-instruments-express-methods .rebilly-instruments-express-methods-container > * {\n  border-radius: 6px;\n  margin-bottom: var(--rebilly-spacingS);\n  background: linear-gradient(110deg, var(--rebilly-colorMutedBorder) 0%, var(--rebilly-colorBackground) 25%, var(--rebilly-colorMutedBorder) 50%);\n  background-size: 200% 100%;\n  -webkit-animation: 1.5s rebillyExpressShine linear infinite;\n          animation: 1.5s rebillyExpressShine linear infinite;\n  height: 44px;\n}\n\n.rebilly-instruments-express-methods .rebilly-instruments-express-methods-container > *:last-child {\n  margin: 0;\n}\n\n.rebilly-instruments-express-methods.is-compact .rebilly-instruments-express-methods-container {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n}\n\n.rebilly-instruments-express-methods.is-compact .rebilly-instruments-express-methods-container > * {\n  -webkit-box-flex: 1;\n      -ms-flex: 1 1 0px;\n          flex: 1 1 0px;\n  max-width: 260px;\n  margin: 0 var(--rebilly-spacingXs);\n}\n\n.rebilly-instruments-express-methods.is-compact .rebilly-instruments-express-methods-container > *:first-child {\n  margin-left: 0;\n}\n\n.rebilly-instruments-express-methods.is-compact .rebilly-instruments-express-methods-container > *:last-child {\n  margin-right: 0;\n}\n\n.rebilly-instruments-express-methods .rebilly-instruments-express-methods-label {\n  display: none;\n}\n\n.rebilly-instruments-express-methods.is-compact .rebilly-instruments-express-methods-label {\n  position: absolute;\n  font-family: var(--rebilly-fontFamily);\n  top: 0; left: 50%;\n  -webkit-transform: translateX(-50%) translateY(-50%);\n          transform: translateX(-50%) translateY(-50%);\n  color: var(--rebilly-colorText);\n  padding: var(--rebilly-spacing2xs) var(--rebilly-spacingM);\n  line-height: 1;\n  background: var(--rebilly-colorBackground);\n  display: inline-block;\n  font-weight: var(--rebilly-fontWeightBase);\n  min-height: auto;\n  margin: 0;\n  white-space: nowrap;\n}\n\n@media (max-width: 600px) {\n  .rebilly-instruments-express-methods.is-compact .rebilly-instruments-express-methods-container  {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n  }\n\n  .rebilly-instruments-express-methods.is-compact .rebilly-instruments-express-methods-container > * {\n    max-width: 100%;\n    margin: 0 0 var(--rebilly-spacingS);\n  }\n  \n  .rebilly-instruments-express-methods.is-compact .rebilly-instruments-express-methods-container > *:last-child {\n    margin: 0;\n  }\n}\n\n/* Components. Divider\n------------------------------------------------------------ */\n.rebilly-instruments-divider {\n  line-height: var(--rebilly-fontLineHeightBase);\n  padding: var(--rebilly-spacingM) 0;\n  margin: 0;\n  position: relative;\n  outline: 0;\n  border: 0;\n  text-align: center;\n  font-family: var(--rebilly-fontFamily);\n}\n\n.rebilly-instruments-divider-s { padding: var(--rebilly-spacingS) 0; }\n.rebilly-instruments-divider-xs { padding: var(--rebilly-spacingXs) 0; }\n\n.rebilly-instruments-divider::before {\n  background: var(--rebilly-colorMutedBorder);\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 50%;\n  width: 100%;\n  height: 1px;\n}\n\n.rebilly-instruments-divider .rebilly-instruments-divider-label {\n  color: var(--rebilly-colorMutedText);\n  font-weight: var(--rebilly-fontWeightBase);\n  padding: 0 var(--rebilly-spacingM);\n  line-height: var(--rebilly-fontLineHeightS);\n  background-color: var(--rebilly-colorBackground);\n  font-size: var(--rebilly-fontSizeS);\n  position: relative;\n  display: inline-block;\n}\n\n/* Components. Forms. Checkboxes\n------------------------------------------------------------ */\n.rebilly-instruments-form-field-checkbox {\n  position: relative;\n  opacity: 1;\n  align-items: center;\n  display: flex;\n  flex-direction: row-reverse;\n  justify-content: flex-start;\n  cursor: pointer;\n  transform: none;\n}\n\n.rebilly-instruments-form-field-checkbox > * {\n  cursor: pointer;\n}\n\n.rebilly-instruments-form-field-checkbox input[type="checkbox"] {\n  position: absolute;\n  opacity: 0;\n  cursor: pointer;\n  height: 0;\n  width: 0;\n}\n\n.rebilly-instruments-form-field-checkbox span {\n  position: relative;\n  top: 0;\n  left: 0;\n  width: calc(var(--rebilly-spacingM) - var(--rebilly-spacing2xs));\n  height: calc(var(--rebilly-spacingM) - var(--rebilly-spacing2xs));\n  min-width: calc(var(--rebilly-spacingM) - var(--rebilly-spacing2xs));\n  border-radius: 4px;\n  box-shadow: inset 0 0 0 2px var(--rebilly-colorMutedBorder);\n  margin-right: var(--rebilly-spacingS);\n  background-color: transparent;\n  transition: all 200ms;\n}\n\n.rebilly-instruments-form-field-checkbox span:after {\n  content: '';\n  position: absolute;\n  border: solid var(--rebilly-colorPrimary);\n  width: calc(var(--rebilly-spacingXs) + var(--rebilly-spacing2xs));\n  height: calc(var(--rebilly-spacingXs) - var(--rebilly-spacing2xs) + 2px);\n  border-width: 2px 2px 0 0;\n  border-radius: 2px;\n  top: 50%;\n  left: 50%;\n  opacity: 0;\n  transform: translateY(-60%) translateX(-50%) rotate(135deg);\n  transition: all 0.2s ease;\n}\n\n.rebilly-instruments-form-field-checkbox input[type="checkbox"]:focus ~ span {\n  box-shadow: inset 0 0 0 2px var(--rebilly-colorPrimary);\n}\n\n.rebilly-instruments-form-field-checkbox input[type="checkbox"]:checked ~ span {\n  box-shadow: inset 0 0 0 2px var(--rebilly-colorPrimary);\n}\n\n.rebilly-instruments-form-field-checkbox input[type="checkbox"]:checked ~ span:after {\n  opacity: 1;\n}\n\n.rebilly-instruments-form-field-checkbox input[type="checkbox"]:disabled ~ span {\n  opacity: 0.6;\n}\n\n/* Vendor, Postmate\n------------------------------------------------------------ */\n.rebilly-instruments-iframe {\n  border: none;\n  width: 100%;\n  height: 0;\n  padding: 0;\n}\n\n.rebilly-instruments-iframe-overlay {\n  top: -2px;\n  left: -2px;\n  width: calc(100vw + 2px);\n  height: 100vh;\n  min-height: calc(100vh + 4px);\n  position: fixed;\n  z-index: 99999999999999;\n}\n\n/* Views. Modal\n------------------------------------------------------------ */\n.rebilly-instruments-modal-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  overflow-x: hidden;\n  overflow-y: auto;\n  z-index: 1055;\n  padding: 30px;\n  width:  100%;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  -webkit-transition: all 0.12s ease-in-out;\n  transition: all 0.12s ease-in-out;\n  background-color: rgba(0,0,0,0.7);\n  opacity: 0\n}\n\n.rebilly-instruments-modal-overlay.is-visible {\n  opacity: 1;\n}\n\n.rebilly-instruments-modal-container {\n  -webkit-transition: all .24s ease-in-out;\n  transition: all .24s ease-in-out;\n  position: relative;\n  max-width: 750px;\n  background: var(--rebilly-colorBackground);\n  margin: 50px auto 20px;\n  -webkit-box-shadow: 0 19px 38px rgba(0,0,0,0.20), 0 15px 12px rgba(0,0,0,0.12);\n          box-shadow: 0 19px 38px rgba(0,0,0,0.20), 0 15px 12px rgba(0,0,0,0.12);\n  border-radius: 4px;\n  -webkit-transform: translateY(-50px);\n          transform: translateY(-50px);\n  opacity: 0;\n}\n\n.rebilly-instruments-modal-container.is-visible {\n  -webkit-transform: translateY(0);\n          transform: translateY(0);\n  opacity: 1;\n}\n\n.rebilly-instruments-modal-container.is-redirect {\n  max-width: 60vw;\n  width: auto;\n}\n\n.rebilly-instruments-modal-content {\n  -webkit-transition: all .15s;\n  transition: all .15s;\n  padding: 20px;\n  overflow: hidden;\n  background-color: var(--rebilly-colorBackground);\n  text-align: center;\n  border-radius: 4px;\n}\n\n.rebilly-instruments-modal-content .rebilly-instruments-iframe {\n  -webkit-transition: all .15s;\n  transition: all .15s;\n  height: auto;\n  min-height: 360px;\n}\n\n.rebilly-instruments-modal-container.is-redirect .rebilly-instruments-modal-content {\n  padding: 0;\n}\n\n.rebilly-instruments-modal-close {\n  position: absolute;\n  width: 30px;\n  height: 30px;\n  top: -40px;\n  right: 0;\n  fill: #FFF;\n  cursor: pointer;\n}\n\n.rebilly-instruments-modal-close:hover{\n  color: #000;\n}\n\n@media screen and (max-width: 480px) {\n  .rebilly-instruments-modal-container.is-redirect {\n    max-width: 96vw;\n    margin: 20px auto 20px;\n  }\n}\n\n/* Components. Loader\n------------------------------------------------------------ */\n.rebilly-instruments-loader {\n  text-align: left;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: none;\n  background-color: var(--rebilly-colorBackground);\n  z-index: 1000;\n  -webkit-transition: all 200ms;\n  transition: all 200ms;\n  border-radius: var(--rebilly-borderRadius);\n}\n\n.rebilly-instruments-loader.is-active {\n  display: block;\n}\n\n/* Type */\n.rebilly-instruments-loader p {\n  color: var(--rebilly-colorText);\n  display: inline-block;\n  margin: 0;\n  font-weight: var(--rebilly-fontWeightBase);\n  font-size: var(--rebilly-fontSizeBase);\n  line-height: var(--rebilly-fontLineHeightBase);\n}\n\n.rebilly-instruments-loader small {\n  color: var(--rebilly-colorText);\n  display: inline-block;\n  margin: 0;\n  font-size: var(--rebilly-fontSizeS);\n  line-height: 1;\n}\n\n/* Summary */\n.rebilly-instruments-summary-loader-total p.total {\n  font-family: var(--rebilly-fontFamily);\n  font-size: var(--rebilly-fontSizeL);\n  font-weight: var(--rebilly-headingFontWeight);\n}\n\n/* Methods */\n.rebilly-instruments-methods-loader-card-icon {\n  width: 32px;\n  height: 22px;\n  margin-left: var(--rebilly-spacing2xs);\n  margin-bottom: var(--rebilly-spacing2xs);\n}\n\n.rebilly-instruments-methods-loader-form-fields { margin: calc(var(--rebilly-spacingXs) + var(--rebilly-spacingS)) 0; }\n\n/* Spinner */\n.rebilly-instruments-loader-spinner {\n  top: 50%;\n  left: 50%;\n  position: absolute;\n  -webkit-transform: translate(-50%, -50%);\n          transform: translate(-50%, -50%);\n  border: 2px solid transparent;\n  border-top: 2px solid var(--rebilly-colorPrimary);\n  border-radius: 50%;\n  width: var(--rebilly-fontLineHeightBase);\n  height: var(--rebilly-fontLineHeightBase);\n  margin-top: calc(-1 * var(--rebilly-fontLineHeightBase) / 2);\n  margin-left: calc(-1 * var(--rebilly-fontLineHeightBase) / 2);\n  -webkit-animation: spin 0.5s ease infinite;\n          animation: spin 0.5s ease infinite;\n}\n\n@-webkit-keyframes spin {\n  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }\n  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }\n}\n\n@keyframes spin {\n  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }\n  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }\n}\n\n/* Utils */\n.rebilly-instruments-loader-display-flex { display: -webkit-box; display: -ms-flexbox; display: flex; }\n.rebilly-instruments-loader-align-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }\n.rebilly-instruments-loader-justify-space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }\n.rebilly-instruments-loader-justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }\n\n.is-el-loading {\n  position: relative;\n  color: transparent!important;\n}\n\n.is-el-loading::before {\n  position: absolute;\n  content: '';\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background: linear-gradient(110deg, var(--rebilly-colorMutedBorder) 0%, var(--rebilly-colorBackground) 25%, var(--rebilly-colorMutedBorder) 50%);\n  background-size: 200% 100%;\n  -webkit-animation: 1.5s rebillyExpressShine linear infinite;\n          animation: 1.5s rebillyExpressShine linear infinite;\n  border-radius: var(--rebilly-borderRadius);\n}\n\n.rebilly-instruments-loader-form-el {\n  width: 100%;\n  min-height: var(--rebilly-spacingFormElementMinHeight);\n}\n\n.rebilly-instruments-loader-form-label {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  margin-bottom: var(--rebilly-spacing2xs);\n}\n\n.rebilly-instruments-loader-form-el.is-button {\n  margin-top: var(--rebilly-spacingL);\n  text-align: center;\n  font-size: var(--rebilly-buttonFontSize);\n  font-family: var(--rebilly-buttonFontFamily);\n  line-height: var(--rebilly-buttonFontLineHeight);\n  padding: var(--rebilly-spacingS);\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  background: var(--rebilly-buttonColorBackground);\n  color: transparent;\n  border-radius: var(--rebilly-buttonBorderRadius);\n  font-weight: var(--rebilly-buttonFontWeight);\n  border: var(--rebilly-buttonBorder);\n  -webkit-box-shadow: var(--rebilly-buttonBoxShadow);\n          box-shadow: var(--rebilly-buttonBoxShadow);\n  outline: none;\n  cursor: not-allowed;\n  opacity: 0.6; \n}\n\n.rebilly-instruments-methods-loader-card-icon.is-el-loading::before {\n  border-radius: calc(var(--rebilly-borderRadius) / 2);\n}\n\n/* Error\n------------------------------------------------------------ */\n.rebilly-instruments-error-card {\n  border: 1px solid var(--rebilly-colorDanger);\n  border-radius: var(--rebilly-borderRadius);\n  text-align: left;\n  padding: var(--rebilly-spacingS);\n  margin-bottom: var(--rebilly-spacingL);\n}\n\n.rebilly-instruments-error-card-header {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  width: 100%;\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n}\n\n.rebilly-instruments-error-card-title {\n  font-weight: var(--rebilly-fontWeightBase);\n  font-size: var(--rebilly-fontSizeBase);\n  line-height: var(--rebilly-fontLineHeightBase);\n  font-family: var(--rebilly-headingFontFamily);\n  margin: 0 0 var(--rebilly-spacingS);\n  color: var(--rebilly-colorDanger);\n}\n\n.rebilly-instruments-error-card-close-button {\n  cursor: pointer;\n  background: transparent;\n  border: none;\n  padding: 0;\n}\n\n.rebilly-instruments-error-card-close-button svg {\n  width: var(--rebilly-fontLineHeightBase);\n  height: var(--rebilly-fontLineHeightBase);\n  fill: var(--rebilly-colorText);\n}\n\n.rebilly-instruments-error-card-details {\n  padding: 0;\n  margin: 0;\n  list-style: none;\n}\n\n.rebilly-instruments-error-card-details li,\n.rebilly-instruments-error-card-message {\n  color: var(--rebilly-colorText);\n  margin: 0;\n  font-weight: var(--rebilly-fontWeightBase);\n  font-size: var(--rebilly-fontSizeBase);\n  line-height: var(--rebilly-fontLineHeightBase);\n}\n\n\n/* Bump offer\n------------------------------------------------------------ */\n.rebilly-instruments-bump-offers {\n  text-align: left;\n  margin-bottom: calc(var(--rebilly-spacingM) + var(--rebilly-fontSizeS));\n}\n\n.rebilly-instruments-bump-offers .rebilly-instruments-form-field-checkbox {\n  margin-bottom: var(--rebilly-spacingS);\n}\n\n.rebilly-instruments-bump-offers .rebilly-instruments-bump-offer-label {\n  width: 100%;\n  font-weight: var(--rebilly-fontWeightBase);\n}\n\n.rebilly-instruments-bump-offer-line-item {\n  border-bottom: 1px solid var(--rebilly-colorMutedBorder);\n  padding: var(--rebilly-spacingS) 0;\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n\n.rebilly-instruments-bump-offer-line-item:first-child {\n  padding-top: 0;\n}\n\n.rebilly-instruments-bump-offer-line-item-figure {\n  margin: 0 var(--rebilly-spacingS) 0 0;\n  flex: 0 0 auto;\n  width: 48px;\n  height: 48px;\n  border-radius: var(--rebilly-borderRadius);\n  border: 1px solid var(--rebilly-colorMutedBorder);\n  overflow: hidden;\n}\n\n.rebilly-instruments-bump-offer-line-item-figure img {\n  width: 100%;\n}\n\n.rebilly-instruments-bump-offer-line-item-synopsis {\n  flex: 1 2 auto;\n  font-weight: var(--rebilly-fontWeightBase);\n}\n\n.rebilly-instruments-bump-offer-line-item-synopsis-title {\n  margin: 0;\n}\n\n.rebilly-instruments-bump-offer-line-item-synopsis-description {\n  color: var(--rebilly-colorMutedText);\n  margin: 0;\n  font-size: var(--rebilly-fontSizeS);\n  line-height: var(--rebilly-fontLineHeightS);\n}\n\n.rebilly-instruments-bump-offer-line-item-price-breakdown {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--rebilly-colorMutedText);\n  margin: 0 0 0 var(--rebilly-spacingS);\n  font-weight: var(--rebilly-fontWeightBase);\n}\n\n.rebilly-instruments-bump-offer-line-item-price-breakdown .rebilly-instruments-icon {\n  fill: var(--rebilly-colorMutedText);\n}\n\n.rebilly-instruments-bump-offer-line-item-price-breakdown-unit-price {\n  color: var(--rebilly-colorText);\n}\n\n.rebilly-instruments-bump-offer-breakdown {\n  padding: var(--rebilly-spacingS) 0;\n  border-bottom: 2px solid var(--rebilly-colorMutedBorder);\n}\n\n.rebilly-instruments-bump-offer-breakdown table {\n  width: 100%;\n  color: inherit;\n}\n\n.rebilly-instruments-bump-offer-breakdown table colgroup col:first-child {\n  width: 85%;\n}\n\n.rebilly-instruments-bump-offer-breakdown table colgroup col {\n  width: 15%;\n}\n\n.rebilly-instruments-bump-offer-breakdown table tr td {\n  text-align: right;\n}\n\n.rebilly-instruments-bump-offer-breakdown table tr td:first-child {\n  padding-right: var(--rebilly-spacingS);\n  font-weight: 500;\n}\n\n.rebilly-instruments-bump-offer-breakdown-total {\n  padding-top: var(--rebilly-spacingXs);\n  margin: var(--rebilly-spacingS) 0 0;\n  display: flex;\n  align-items: center;\n}\n\n.rebilly-instruments-bump-offer-breakdown-total-amount {\n  flex: 1 2 80%;\n  font-size: var(--rebilly-fontSizeL);\n  font-weight: var(--rebilly-headingFontWeight);\n  text-align: right;\n  letter-spacing: -0.8px;\n  line-height: 1;\n}\n\n.rebilly-instruments-bump-offer-breakdown-total-amount-has-due {\n  text-decoration: line-through;\n  font-weight: var(--rebilly-fontWeightBase);\n}\n\n.rebilly-instruments-bump-offer-breakdown-total-amount-currency {\n  font-size: var(--rebilly-fontSizeS);\n  color: var(--rebilly-colorMutedText);\n  margin-right: var(--rebilly-spacingXs);\n  font-weight: var(--rebilly-fontWeightBase);\n}\n\n.rebilly-instruments-bump-offer-breakdown-amount-due {\n  padding-top: var(--rebilly-spacingXs);\n  margin: var(--rebilly-spacingS) 0 0;\n  display: flex;\n  align-items: center;\n}\n\n.rebilly-instruments-bump-offer-breakdown-amount-due-amount {\n  flex: 1 2 80%;\n  font-size: var(--rebilly-fontSizeL);\n  font-weight: var(--rebilly-headingFontWeight);\n  text-align: right;\n  letter-spacing: -0.8px;\n  line-height: 1;\n}\n\n.rebilly-instruments-bump-offer-breakdown-amount-due-amount-currency {\n  font-size: var(--rebilly-fontSizeS);\n  color: var(--rebilly-colorMutedText);\n  margin-right: var(--rebilly-spacingXs);\n  font-weight: var(--rebilly-fontWeightBase);\n}\n`)(new Yu(e).build())}\n  `;return t})(e||{});return Cu({element:"style",attributes:{type:"text/css"},content:Zu(n),target:"head"}),t&&Cu({element:"style",attributes:{type:"text/css"},content:Zu(t),target:"head"}),n};const ec=()=>{lr.translate.init(lr.options.locale,lr.options.i18n),lr.translate.translateItems()};var tc,nc=Object.keys||function(e){return Mn(e,Fn)},rc=ke&&!Nt?Object.defineProperties:function(e,t){zt(e);for(var n,r=De(t),a=nc(t),o=a.length,i=0;o>i;)Vt.f(e,n=a[i++],r[n]);return e},ac={f:rc},oc=Ve("document","documentElement"),ic=ln("IE_PROTO"),sc=function(){},lc=function(e){return"<script>"+e+"<\/script>"},uc=function(e){e.write(lc("")),e.close();var t=e.parentWindow.Object;return e=null,t},cc=function(){try{tc=new ActiveXObject("htmlfile")}catch(e){}var e,t;cc="undefined"!=typeof document?document.domain&&tc?uc(tc):((t=Mt("iframe")).style.display="none",oc.appendChild(t),t.src=String("javascript:"),(e=t.contentWindow.document).open(),e.write(lc("document.F=Object")),e.close(),e.F):uc(tc);for(var n=Fn.length;n--;)delete cc.prototype[Fn[n]];return cc()};un[ic]=!0;var dc,pc,mc,fc=Object.create||function(e,t){var n;return null!==e?(sc.prototype=zt(e),n=new sc,sc.prototype=null,n[ic]=e):n=cc(),void 0===t?n:ac.f(n,t)},hc=!we((function(){function e(){}return e.prototype.constructor=null,Object.getPrototypeOf(new e)!==e.prototype})),yc=ln("IE_PROTO"),gc=Object,bc=gc.prototype,vc=hc?gc.getPrototypeOf:function(e){var t=yt(e);if(bt(t,yc))return t[yc];var n=t.constructor;return Ue(n)&&t instanceof n?n.prototype:t instanceof gc?bc:null},wc=Lt("iterator"),kc=!1;[].keys&&("next"in(mc=[].keys())?(pc=vc(vc(mc)))!==Object.prototype&&(dc=pc):kc=!0);var xc=null==dc||we((function(){var e={};return dc[wc].call(e)!==e}));xc&&(dc={}),Ue(dc[wc])||kn(dc,wc,(function(){return this}));var Ec={IteratorPrototype:dc,BUGGY_SAFARI_ITERATORS:kc},Sc=Vt.f,Ac=Lt("toStringTag"),Pc={},Lc=Ec.IteratorPrototype,Tc=function(){return this},Cc={};Cc[Lt("toStringTag")]="z";var Ic="[object z]"===String(Cc),_c=Lt("toStringTag"),$c=Object,Oc="Arguments"==He(function(){return arguments}()),Mc=Ic?He:function(e){var t,n,r;return void 0===e?"Undefined":null===e?"Null":"string"==typeof(n=function(e,t){try{return e[t]}catch(e){}}(t=$c(e),_c))?n:Oc?He(t):"Object"==(r=He(t))&&Ue(t.callee)?"Arguments":r},Fc=String,Rc=function(e){if("Symbol"===Mc(e))throw TypeError("Cannot convert a Symbol value to a string");return Fc(e)},Hc=Lt("match"),jc=function(){var e=zt(this),t="";return e.hasIndices&&(t+="d"),e.global&&(t+="g"),e.ignoreCase&&(t+="i"),e.multiline&&(t+="m"),e.dotAll&&(t+="s"),e.unicode&&(t+="u"),e.unicodeSets&&(t+="v"),e.sticky&&(t+="y"),t},Nc=RegExp.prototype,Bc=function(e){var t=e.flags;return void 0!==t||"flags"in Nc||bt(e,"flags")||!Xe(Nc,e)?t:Se(jc,e)},qc=function(){},zc=[],Dc=Ve("Reflect","construct"),Uc=/^\s*(?:class|function)\b/,Wc=Me(Uc.exec),Gc=!Uc.exec(qc),Vc=function(e){if(!Ue(e))return!1;try{return Dc(qc,zc,e),!0}catch(e){return!1}},Xc=function(e){if(!Ue(e))return!1;switch(Mc(e)){case"AsyncFunction":case"GeneratorFunction":case"AsyncGeneratorFunction":return!1}try{return Gc||!!Wc(Uc,rn(e))}catch(e){return!0}};Xc.sham=!0;var Kc,Jc,Yc=!Dc||we((function(){var e;return Vc(Vc.call)||!Vc(Object)||!Vc((function(){e=!0}))||e}))?Xc:Vc,Zc=TypeError,Qc=Lt("species"),ed=function(e,t){var n,r=zt(e).constructor;return void 0===r||null==(n=zt(r)[Qc])?t:function(e){if(Yc(e))return e;throw Zc(it(e)+" is not a constructor")}(n)},td=Me("".charAt),nd=Me("".charCodeAt),rd=Me("".slice),ad=function(e){return function(t,n){var r,a,o=Rc(ze(t)),i=An(n),s=o.length;return i<0||i>=s?e?"":void 0:(r=nd(o,i))<55296||r>56319||i+1===s||(a=nd(o,i+1))<56320||a>57343?e?td(o,i):r:e?rd(o,i,i+2):a-56320+(r-55296<<10)+65536}},od={codeAt:ad(!1),charAt:ad(!0)}.charAt,id=ve.RegExp,sd=we((function(){var e=id("a","y");return e.lastIndex=2,null!=e.exec("abcd")})),ld=sd||we((function(){return!id("a","y").sticky})),ud=sd||we((function(){var e=id("^r","gy");return e.lastIndex=2,null!=e.exec("str")})),cd={BROKEN_CARET:ud,MISSED_STICKY:ld,UNSUPPORTED_Y:sd},dd=ve.RegExp,pd=we((function(){var e=dd(".","s");return!(e.dotAll&&e.exec("\n")&&"s"===e.flags)})),md=ve.RegExp,fd=we((function(){var e=md("(?<a>b)","g");return"b"!==e.exec("b").groups.a||"bc"!=="b".replace(e,"$<a>c")})),hd=vn.get,yd=ft("native-string-replace",String.prototype.replace),gd=RegExp.prototype.exec,bd=gd,vd=Me("".charAt),wd=Me("".indexOf),kd=Me("".replace),xd=Me("".slice),Ed=(Jc=/b*/g,Se(gd,Kc=/a/,"a"),Se(gd,Jc,"a"),0!==Kc.lastIndex||0!==Jc.lastIndex),Sd=cd.BROKEN_CARET,Ad=void 0!==/()??/.exec("")[1];(Ed||Ad||Sd||pd||fd)&&(bd=function(e){var t,n,r,a,o,i,s,l=this,u=hd(l),c=Rc(e),d=u.raw;if(d)return d.lastIndex=l.lastIndex,t=Se(bd,d,c),l.lastIndex=d.lastIndex,t;var p=u.groups,m=Sd&&l.sticky,f=Se(jc,l),h=l.source,y=0,g=c;if(m&&(f=kd(f,"y",""),-1===wd(f,"g")&&(f+="g"),g=xd(c,l.lastIndex),l.lastIndex>0&&(!l.multiline||l.multiline&&"\n"!==vd(c,l.lastIndex-1))&&(h="(?: "+h+")",g=" "+g,y++),n=new RegExp("^(?:"+h+")",f)),Ad&&(n=new RegExp("^"+h+"$(?!\\s)",f)),Ed&&(r=l.lastIndex),a=Se(gd,m?n:l,g),m?a?(a.input=xd(a.input,y),a[0]=xd(a[0],y),a.index=l.lastIndex,l.lastIndex+=a[0].length):l.lastIndex=0:Ed&&a&&(l.lastIndex=l.global?a.index+a[0].length:r),Ad&&a&&a.length>1&&Se(yd,a[0],n,(function(){for(o=1;o<arguments.length-2;o++)void 0===arguments[o]&&(a[o]=void 0)})),a&&p)for(a.groups=i=fc(null),o=0;o<p.length;o++)i[(s=p[o])[0]]=a[s[1]];return a});var Pd=bd,Ld=TypeError,Td=Lt("matchAll"),Cd=vn.set,Id=vn.getterFor("RegExp String Iterator"),_d=RegExp.prototype,$d=TypeError,Od=Me("".indexOf),Md=Me("".matchAll),Fd=!!Md&&!we((function(){Md("a",/./)})),Rd=function(e,t,n,r){var a,o,i,s=t+" Iterator";return e.prototype=fc(Lc,{next:Ce(+!r,n)}),o=s,i=!1,(a=e)&&!i&&(a=a.prototype),a&&!bt(a,Ac)&&Sc(a,Ac,{configurable:!0,value:o}),Pc[s]=Tc,e}((function(e,t,n,r){Cd(this,{type:"RegExp String Iterator",regexp:e,string:t,global:n,unicode:r,done:!1})}),"RegExp String",(function(){var e=Id(this);if(e.done)return{value:void 0,done:!0};var t=e.regexp,n=e.string,r=function(e,t){var n=e.exec;if(Ue(n)){var r=Se(n,e,t);return null!==r&&zt(r),r}if("RegExp"===He(e))return Se(Pd,e,t);throw Ld("RegExp#exec called on incompatible receiver")}(t,n);return null===r?{value:void 0,done:e.done=!0}:e.global?(""===Rc(r[0])&&(t.lastIndex=function(e,t,n){return t+(n?od(e,t).length:1)}(n,Cn(t.lastIndex),e.unicode)),{value:r,done:!1}):(e.done=!0,{value:r,done:!1})})),Hd=function(e){var t,n,r,a=zt(this),o=Rc(e),i=ed(a,RegExp),s=Rc(Bc(a));return t=new i(i===RegExp?a.source:a,s),n=!!~Od(s,"g"),r=!!~Od(s,"u"),t.lastIndex=Cn(a.lastIndex),new Rd(t,o,n,r)};function jd(e){const t={};return function(e){const t={};function n(e){const r=e.match(/var\((.+?)\)/g);if(r){let a=e;return r.forEach((n=>{const r=n.match(/\((.*)\)/i)[1];a=e.replace(n,t[r])})),n(a)}return e}return[...e.matchAll(/(--rebilly.*(?=:))[:\s](.*(?=;))/g)].forEach((e=>{t[e[1]]=e[2].trim()})),Object.entries(t).map((([e,t])=>[e,n(t)]))}(e).forEach((([e,n])=>{t[e]=n})),t}Yn({target:"String",proto:!0,forced:Fd},{matchAll:function(e){var t,n,r,a,o,i=ze(this);if(null!=e){if(We(a=e)&&(void 0!==(o=a[Hc])?o:"RegExp"==He(a))&&(t=Rc(ze(Bc(e))),!~Od(t,"g")))throw $d("`.matchAll` does not allow non-global regexes");if(Fd)return Md(i,e);if(r=ut(e,Td))return Se(r,e,i)}else if(Fd)return Md(i,e);return n=Rc(i),new RegExp(e,"g")[Td](n)}}),Td in _d||kn(_d,Td,Hd);const Nd=(e,t="")=>({color:e[`--rebilly-${t}ColorText`],fontFamily:e[`--rebilly-${t}FontFamily`],fontSize:e[`--rebilly-${t}FontSize`],fontWeight:e[`--rebilly-${t}FontWeight`],lineHeight:e[`--rebilly-${t}FontLineHeight`],background:e[`--rebilly-${t}ColorBackground`],boxShadow:e[`--rebilly-${t}BoxShadow`]});function Bd({eventName:e,callback:t}){if(!Ja.includes(e))throw new Error(`${e} is not a supported event`);const n=pa(e);Ka[n].addEventListener(t)}async function qd({componentName:e,payload:t}){switch(e){case"result":sr.hasFrame("form")&&(sr.form.destroy(),sr.form=null),async function({payload:e}){var t,n;t=lr.form,n='<div class="rebilly-instruments-result"></div>',t.querySelector(".rebilly-instruments-content").innerHTML=n,lr.loader.startLoading({id:"rebilly-instruments-result"}),lr.loader.stopLoading({id:"express-purchase"});const r=document.querySelector(".rebilly-instruments-result"),{paymentMethodsUrl:a}=lr.options._computed,o=lr.toModel(),i={options:o.options,mainStyleVars:o.mainStyleVars,[lr.options.transactionType]:e},s=await new no({name:"rebilly-instruments-result",url:`${a}/result`,container:r,model:i});s.bindEventListeners({loader:lr.loader}),sr.form=s}({payload:t});break;case"confirmation":!async function({payload:e}){var t,n;e.billingAddress&&lr.summary&&lr.data.isPurchase&&$s({instrument:e});const r=sr.form,a=lr.toModel(),o={options:a.options,data:a.data,mainStyleVars:a.mainStyleVars,instrument:e};null==r||null===(t=r.component)||void 0===t||t.call("route",{name:"confirmation"}),null==r||null===(n=r.component)||void 0===n||n.call("update",o),document.querySelectorAll('[data-rebilly-instruments="express-method"]').forEach((e=>{e.style.overflow="hidden",e.style.height="0px"})),document.querySelectorAll('[data-rebilly-instruments="bump-offer"]').forEach((e=>{e.style.overflow="hidden",e.style.height="0px",e.style.marginBottom="0px"}))}({payload:t});break;default:throw new Error(`'${e}' not a supported component`)}}var zd=({state:e={}})=>{e.options.features.autoConfirmation&&Bd({eventName:"instrument-ready",callback:t=>{var n;if("paypal"===(null===(n=t._raw)||void 0===n?void 0:n.method)&&!e.data.isShippingRequired)return"setup"===e.options.transactionType?Eu({state:e,payload:t}):xu({state:e,payload:t}),void e.loader.startLoading({state:e,id:"express-purchase",message:"form.loaderMessages.processingPayment"});qd({componentName:"confirmation",payload:t,state:e})}}),e.options.features.autoResult&&Bd({eventName:"setup"===e.options.transactionType?"setup-completed":"purchase-completed",callback:t=>{!function({state:e,payload:t}){qd({componentName:"result",payload:t,state:e})}({state:e,payload:t})}})};async function Dd({setupFramepay:e=ju,...t}={}){try{var n,r,a;lr.data={},lr.options={},lr.form=Iu({element:"form",options:t}),lr.summary=Iu({element:"summary",options:t}),lr.form.style.maxWidth="750px",lr.summary&&(lr.summary.style.maxWidth="750px"),lr.options=Hu({options:t}),lr.storefront=_u({options:t}),lr.mainStyleVars=Qu({options:t}),lr.options.themeFramepay=(({options:e={}})=>{const t=jd(`\n    ${lr.mainStyleVars}\n    ${e.css||""}\n  `);return{base:{...Nd(t,"input"),":hover":Nd(t,"inputHover"),":focus":Nd(t,"inputFocus"),"::placeholder":Nd(t,"inputPlaceholder"),"::selection":Nd(t,"inputSelection")},invalid:{...Nd(t,"inputError"),":hover":Nd(t,"inputErrorHover"),":focus":Nd(t,"inputErrorFocus"),"::placeholder":Nd(t,"inputErrorPlaceholder"),"::selection":Nd(t,"inputErrorSelection")},buttons:{base:{...Nd(t,"buttonSecondary"),":hover":Nd(t,"buttonSecondaryHover"),":focus":Nd(t,"buttonSecondaryActive")},active:{...Nd(t,"button"),":hover":Nd(t,"buttonHover"),":focus":Nd(t,"buttonActive")}}}})({options:t}),lr.loader.addDOMElement({el:lr.form}),lr.loader.addDOMElement({section:"summary",el:lr.summary}),lr.loader.startLoading({section:"summary",id:"rebilly-instruments-summary"}),lr.loader.startLoading({id:"rebilly-instruments-form"});const[o]=await Promise.all([bu(),e()]);lr.data=o,Ka.dataReady.dispatch(lr.data),lr.i18n=(()=>{var e,t;if("auto"===lr.options.locale&&null!==(e=lr.data.riskMetadata)&&void 0!==e&&null!==(t=e.browserData)&&void 0!==t&&t.language){const{browserData:{language:e}}=lr.data.riskMetadata;lr.options.locale=e}return lr.translate.init(lr.options.locale,lr.options.i18n),ec})(),!lr.options.websiteId&&null!==(n=lr.data.transaction)&&void 0!==n&&n.websiteId?lr.options.websiteId=lr.data.transaction.websiteId:!lr.options.websiteId&&null!==(r=lr.data.invoice)&&void 0!==r&&r.websiteId&&(lr.options.websiteId=lr.data.invoice.websiteId),lr.data.transaction&&"setup"===(null===(a=lr.data.transaction)||void 0===a?void 0:a.type)&&(lr.options.transactionType="setup"),lr.form&&Tu(),lr.summary&&async function(){var e;const t=lr.toModel(),n={options:t.options,data:t.data,mainStyleVars:t.mainStyleVars},{paymentMethodsUrl:r}=null===(e=lr.options)||void 0===e?void 0:e._computed,a=await new no({name:"rebilly-instruments-summary",url:`${r}/summary`,container:lr.summary,model:n});a.bindEventListeners({loader:lr.loader}),sr.summary=a}(),lr.i18n({state:lr}),lr.hasMounted=!0,o.readyToPay.length||(lr.loader.stopLoading({id:"rebilly-instruments-form"}),Qa(lr.translate.getTranslation("form.error.noPaymentMethods")))}catch(e){throw Qa(e),e}zd({state:lr})}async function Ud(){var e;await(e=1e3,new Promise((t=>setTimeout(t,e)))),Object.keys(sr).forEach((e=>{sr.hasFrame(e)&&(sr[e].destroy(),sr[e]=null)})),Va.removeAll(document),lr.hasMounted=!1,lr.summary&&(lr.summary.textContent=""),lr.form.textContent="",hs(),lr.loader.clearAll()}function Wd({newOptions:e}){let t={};const n=Object.keys(e).some((e=>["items","money","invoiceId","transactionId"].includes(e)));return t=n?{items:null,money:null,invoiceId:null,transactionId:null}:t,t}var Gd=new class{constructor(){this.state=lr,this.iframes=sr}async mount(e){await Dd(e)}async destroy(){await Ud()}async update(e){await async function({newOptions:e={}}){if(!lr.hasMounted)throw Error("Update method cannot be called before mounting instruments");const t={...lr.options,...Wd({newOptions:e})},n=rr({...t},e);await Ud(),Dd({form:lr.form,summary:lr.summary,...n})}({newOptions:e})}async purchase(e){await xu({payload:e})}async setup(e){await Eu({payload:e})}async show(e,t){await qd({componentName:e,payload:t})}get version(){return"RebillyInstruments Ver.3.24.0-beta.0"}on(e,t){Bd({eventName:e,callback:t})}};export{Gd as default};
+    	 */var M=function(e,t){return null===e||isNaN(e)||"string"==typeof e?t:e},F=function(e,t,n){var r;void 0===e&&(e="#000"),void 0===t&&(t="base"),void 0===n&&(n=0),r=[[0,0,0],1,t,n],this.rgb=r[0],this.alpha=r[1],this.type=r[2],this.weight=r[3];var a=null===e?"#000":e;if("string"!=typeof a)throw new TypeError("Input should be a string: "+a);var o=P(a);if(!o)throw new Error("Unable to parse color from string: "+a);return this["_setFrom"+o.type.toUpperCase()](o.values.concat([o.alpha]))},R={hex:{configurable:!0}};return R.hex.get=function(){return this.hexString().replace(/^#/,"")},F.prototype.setColor=function(e){var t=P(e);return t?this["_setFrom"+t.type.toUpperCase()](t.values.concat([t.alpha])):null},F.prototype.tint=function(e,t){return void 0===t&&(t=M(e,50)),new F("rgb("+O("#fff",this.rgbString(),t).rgba+")","tint",t)},F.prototype.shade=function(e,t){return void 0===t&&(t=M(e,50)),new F("rgb("+O("#000",this.rgbString(),t).rgba+")","shade",t)},F.prototype.tints=function(e,t){var n=this;return void 0===t&&(t=M(e,10)),Array.from({length:100/t},(function(e,r){return n.tint((r+1)*t)}))},F.prototype.shades=function(e,t){var n=this;return void 0===t&&(t=M(e,10)),Array.from({length:100/t},(function(e,r){return n.shade((r+1)*t)}))},F.prototype.all=function(e){return void 0===e&&(e=10),this.tints(e).reverse().concat([Object.assign(this)],this.shades(e))},F.prototype.hexString=function(){return I(this.alpha>=1?this.rgb:this.rgb.concat([this.alpha]))},F.prototype.rgbString=function(){var e=(this.alpha>=1?this.rgb:this.rgb.concat([this.alpha])).join(", ");return(this.alpha>=1?"rgb":"rgba")+"("+e+")"},F.prototype.getBrightness=function(){return Math.round(this.rgb.reduce((function(e,t){return e+t}))/765*100)},F.prototype._setFromRGB=function(e){var t;return t=[[e[0],e[1],e[2]],e[3]],this.rgb=t[0],this.alpha=t[1],this},F.prototype._setFromHSL=function(e){var t,n=e[0],r=e[1],a=e[2],o=e[3];return t=[L([n,r,a]).map(Math.round),o],this.rgb=t[0],this.alpha=t[1],this},Object.defineProperties(F.prototype,R),F.VERSION="v2.0.0",F}()})),Bu=Nu;const qu=e=>new Bu(e);function zu(e,t=1){if(null===e)return e;const n=qu(e);return n.alpha=t,n.rgbString()}const Du=e=>zu(e,.5),Uu=(e,t)=>{if(null===e)return e;return qu(e).shade(t).hexString()};class Wu{constructor(e){var t,n,r;r=["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset","initial","inherit"],(n="allStyles")in(t=this)?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,this.str=e||"";const a=this.allStyles.find((e=>this.str.includes(e))),o=this.str.split(a).map((e=>e.trim()));this.border=[o[0],a,o[1]]}get stylePosition(){let e=0;return 3===this.border.length?e=1:2===this.border.length&&(e=this.allStyles.includes(this.border[0])?0:1),e}updateColor(e){return this.border[this.stylePosition+1]=e,this}get value(){return this.border.join(" ")}}const Gu={colorPrimary:{fallback:{type:"static",value:"#0044D4"}},colorBackground:{fallback:{type:"static",value:"#FFFFFF"}},colorText:{fallback:{type:"static",value:"#0D2B3E"}},colorMutedText:{fallback:{type:"func",value:e=>Du(e.colorText)}},colorMutedBorder:{fallback:{type:"func",value:e=>e.colorTextProvided?zu(e.colorText,.25):"#DCE3EA"}},colorDanger:{fallback:{type:"static",value:"#CD5C5C"}},fontFamily:{fallback:{type:"static",value:"Avenir, Helvetica, Arial, sans-serif"}},fontSizeBase:{fallback:{type:"static",value:"16px"}},fontWeightBase:{fallback:{type:"static",value:"500"}},fontLineHeightBase:{fallback:{type:"func",value:e=>`calc(${e.fontSizeBase} * 1.5)`}},fontSmooth:{fallback:{type:"static",value:"auto"}},borderRadius:{fallback:{type:"static",value:"6px"}},headingFontFamily:{fallback:{type:"variable",value:"fontFamily"}},headingFontWeight:{fallback:{type:"static",value:"600"}},headingColorText:{fallback:{type:"variable",value:"colorText"}},buttonColorBackground:{fallback:{type:"variable",value:"colorPrimary"}},buttonColorText:{fallback:{type:"static",value:"#FFFFFF"}},buttonFontFamily:{fallback:{type:"variable",value:"fontFamily"}},buttonFontSize:{fallback:{type:"variable",value:"fontSizeBase"}},buttonFontLineHeight:{fallback:{type:"variable",value:"fontLineHeightBase"}},buttonFontWeight:{fallback:{type:"variable",value:"fontWeightBase"}},buttonBorder:{fallback:{type:"static",value:"1px solid transparent"}},buttonBorderRadius:{fallback:{type:"variable",value:"borderRadius"}},buttonBoxShadow:{fallback:{type:"static",value:"none"}},buttonSecondaryColorBackground:{fallback:{type:"variable",value:"colorBackground"}},buttonSecondaryColorText:{fallback:{type:"variable",value:"colorPrimary"}},buttonSecondaryFontFamily:{fallback:{type:"variable",value:"fontFamily"}},buttonSecondaryFontSize:{fallback:{type:"variable",value:"fontSizeBase"}},buttonSecondaryFontLineHeight:{fallback:{type:"variable",value:"fontLineHeightBase"}},buttonSecondaryFontWeight:{fallback:{type:"variable",value:"fontWeightBase"}},buttonSecondaryBorder:{fallback:{type:"func",value:e=>`1px solid ${e.colorPrimary}`}},buttonSecondaryBorderRadius:{fallback:{type:"variable",value:"borderRadius"}},buttonSecondaryBoxShadow:{fallback:{type:"static",value:"none"}},buttonHoverColorBackground:{fallback:{type:"func",value:e=>e.buttonColorBackgroundProvided?Uu(e.buttonColorBackground,20):Uu(e.colorPrimary,20)}},buttonHoverColorText:{fallback:{type:"variable",value:"buttonColorText"}},buttonHoverFontFamily:{fallback:{type:"variable",value:"buttonFontFamily"}},buttonHoverFontSize:{fallback:{type:"variable",value:"buttonFontSize"}},buttonHoverFontLineHeight:{fallback:{type:"variable",value:"buttonFontLineHeight"}},buttonHoverFontWeight:{fallback:{type:"variable",value:"buttonFontWeight"}},buttonHoverBorder:{fallback:{type:"func",value:e=>{if(e.buttonBorderProvided)return e.buttonBorder;return new Wu(e.buttonBorder).updateColor(e.buttonHoverColorBackground).value}}},buttonHoverBorderRadius:{fallback:{type:"variable",value:"buttonBorderRadius"}},buttonHoverBoxShadow:{fallback:{type:"variable",value:"buttonBoxShadow"}},buttonSecondaryHoverColorBackground:{fallback:{type:"variable",value:"colorBackground"}},buttonSecondaryHoverColorText:{fallback:{type:"variable",value:"buttonSecondaryColorText"}},buttonSecondaryHoverFontFamily:{fallback:{type:"variable",value:"buttonSecondaryFontFamily"}},buttonSecondaryHoverFontSize:{fallback:{type:"variable",value:"buttonSecondaryFontSize"}},buttonSecondaryHoverFontLineHeight:{fallback:{type:"variable",value:"buttonSecondaryFontLineHeight"}},buttonSecondaryHoverFontWeight:{fallback:{type:"variable",value:"buttonSecondaryFontWeight"}},buttonSecondaryHoverBorder:{fallback:{type:"variable",value:"buttonSecondaryBorder"}},buttonSecondaryHoverBorderRadius:{fallback:{type:"variable",value:"buttonSecondaryBorderRadius"}},buttonSecondaryHoverBoxShadow:{fallback:{type:"variable",value:"buttonSecondaryBoxShadow"}},buttonActiveColorBackground:{fallback:{type:"variable",value:"buttonHoverColorBackground"}},buttonActiveColorText:{fallback:{type:"variable",value:"buttonHoverColorText"}},buttonActiveFontFamily:{fallback:{type:"variable",value:"buttonHoverFontFamily"}},buttonActiveFontSize:{fallback:{type:"variable",value:"buttonHoverFontSize"}},buttonActiveFontLineHeight:{fallback:{type:"variable",value:"buttonHoverFontLineHeight"}},buttonActiveFontWeight:{fallback:{type:"variable",value:"buttonHoverFontWeight"}},buttonActiveBorder:{fallback:{type:"variable",value:"buttonHoverBorder"}},buttonActiveBorderRadius:{fallback:{type:"variable",value:"buttonHoverBorderRadius"}},buttonActiveBoxShadow:{fallback:{type:"variable",value:"buttonHoverBoxShadow"}},buttonSecondaryActiveColorBackground:{fallback:{type:"variable",value:"buttonSecondaryHoverColorBackground"}},buttonSecondaryActiveColorText:{fallback:{type:"variable",value:"buttonSecondaryHoverColorText"}},buttonSecondaryActiveFontFamily:{fallback:{type:"variable",value:"buttonSecondaryHoverFontFamily"}},buttonSecondaryActiveFontSize:{fallback:{type:"variable",value:"buttonSecondaryHoverFontSize"}},buttonSecondaryActiveFontLineHeight:{fallback:{type:"variable",value:"buttonSecondaryHoverFontLineHeight"}},buttonSecondaryActiveFontWeight:{fallback:{type:"variable",value:"buttonSecondaryHoverFontWeight"}},buttonSecondaryActiveBorder:{fallback:{type:"variable",value:"buttonSecondaryHoverBorder"}},buttonSecondaryActiveBorderRadius:{fallback:{type:"variable",value:"buttonSecondaryHoverBorderRadius"}},buttonSecondaryActiveBoxShadow:{fallback:{type:"variable",value:"buttonSecondaryHoverBoxShadow"}},inputColorBackground:{fallback:{type:"static",value:"transparent"}},inputColorText:{fallback:{type:"variable",value:"colorText"}},inputFontFamily:{fallback:{type:"variable",value:"fontFamily"}},inputFontSize:{fallback:{type:"variable",value:"fontSizeBase"}},inputFontLineHeight:{fallback:{type:"variable",value:"fontLineHeightBase"}},inputFontWeight:{fallback:{type:"variable",value:"fontWeightBase"}},inputBorder:{fallback:{type:"func",value:e=>`1px solid ${Uu(e.colorMutedBorder,4)}`}},inputBorderRadius:{fallback:{type:"variable",value:"borderRadius"}},inputBoxShadow:{fallback:{type:"static",value:"none"}},inputHoverColorBackground:{fallback:{type:"variable",value:"inputColorBackground"}},inputHoverColorText:{fallback:{type:"variable",value:"inputColorText"}},inputHoverFontFamily:{fallback:{type:"variable",value:"inputFontFamily"}},inputHoverFontSize:{fallback:{type:"variable",value:"inputFontSize"}},inputHoverFontLineHeight:{fallback:{type:"variable",value:"inputFontLineHeight"}},inputHoverFontWeight:{fallback:{type:"variable",value:"inputFontWeight"}},inputHoverBorder:{fallback:{type:"variable",value:"inputBorder"}},inputHoverBorderRadius:{fallback:{type:"variable",value:"inputBorderRadius"}},inputHoverBoxShadow:{fallback:{type:"variable",value:"inputBoxShadow"}},inputFocusColorBackground:{fallback:{type:"variable",value:"inputHoverColorBackground"}},inputFocusColorText:{fallback:{type:"variable",value:"inputHoverColorText"}},inputFocusFontFamily:{fallback:{type:"variable",value:"inputHoverFontFamily"}},inputFocusFontSize:{fallback:{type:"variable",value:"inputHoverFontSize"}},inputFocusFontLineHeight:{fallback:{type:"variable",value:"inputHoverFontLineHeight"}},inputFocusFontWeight:{fallback:{type:"variable",value:"inputHoverFontWeight"}},inputFocusBorder:{fallback:{type:"func",value:e=>{if(e.inputHoverBorderProvided)return e.inputHoverBorder;return new Wu(e.inputBorder).updateColor(e.colorPrimary).value}}},inputFocusBorderRadius:{fallback:{type:"variable",value:"inputHoverBorderRadius"}},inputFocusBoxShadow:{fallback:{type:"func",value:e=>`0 0 0 1px ${e.colorPrimary}`}},inputPlaceholderColorText:{fallback:{type:"func",value:e=>e.inputColorTextProvided?Du(e.inputColorText):e.colorMutedText}},inputPlaceholderFontFamily:{fallback:{type:"variable",value:"inputFontFamily"}},inputPlaceholderFontSize:{fallback:{type:"variable",value:"inputFontSize"}},inputPlaceholderFontLineHeight:{fallback:{type:"variable",value:"inputFontLineHeight"}},inputPlaceholderFontWeight:{fallback:{type:"variable",value:"inputFontWeight"}},inputSelectionColorText:{fallback:{type:"static",value:"initial"}},inputSelectionColorBackground:{fallback:{type:"static",value:"highlight"}},inputErrorColorBackground:{fallback:{type:"variable",value:"inputColorBackground"}},inputErrorColorText:{fallback:{type:"variable",value:"colorDanger"}},inputErrorFontFamily:{fallback:{type:"variable",value:"inputFontFamily"}},inputErrorFontSize:{fallback:{type:"variable",value:"inputFontSize"}},inputErrorFontLineHeight:{fallback:{type:"variable",value:"inputFontLineHeight"}},inputErrorFontWeight:{fallback:{type:"variable",value:"inputFontWeight"}},inputErrorBorder:{fallback:{type:"func",value:e=>{if(e.inputBorderProvided){return new Wu(e.inputBorder).updateColor(e.colorDanger).value}return`1px solid ${e.colorDanger}`}}},inputErrorBorderRadius:{fallback:{type:"variable",value:"inputBorderRadius"}},inputErrorBoxShadow:{fallback:{type:"variable",value:"inputBoxShadow"}},inputErrorHoverColorBackground:{fallback:{type:"variable",value:"inputErrorColorBackground"}},inputErrorHoverColorText:{fallback:{type:"variable",value:"inputErrorColorText"}},inputErrorHoverFontFamily:{fallback:{type:"variable",value:"inputErrorFontFamily"}},inputErrorHoverFontSize:{fallback:{type:"variable",value:"inputErrorFontSize"}},inputErrorHoverFontLineHeight:{fallback:{type:"variable",value:"inputErrorFontLineHeight"}},inputErrorHoverFontWeight:{fallback:{type:"variable",value:"inputErrorFontWeight"}},inputErrorHoverBorder:{fallback:{type:"variable",value:"inputErrorBorder"}},inputErrorHoverBorderRadius:{fallback:{type:"variable",value:"inputErrorBorderRadius"}},inputErrorHoverBoxShadow:{fallback:{type:"variable",value:"inputErrorBoxShadow"}},inputErrorFocusColorBackground:{fallback:{type:"variable",value:"inputErrorHoverColorBackground"}},inputErrorFocusColorText:{fallback:{type:"variable",value:"inputErrorHoverColorText"}},inputErrorFocusFontFamily:{fallback:{type:"variable",value:"inputErrorHoverFontFamily"}},inputErrorFocusFontSize:{fallback:{type:"variable",value:"inputErrorHoverFontSize"}},inputErrorFocusFontLineHeight:{fallback:{type:"variable",value:"inputErrorHoverFontLineHeight"}},inputErrorFocusFontWeight:{fallback:{type:"variable",value:"inputErrorHoverFontWeight"}},inputErrorFocusBorder:{fallback:{type:"variable",value:"inputErrorHoverBorder"}},inputErrorFocusBorderRadius:{fallback:{type:"variable",value:"inputErrorHoverBorderRadius"}},inputErrorFocusBoxShadow:{fallback:{type:"variable",value:"inputErrorHoverBoxShadow"}},inputErrorPlaceholderColorText:{fallback:{type:"func",value:e=>e.inputErrorColorTextProvided?Du(e.inputErrorColorText):Du(e.colorDanger)}},inputErrorPlaceholderFontFamily:{fallback:{type:"variable",value:"inputPlaceholderFontFamily"}},inputErrorPlaceholderFontSize:{fallback:{type:"variable",value:"inputPlaceholderFontSize"}},inputErrorPlaceholderFontLineHeight:{fallback:{type:"variable",value:"inputPlaceholderFontLineHeight"}},inputErrorPlaceholderFontWeight:{fallback:{type:"variable",value:"inputPlaceholderFontWeight"}},inputErrorSelectionColorText:{fallback:{type:"variable",value:"inputSelectionColorText"}},inputErrorSelectionColorBackground:{fallback:{type:"variable",value:"inputSelectionColorBackground"}},labels:{fallback:{type:"static",value:"floating"}}};var Vu,Xu,Ku,Ju=new Proxy(Gu,{get(e,t,n){if(t in e){if(e[t].value)return e[t].value;const{type:r,value:a}=e[t].fallback;if("static"===r)return a;if("variable"===r)return`var(--rebilly-${a})`;if("func"===r)return a(n)}if(t.endsWith("Provided")){const n=t.replace("Provided","");if(n in e)return e[n].isProvided}},set:(e,t,n)=>{if(!(t in e)||!n)throw new Error(`Invalid theme option provided: ${t}`);return e[t].value=n,e[t].isProvided=!0,!0}});class Yu{constructor(e={}){this.overrides=e,this.theme=Ju}overrideTheme(){Object.keys(this.overrides).forEach((e=>{this.theme[e]=this.overrides[e]}))}get cssVars(){return Object.keys(this.theme).filter((e=>!Yu.nonCssProperties.includes(e))).map(((e,t)=>`${t?"  ":""}--rebilly-${e}: ${this.theme[e]};`)).join("\n")}build(){return this.overrideTheme(),{cssVars:this.cssVars}}}Ku=["labels"],(Xu="nonCssProperties")in(Vu=Yu)?Object.defineProperty(Vu,Xu,{value:Ku,enumerable:!0,configurable:!0,writable:!0}):Vu[Xu]=Ku;function Zu(e){let t=e;return t=t.replace(/\/\*(?:(?!\*\/)[\s\S])*\*\/|[\r\n\t]+/g,""),t=t.replace(/\s{2,}/g," "),t=t.replace(/\s([{:}])\s/g,"$1"),t=t.replace(/([;,])\s/g,"$1"),t=t.replace(/\s!/g,"!"),t}var Qu=({options:{theme:e={},css:t}}={})=>{const n=(e=>{const t=`\n    ${(e=>`\n/* Instruments 'global' variables\n------------------------------------------------------------ */\n:root {\n  ${e.cssVars}\n\n  --rebilly-fontWeight400: 400;\n  --rebilly-fontWeight500: 500;\n  --rebilly-fontWeight600: 600;\n  --rebilly-fontScaleFactor: 1.5;\n  --rebilly-fontScaleFactorS: 0.875;\n  --rebilly-fontSizeS: calc(var(--rebilly-fontSizeBase) * var(--rebilly-fontScaleFactorS));\n  --rebilly-fontLineHeightS: calc(var(--rebilly-fontSizeS) * 1);\n\n  --rebilly-fontSizeL: calc(var(--rebilly-fontSizeBase) * var(--rebilly-fontScaleFactor));\n  --rebilly-fontLineHeightL: calc(var(--rebilly-fontLineHeightBase) * 2);\n  --rebilly-fontMarginTopL: 0;\n  --rebilly-fontMarginBottomL: var(--rebilly-fontLineHeightBase);\n\n  --rebilly-spacing2xs: calc(var(--rebilly-fontLineHeightBase) / 6);\n  --rebilly-spacingXs: calc(var(--rebilly-fontLineHeightBase) / 4);\n  --rebilly-spacingS: calc(var(--rebilly-fontLineHeightBase) / 2);\n  --rebilly-spacingM: var(--rebilly-fontLineHeightBase);\n  --rebilly-spacingL: calc(var(--rebilly-fontLineHeightBase) * 2);\n  --rebilly-spacingXl: calc(var(--rebilly-fontLineHeightBase) * 4);\n\n  --rebilly-spacingFormElementMinHeight: calc(var(--rebilly-spacingM) * 1.83333);\n\n  --rebilly-summaryLoaderMinHeight: var(--rebilly-fontLineHeightBase);\n  --rebilly-methodLoaderMinHeight: calc((4 * var(--rebilly-spacingFormElementMinHeight)) + (2 * var(--rebilly-fontLineHeightBase)) + (2 * var(--rebilly-spacingM)) + var(--rebilly-spacing2xs) + var(--rebilly-fontSizeS) + calc(2 * (var(--rebilly-spacingXs) + var(--rebilly-spacingS))) + var(--rebilly-spacingL));\n}\n\n/* Base, Typography\n------------------------------------------------------------ */\n/* Base setup for top level elements */\n.rebilly-instruments-content {\n  color: var(--rebilly-colorText);\n  background: var(--rebilly-colorBackground);\n  font-size: var(--rebilly-fontSizeBase);\n  font-weight: var(--rebilly-fontWeightBase);\n  line-height: var(--rebilly-fontLineHeightBase);\n  font-family: var(--rebilly-fontFamily);\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-align: left;\n  transition: all 200ms;\n  font-smooth: var(--rebilly-fontSmooth);\n  padding: 2px;\n  font-display: swap;\n}\n\n/* Views. Method Selector\n------------------------------------------------------------ */\n.rebilly-instruments-method-selector.has-express-compact {\n  padding-top: var(--rebilly-spacingS);\n}\n\n/* Express Methods\n------------------------------------------------------------ */\n@-webkit-keyframes rebillyExpressShine {\n  to {\n    background-position-x: -200%;\n  }\n}\n@keyframes rebillyExpressShine {\n  to {\n    background-position-x: -200%;\n  }\n}\n\n.rebilly-instruments-express-methods { padding: 2px; }\n\n.rebilly-instruments-express-methods.is-compact {\n  border: 1px solid var(--rebilly-colorMutedBorder);\n  padding: var(--rebilly-spacingS);\n  padding-top: calc(var(--rebilly-spacingXs) + var(--rebilly-spacingS));\n  padding-top: calc(var(--rebilly-fontSizeBase) + var(--rebilly-spacing2xs));\n  border-radius: var(--rebilly-borderRadius);\n  position: relative;\n}\n\n.rebilly-instruments-express-methods .rebilly-instruments-iframe {\n  display: block;\n  margin-bottom: 0;\n  height: var(--rebilly-spacingFormElementMinHeight);\n}\n\n.rebilly-instruments-express-methods .rebilly-instruments-express-methods-container > * {\n  border-radius: 6px;\n  margin-bottom: var(--rebilly-spacingS);\n  background: linear-gradient(110deg, var(--rebilly-colorMutedBorder) 0%, var(--rebilly-colorBackground) 25%, var(--rebilly-colorMutedBorder) 50%);\n  background-size: 200% 100%;\n  -webkit-animation: 1.5s rebillyExpressShine linear infinite;\n          animation: 1.5s rebillyExpressShine linear infinite;\n  height: 44px;\n}\n\n.rebilly-instruments-express-methods .rebilly-instruments-express-methods-container > *:last-child {\n  margin: 0;\n}\n\n.rebilly-instruments-express-methods.is-compact .rebilly-instruments-express-methods-container {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n}\n\n.rebilly-instruments-express-methods.is-compact .rebilly-instruments-express-methods-container > * {\n  -webkit-box-flex: 1;\n      -ms-flex: 1 1 0px;\n          flex: 1 1 0px;\n  max-width: 260px;\n  margin: 0 var(--rebilly-spacingXs);\n}\n\n.rebilly-instruments-express-methods.is-compact .rebilly-instruments-express-methods-container > *:first-child {\n  margin-left: 0;\n}\n\n.rebilly-instruments-express-methods.is-compact .rebilly-instruments-express-methods-container > *:last-child {\n  margin-right: 0;\n}\n\n.rebilly-instruments-express-methods .rebilly-instruments-express-methods-label {\n  display: none;\n}\n\n.rebilly-instruments-express-methods.is-compact .rebilly-instruments-express-methods-label {\n  position: absolute;\n  font-family: var(--rebilly-fontFamily);\n  top: 0; left: 50%;\n  -webkit-transform: translateX(-50%) translateY(-50%);\n          transform: translateX(-50%) translateY(-50%);\n  color: var(--rebilly-colorText);\n  padding: var(--rebilly-spacing2xs) var(--rebilly-spacingM);\n  line-height: 1;\n  background: var(--rebilly-colorBackground);\n  display: inline-block;\n  font-weight: var(--rebilly-fontWeightBase);\n  min-height: auto;\n  margin: 0;\n  white-space: nowrap;\n}\n\n@media (max-width: 600px) {\n  .rebilly-instruments-express-methods.is-compact .rebilly-instruments-express-methods-container  {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n  }\n\n  .rebilly-instruments-express-methods.is-compact .rebilly-instruments-express-methods-container > * {\n    max-width: 100%;\n    margin: 0 0 var(--rebilly-spacingS);\n  }\n  \n  .rebilly-instruments-express-methods.is-compact .rebilly-instruments-express-methods-container > *:last-child {\n    margin: 0;\n  }\n}\n\n/* Components. Divider\n------------------------------------------------------------ */\n.rebilly-instruments-divider {\n  line-height: var(--rebilly-fontLineHeightBase);\n  padding: var(--rebilly-spacingM) 0;\n  margin: 0;\n  position: relative;\n  outline: 0;\n  border: 0;\n  text-align: center;\n  font-family: var(--rebilly-fontFamily);\n}\n\n.rebilly-instruments-divider-s { padding: var(--rebilly-spacingS) 0; }\n.rebilly-instruments-divider-xs { padding: var(--rebilly-spacingXs) 0; }\n\n.rebilly-instruments-divider::before {\n  background: var(--rebilly-colorMutedBorder);\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 50%;\n  width: 100%;\n  height: 1px;\n}\n\n.rebilly-instruments-divider .rebilly-instruments-divider-label {\n  color: var(--rebilly-colorMutedText);\n  font-weight: var(--rebilly-fontWeightBase);\n  padding: 0 var(--rebilly-spacingM);\n  line-height: var(--rebilly-fontLineHeightS);\n  background-color: var(--rebilly-colorBackground);\n  font-size: var(--rebilly-fontSizeS);\n  position: relative;\n  display: inline-block;\n}\n\n/* Components. Icons\n------------------------------------------------------------ */\n.rebilly-instruments-icon {\n  width: var(--rebilly-fontLineHeightBase);\n  height: var(--rebilly-fontLineHeightBase);\n  fill: var(--rebilly-colorText);\n}\n\n/* Components. Forms. Checkboxes\n------------------------------------------------------------ */\n.rebilly-instruments-form-field-checkbox {\n  position: relative;\n  opacity: 1;\n  align-items: center;\n  display: flex;\n  flex-direction: row-reverse;\n  justify-content: flex-start;\n  cursor: pointer;\n  transform: none;\n}\n\n.rebilly-instruments-form-field-checkbox > * {\n  cursor: pointer;\n}\n\n.rebilly-instruments-form-field-checkbox input[type="checkbox"] {\n  position: absolute;\n  opacity: 0;\n  cursor: pointer;\n  height: 0;\n  width: 0;\n}\n\n.rebilly-instruments-form-field-checkbox span {\n  position: relative;\n  top: 0;\n  left: 0;\n  width: calc(var(--rebilly-spacingM) - var(--rebilly-spacing2xs));\n  height: calc(var(--rebilly-spacingM) - var(--rebilly-spacing2xs));\n  min-width: calc(var(--rebilly-spacingM) - var(--rebilly-spacing2xs));\n  border-radius: 4px;\n  box-shadow: inset 0 0 0 2px var(--rebilly-colorMutedBorder);\n  margin-right: var(--rebilly-spacingS);\n  background-color: transparent;\n  transition: all 200ms;\n}\n\n.rebilly-instruments-form-field-checkbox span:after {\n  content: '';\n  position: absolute;\n  border: solid var(--rebilly-colorPrimary);\n  width: calc(var(--rebilly-spacingXs) + var(--rebilly-spacing2xs));\n  height: calc(var(--rebilly-spacingXs) - var(--rebilly-spacing2xs) + 2px);\n  border-width: 2px 2px 0 0;\n  border-radius: 2px;\n  top: 50%;\n  left: 50%;\n  opacity: 0;\n  transform: translateY(-60%) translateX(-50%) rotate(135deg);\n  transition: all 0.2s ease;\n}\n\n.rebilly-instruments-form-field-checkbox input[type="checkbox"]:focus ~ span {\n  box-shadow: inset 0 0 0 2px var(--rebilly-colorPrimary);\n}\n\n.rebilly-instruments-form-field-checkbox input[type="checkbox"]:checked ~ span {\n  box-shadow: inset 0 0 0 2px var(--rebilly-colorPrimary);\n}\n\n.rebilly-instruments-form-field-checkbox input[type="checkbox"]:checked ~ span:after {\n  opacity: 1;\n}\n\n.rebilly-instruments-form-field-checkbox input[type="checkbox"]:disabled ~ span {\n  opacity: 0.6;\n}\n\n/* Vendor, Postmate\n------------------------------------------------------------ */\n.rebilly-instruments-iframe {\n  border: none;\n  width: 100%;\n  height: 0;\n  padding: 0;\n}\n\n.rebilly-instruments-iframe-overlay {\n  top: -2px;\n  left: -2px;\n  width: calc(100vw + 2px);\n  height: 100vh;\n  min-height: calc(100vh + 4px);\n  position: fixed;\n  z-index: 99999999999999;\n}\n\n/* Views. Modal\n------------------------------------------------------------ */\n.rebilly-instruments-modal-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  overflow-x: hidden;\n  overflow-y: auto;\n  z-index: 1055;\n  padding: 30px;\n  width:  100%;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  -webkit-transition: all 0.12s ease-in-out;\n  transition: all 0.12s ease-in-out;\n  background-color: rgba(0,0,0,0.7);\n  opacity: 0\n}\n\n.rebilly-instruments-modal-overlay.is-visible {\n  opacity: 1;\n}\n\n.rebilly-instruments-modal-container {\n  -webkit-transition: all .24s ease-in-out;\n  transition: all .24s ease-in-out;\n  position: relative;\n  max-width: 750px;\n  background: var(--rebilly-colorBackground);\n  margin: 50px auto 20px;\n  -webkit-box-shadow: 0 19px 38px rgba(0,0,0,0.20), 0 15px 12px rgba(0,0,0,0.12);\n          box-shadow: 0 19px 38px rgba(0,0,0,0.20), 0 15px 12px rgba(0,0,0,0.12);\n  border-radius: 4px;\n  -webkit-transform: translateY(-50px);\n          transform: translateY(-50px);\n  opacity: 0;\n}\n\n.rebilly-instruments-modal-container.is-visible {\n  -webkit-transform: translateY(0);\n          transform: translateY(0);\n  opacity: 1;\n}\n\n.rebilly-instruments-modal-container.is-redirect {\n  max-width: 60vw;\n  width: auto;\n}\n\n.rebilly-instruments-modal-content {\n  -webkit-transition: all .15s;\n  transition: all .15s;\n  padding: 20px;\n  overflow: hidden;\n  background-color: var(--rebilly-colorBackground);\n  text-align: center;\n  border-radius: 4px;\n}\n\n.rebilly-instruments-modal-content .rebilly-instruments-iframe {\n  -webkit-transition: all .15s;\n  transition: all .15s;\n  height: auto;\n  min-height: 360px;\n}\n\n.rebilly-instruments-modal-container.is-redirect .rebilly-instruments-modal-content {\n  padding: 0;\n}\n\n.rebilly-instruments-modal-close {\n  position: absolute;\n  width: 30px;\n  height: 30px;\n  top: -40px;\n  right: 0;\n  fill: #FFF;\n  cursor: pointer;\n}\n\n.rebilly-instruments-modal-close:hover{\n  color: #000;\n}\n\n@media screen and (max-width: 480px) {\n  .rebilly-instruments-modal-container.is-redirect {\n    max-width: 96vw;\n    margin: 20px auto 20px;\n  }\n}\n\n/* Components. Loader\n------------------------------------------------------------ */\n.rebilly-instruments-loader {\n  text-align: left;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: none;\n  background-color: var(--rebilly-colorBackground);\n  z-index: 1000;\n  -webkit-transition: all 200ms;\n  transition: all 200ms;\n  border-radius: var(--rebilly-borderRadius);\n}\n\n.rebilly-instruments-loader.is-active {\n  display: block;\n}\n\n/* Type */\n.rebilly-instruments-loader p {\n  color: var(--rebilly-colorText);\n  display: inline-block;\n  margin: 0;\n  font-weight: var(--rebilly-fontWeightBase);\n  font-size: var(--rebilly-fontSizeBase);\n  line-height: var(--rebilly-fontLineHeightBase);\n}\n\n.rebilly-instruments-loader small {\n  color: var(--rebilly-colorText);\n  display: inline-block;\n  margin: 0;\n  font-size: var(--rebilly-fontSizeS);\n  line-height: 1;\n}\n\n/* Summary */\n.rebilly-instruments-summary-loader-total p.total {\n  font-family: var(--rebilly-fontFamily);\n  font-size: var(--rebilly-fontSizeL);\n  font-weight: var(--rebilly-headingFontWeight);\n}\n\n/* Methods */\n.rebilly-instruments-methods-loader-card-icon {\n  width: 32px;\n  height: 22px;\n  margin-left: var(--rebilly-spacing2xs);\n  margin-bottom: var(--rebilly-spacing2xs);\n}\n\n.rebilly-instruments-methods-loader-form-fields { margin: calc(var(--rebilly-spacingXs) + var(--rebilly-spacingS)) 0; }\n\n/* Spinner */\n.rebilly-instruments-loader-spinner {\n  top: 50%;\n  left: 50%;\n  position: absolute;\n  -webkit-transform: translate(-50%, -50%);\n          transform: translate(-50%, -50%);\n  border: 2px solid transparent;\n  border-top: 2px solid var(--rebilly-colorPrimary);\n  border-radius: 50%;\n  width: var(--rebilly-fontLineHeightBase);\n  height: var(--rebilly-fontLineHeightBase);\n  margin-top: calc(-1 * var(--rebilly-fontLineHeightBase) / 2);\n  margin-left: calc(-1 * var(--rebilly-fontLineHeightBase) / 2);\n  -webkit-animation: spin 0.5s ease infinite;\n          animation: spin 0.5s ease infinite;\n}\n\n@-webkit-keyframes spin {\n  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }\n  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }\n}\n\n@keyframes spin {\n  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }\n  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }\n}\n\n/* Utils */\n.rebilly-instruments-loader-display-flex { display: -webkit-box; display: -ms-flexbox; display: flex; }\n.rebilly-instruments-loader-align-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }\n.rebilly-instruments-loader-justify-space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }\n.rebilly-instruments-loader-justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }\n\n.is-el-loading {\n  position: relative;\n  color: transparent!important;\n}\n\n.is-el-loading::before {\n  position: absolute;\n  content: '';\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background: linear-gradient(110deg, var(--rebilly-colorMutedBorder) 0%, var(--rebilly-colorBackground) 25%, var(--rebilly-colorMutedBorder) 50%);\n  background-size: 200% 100%;\n  -webkit-animation: 1.5s rebillyExpressShine linear infinite;\n          animation: 1.5s rebillyExpressShine linear infinite;\n  border-radius: var(--rebilly-borderRadius);\n}\n\n.rebilly-instruments-loader-form-el {\n  width: 100%;\n  min-height: var(--rebilly-spacingFormElementMinHeight);\n}\n\n.rebilly-instruments-loader-form-label {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  margin-bottom: var(--rebilly-spacing2xs);\n}\n\n.rebilly-instruments-loader-form-el.is-button {\n  margin-top: var(--rebilly-spacingL);\n  text-align: center;\n  font-size: var(--rebilly-buttonFontSize);\n  font-family: var(--rebilly-buttonFontFamily);\n  line-height: var(--rebilly-buttonFontLineHeight);\n  padding: var(--rebilly-spacingS);\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  background: var(--rebilly-buttonColorBackground);\n  color: transparent;\n  border-radius: var(--rebilly-buttonBorderRadius);\n  font-weight: var(--rebilly-buttonFontWeight);\n  border: var(--rebilly-buttonBorder);\n  -webkit-box-shadow: var(--rebilly-buttonBoxShadow);\n          box-shadow: var(--rebilly-buttonBoxShadow);\n  outline: none;\n  cursor: not-allowed;\n  opacity: 0.6; \n}\n\n.rebilly-instruments-methods-loader-card-icon.is-el-loading::before {\n  border-radius: calc(var(--rebilly-borderRadius) / 2);\n}\n\n/* Error\n------------------------------------------------------------ */\n.rebilly-instruments-error-card {\n  border: 1px solid var(--rebilly-colorDanger);\n  border-radius: var(--rebilly-borderRadius);\n  text-align: left;\n  padding: var(--rebilly-spacingS);\n  margin-bottom: var(--rebilly-spacingL);\n}\n\n.rebilly-instruments-error-card-header {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  width: 100%;\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n}\n\n.rebilly-instruments-error-card-title {\n  font-weight: var(--rebilly-fontWeightBase);\n  font-size: var(--rebilly-fontSizeBase);\n  line-height: var(--rebilly-fontLineHeightBase);\n  font-family: var(--rebilly-headingFontFamily);\n  margin: 0 0 var(--rebilly-spacingS);\n  color: var(--rebilly-colorDanger);\n}\n\n.rebilly-instruments-error-card-close-button {\n  cursor: pointer;\n  background: transparent;\n  border: none;\n  padding: 0;\n}\n\n.rebilly-instruments-error-card-close-button svg {\n  width: var(--rebilly-fontLineHeightBase);\n  height: var(--rebilly-fontLineHeightBase);\n  fill: var(--rebilly-colorText);\n}\n\n.rebilly-instruments-error-card-details {\n  padding: 0;\n  margin: 0;\n  list-style: none;\n}\n\n.rebilly-instruments-error-card-details li,\n.rebilly-instruments-error-card-message {\n  color: var(--rebilly-colorText);\n  margin: 0;\n  font-weight: var(--rebilly-fontWeightBase);\n  font-size: var(--rebilly-fontSizeBase);\n  line-height: var(--rebilly-fontLineHeightBase);\n}\n\n\n/* Bump offer\n------------------------------------------------------------ */\n.rebilly-instruments-bump-offers {\n  text-align: left;\n  margin-bottom: calc(var(--rebilly-spacingM) + var(--rebilly-fontSizeS));\n}\n\n.rebilly-instruments-bump-offers .rebilly-instruments-form-field-checkbox {\n  margin-bottom: var(--rebilly-spacingS);\n}\n\n.rebilly-instruments-bump-offers .rebilly-instruments-bump-offer-label {\n  width: 100%;\n  font-weight: var(--rebilly-fontWeightBase);\n}\n\n.rebilly-instruments-bump-offer-line-item {\n  border-bottom: 1px solid var(--rebilly-colorMutedBorder);\n  padding: var(--rebilly-spacingS) 0;\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n\n.rebilly-instruments-bump-offer-line-item:first-child {\n  padding-top: 0;\n}\n\n.rebilly-instruments-bump-offer-line-item-figure {\n  margin: 0 var(--rebilly-spacingS) 0 0;\n  flex: 0 0 auto;\n  width: 48px;\n  height: 48px;\n  border-radius: var(--rebilly-borderRadius);\n  border: 1px solid var(--rebilly-colorMutedBorder);\n  overflow: hidden;\n}\n\n.rebilly-instruments-bump-offer-line-item-figure img {\n  width: 100%;\n}\n\n.rebilly-instruments-bump-offer-line-item-synopsis {\n  flex: 1 2 auto;\n  font-weight: var(--rebilly-fontWeightBase);\n}\n\n.rebilly-instruments-bump-offer-line-item-synopsis-title {\n  margin: 0;\n}\n\n.rebilly-instruments-bump-offer-line-item-synopsis-description {\n  color: var(--rebilly-colorMutedText);\n  margin: 0;\n  font-size: var(--rebilly-fontSizeS);\n  line-height: var(--rebilly-fontLineHeightS);\n}\n\n.rebilly-instruments-bump-offer-line-item-price-breakdown {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--rebilly-colorMutedText);\n  margin: 0 0 0 var(--rebilly-spacingS);\n  font-weight: var(--rebilly-fontWeightBase);\n}\n\n.rebilly-instruments-bump-offer-line-item-price-breakdown .rebilly-instruments-icon {\n  fill: var(--rebilly-colorMutedText);\n}\n\n.rebilly-instruments-bump-offer-line-item-price-breakdown-unit-price {\n  color: var(--rebilly-colorText);\n}\n\n.rebilly-instruments-bump-offer-breakdown {\n  padding: var(--rebilly-spacingS) 0;\n  border-bottom: 2px solid var(--rebilly-colorMutedBorder);\n}\n\n.rebilly-instruments-bump-offer-breakdown table {\n  width: 100%;\n  color: inherit;\n}\n\n.rebilly-instruments-bump-offer-breakdown table colgroup col:first-child {\n  width: 85%;\n}\n\n.rebilly-instruments-bump-offer-breakdown table colgroup col {\n  width: 15%;\n}\n\n.rebilly-instruments-bump-offer-breakdown table tr td {\n  text-align: right;\n}\n\n.rebilly-instruments-bump-offer-breakdown table tr td:first-child {\n  padding-right: var(--rebilly-spacingS);\n  font-weight: 500;\n}\n\n.rebilly-instruments-bump-offer-breakdown-total {\n  padding-top: var(--rebilly-spacingXs);\n  margin: var(--rebilly-spacingS) 0 0;\n  display: flex;\n  align-items: center;\n}\n\n.rebilly-instruments-bump-offer-breakdown-total-amount {\n  flex: 1 2 80%;\n  font-size: var(--rebilly-fontSizeL);\n  font-weight: var(--rebilly-headingFontWeight);\n  text-align: right;\n  letter-spacing: -0.8px;\n  line-height: 1;\n}\n\n.rebilly-instruments-bump-offer-breakdown-total-amount-has-due {\n  text-decoration: line-through;\n  font-weight: var(--rebilly-fontWeightBase);\n}\n\n.rebilly-instruments-bump-offer-breakdown-total-amount-currency {\n  font-size: var(--rebilly-fontSizeS);\n  color: var(--rebilly-colorMutedText);\n  margin-right: var(--rebilly-spacingXs);\n  font-weight: var(--rebilly-fontWeightBase);\n}\n\n.rebilly-instruments-bump-offer-breakdown-amount-due {\n  padding-top: var(--rebilly-spacingXs);\n  margin: var(--rebilly-spacingS) 0 0;\n  display: flex;\n  align-items: center;\n}\n\n.rebilly-instruments-bump-offer-breakdown-amount-due-amount {\n  flex: 1 2 80%;\n  font-size: var(--rebilly-fontSizeL);\n  font-weight: var(--rebilly-headingFontWeight);\n  text-align: right;\n  letter-spacing: -0.8px;\n  line-height: 1;\n}\n\n.rebilly-instruments-bump-offer-breakdown-amount-due-amount-currency {\n  font-size: var(--rebilly-fontSizeS);\n  color: var(--rebilly-colorMutedText);\n  margin-right: var(--rebilly-spacingXs);\n  font-weight: var(--rebilly-fontWeightBase);\n}\n`)(new Yu(e).build())}\n  `;return t})(e||{});return Cu({element:"style",attributes:{type:"text/css"},content:Zu(n),target:"head"}),t&&Cu({element:"style",attributes:{type:"text/css"},content:Zu(t),target:"head"}),n};const ec=()=>{lr.translate.init(lr.options.locale,lr.options.i18n),lr.translate.translateItems()};var tc,nc=Object.keys||function(e){return Mn(e,Fn)},rc=ke&&!Nt?Object.defineProperties:function(e,t){zt(e);for(var n,r=De(t),a=nc(t),o=a.length,i=0;o>i;)Vt.f(e,n=a[i++],r[n]);return e},ac={f:rc},oc=Ve("document","documentElement"),ic=ln("IE_PROTO"),sc=function(){},lc=function(e){return"<script>"+e+"<\/script>"},uc=function(e){e.write(lc("")),e.close();var t=e.parentWindow.Object;return e=null,t},cc=function(){try{tc=new ActiveXObject("htmlfile")}catch(e){}var e,t;cc="undefined"!=typeof document?document.domain&&tc?uc(tc):((t=Mt("iframe")).style.display="none",oc.appendChild(t),t.src=String("javascript:"),(e=t.contentWindow.document).open(),e.write(lc("document.F=Object")),e.close(),e.F):uc(tc);for(var n=Fn.length;n--;)delete cc.prototype[Fn[n]];return cc()};un[ic]=!0;var dc,pc,mc,fc=Object.create||function(e,t){var n;return null!==e?(sc.prototype=zt(e),n=new sc,sc.prototype=null,n[ic]=e):n=cc(),void 0===t?n:ac.f(n,t)},hc=!we((function(){function e(){}return e.prototype.constructor=null,Object.getPrototypeOf(new e)!==e.prototype})),yc=ln("IE_PROTO"),gc=Object,bc=gc.prototype,vc=hc?gc.getPrototypeOf:function(e){var t=yt(e);if(bt(t,yc))return t[yc];var n=t.constructor;return Ue(n)&&t instanceof n?n.prototype:t instanceof gc?bc:null},wc=Lt("iterator"),kc=!1;[].keys&&("next"in(mc=[].keys())?(pc=vc(vc(mc)))!==Object.prototype&&(dc=pc):kc=!0);var xc=null==dc||we((function(){var e={};return dc[wc].call(e)!==e}));xc&&(dc={}),Ue(dc[wc])||kn(dc,wc,(function(){return this}));var Ec={IteratorPrototype:dc,BUGGY_SAFARI_ITERATORS:kc},Sc=Vt.f,Ac=Lt("toStringTag"),Pc={},Lc=Ec.IteratorPrototype,Tc=function(){return this},Cc={};Cc[Lt("toStringTag")]="z";var Ic="[object z]"===String(Cc),_c=Lt("toStringTag"),$c=Object,Oc="Arguments"==He(function(){return arguments}()),Mc=Ic?He:function(e){var t,n,r;return void 0===e?"Undefined":null===e?"Null":"string"==typeof(n=function(e,t){try{return e[t]}catch(e){}}(t=$c(e),_c))?n:Oc?He(t):"Object"==(r=He(t))&&Ue(t.callee)?"Arguments":r},Fc=String,Rc=function(e){if("Symbol"===Mc(e))throw TypeError("Cannot convert a Symbol value to a string");return Fc(e)},Hc=Lt("match"),jc=function(){var e=zt(this),t="";return e.hasIndices&&(t+="d"),e.global&&(t+="g"),e.ignoreCase&&(t+="i"),e.multiline&&(t+="m"),e.dotAll&&(t+="s"),e.unicode&&(t+="u"),e.unicodeSets&&(t+="v"),e.sticky&&(t+="y"),t},Nc=RegExp.prototype,Bc=function(e){var t=e.flags;return void 0!==t||"flags"in Nc||bt(e,"flags")||!Xe(Nc,e)?t:Se(jc,e)},qc=function(){},zc=[],Dc=Ve("Reflect","construct"),Uc=/^\s*(?:class|function)\b/,Wc=Me(Uc.exec),Gc=!Uc.exec(qc),Vc=function(e){if(!Ue(e))return!1;try{return Dc(qc,zc,e),!0}catch(e){return!1}},Xc=function(e){if(!Ue(e))return!1;switch(Mc(e)){case"AsyncFunction":case"GeneratorFunction":case"AsyncGeneratorFunction":return!1}try{return Gc||!!Wc(Uc,rn(e))}catch(e){return!0}};Xc.sham=!0;var Kc,Jc,Yc=!Dc||we((function(){var e;return Vc(Vc.call)||!Vc(Object)||!Vc((function(){e=!0}))||e}))?Xc:Vc,Zc=TypeError,Qc=Lt("species"),ed=function(e,t){var n,r=zt(e).constructor;return void 0===r||null==(n=zt(r)[Qc])?t:function(e){if(Yc(e))return e;throw Zc(it(e)+" is not a constructor")}(n)},td=Me("".charAt),nd=Me("".charCodeAt),rd=Me("".slice),ad=function(e){return function(t,n){var r,a,o=Rc(ze(t)),i=An(n),s=o.length;return i<0||i>=s?e?"":void 0:(r=nd(o,i))<55296||r>56319||i+1===s||(a=nd(o,i+1))<56320||a>57343?e?td(o,i):r:e?rd(o,i,i+2):a-56320+(r-55296<<10)+65536}},od={codeAt:ad(!1),charAt:ad(!0)}.charAt,id=ve.RegExp,sd=we((function(){var e=id("a","y");return e.lastIndex=2,null!=e.exec("abcd")})),ld=sd||we((function(){return!id("a","y").sticky})),ud=sd||we((function(){var e=id("^r","gy");return e.lastIndex=2,null!=e.exec("str")})),cd={BROKEN_CARET:ud,MISSED_STICKY:ld,UNSUPPORTED_Y:sd},dd=ve.RegExp,pd=we((function(){var e=dd(".","s");return!(e.dotAll&&e.exec("\n")&&"s"===e.flags)})),md=ve.RegExp,fd=we((function(){var e=md("(?<a>b)","g");return"b"!==e.exec("b").groups.a||"bc"!=="b".replace(e,"$<a>c")})),hd=vn.get,yd=ft("native-string-replace",String.prototype.replace),gd=RegExp.prototype.exec,bd=gd,vd=Me("".charAt),wd=Me("".indexOf),kd=Me("".replace),xd=Me("".slice),Ed=(Jc=/b*/g,Se(gd,Kc=/a/,"a"),Se(gd,Jc,"a"),0!==Kc.lastIndex||0!==Jc.lastIndex),Sd=cd.BROKEN_CARET,Ad=void 0!==/()??/.exec("")[1];(Ed||Ad||Sd||pd||fd)&&(bd=function(e){var t,n,r,a,o,i,s,l=this,u=hd(l),c=Rc(e),d=u.raw;if(d)return d.lastIndex=l.lastIndex,t=Se(bd,d,c),l.lastIndex=d.lastIndex,t;var p=u.groups,m=Sd&&l.sticky,f=Se(jc,l),h=l.source,y=0,g=c;if(m&&(f=kd(f,"y",""),-1===wd(f,"g")&&(f+="g"),g=xd(c,l.lastIndex),l.lastIndex>0&&(!l.multiline||l.multiline&&"\n"!==vd(c,l.lastIndex-1))&&(h="(?: "+h+")",g=" "+g,y++),n=new RegExp("^(?:"+h+")",f)),Ad&&(n=new RegExp("^"+h+"$(?!\\s)",f)),Ed&&(r=l.lastIndex),a=Se(gd,m?n:l,g),m?a?(a.input=xd(a.input,y),a[0]=xd(a[0],y),a.index=l.lastIndex,l.lastIndex+=a[0].length):l.lastIndex=0:Ed&&a&&(l.lastIndex=l.global?a.index+a[0].length:r),Ad&&a&&a.length>1&&Se(yd,a[0],n,(function(){for(o=1;o<arguments.length-2;o++)void 0===arguments[o]&&(a[o]=void 0)})),a&&p)for(a.groups=i=fc(null),o=0;o<p.length;o++)i[(s=p[o])[0]]=a[s[1]];return a});var Pd=bd,Ld=TypeError,Td=Lt("matchAll"),Cd=vn.set,Id=vn.getterFor("RegExp String Iterator"),_d=RegExp.prototype,$d=TypeError,Od=Me("".indexOf),Md=Me("".matchAll),Fd=!!Md&&!we((function(){Md("a",/./)})),Rd=function(e,t,n,r){var a,o,i,s=t+" Iterator";return e.prototype=fc(Lc,{next:Ce(+!r,n)}),o=s,i=!1,(a=e)&&!i&&(a=a.prototype),a&&!bt(a,Ac)&&Sc(a,Ac,{configurable:!0,value:o}),Pc[s]=Tc,e}((function(e,t,n,r){Cd(this,{type:"RegExp String Iterator",regexp:e,string:t,global:n,unicode:r,done:!1})}),"RegExp String",(function(){var e=Id(this);if(e.done)return{value:void 0,done:!0};var t=e.regexp,n=e.string,r=function(e,t){var n=e.exec;if(Ue(n)){var r=Se(n,e,t);return null!==r&&zt(r),r}if("RegExp"===He(e))return Se(Pd,e,t);throw Ld("RegExp#exec called on incompatible receiver")}(t,n);return null===r?{value:void 0,done:e.done=!0}:e.global?(""===Rc(r[0])&&(t.lastIndex=function(e,t,n){return t+(n?od(e,t).length:1)}(n,Cn(t.lastIndex),e.unicode)),{value:r,done:!1}):(e.done=!0,{value:r,done:!1})})),Hd=function(e){var t,n,r,a=zt(this),o=Rc(e),i=ed(a,RegExp),s=Rc(Bc(a));return t=new i(i===RegExp?a.source:a,s),n=!!~Od(s,"g"),r=!!~Od(s,"u"),t.lastIndex=Cn(a.lastIndex),new Rd(t,o,n,r)};function jd(e){const t={};return function(e){const t={};function n(e){const r=e.match(/var\((.+?)\)/g);if(r){let a=e;return r.forEach((n=>{const r=n.match(/\((.*)\)/i)[1];a=e.replace(n,t[r])})),n(a)}return e}return[...e.matchAll(/(--rebilly.*(?=:))[:\s](.*(?=;))/g)].forEach((e=>{t[e[1]]=e[2].trim()})),Object.entries(t).map((([e,t])=>[e,n(t)]))}(e).forEach((([e,n])=>{t[e]=n})),t}Yn({target:"String",proto:!0,forced:Fd},{matchAll:function(e){var t,n,r,a,o,i=ze(this);if(null!=e){if(We(a=e)&&(void 0!==(o=a[Hc])?o:"RegExp"==He(a))&&(t=Rc(ze(Bc(e))),!~Od(t,"g")))throw $d("`.matchAll` does not allow non-global regexes");if(Fd)return Md(i,e);if(r=ut(e,Td))return Se(r,e,i)}else if(Fd)return Md(i,e);return n=Rc(i),new RegExp(e,"g")[Td](n)}}),Td in _d||kn(_d,Td,Hd);const Nd=(e,t="")=>({color:e[`--rebilly-${t}ColorText`],fontFamily:e[`--rebilly-${t}FontFamily`],fontSize:e[`--rebilly-${t}FontSize`],fontWeight:e[`--rebilly-${t}FontWeight`],lineHeight:e[`--rebilly-${t}FontLineHeight`],background:e[`--rebilly-${t}ColorBackground`],boxShadow:e[`--rebilly-${t}BoxShadow`]});function Bd({eventName:e,callback:t}){if(!Ja.includes(e))throw new Error(`${e} is not a supported event`);const n=pa(e);Ka[n].addEventListener(t)}async function qd({componentName:e,payload:t}){switch(e){case"result":sr.hasFrame("form")&&(sr.form.destroy(),sr.form=null),async function({payload:e}){var t,n;t=lr.form,n='<div class="rebilly-instruments-result"></div>',t.querySelector(".rebilly-instruments-content").innerHTML=n,lr.loader.startLoading({id:"rebilly-instruments-result"}),lr.loader.stopLoading({id:"express-purchase"});const r=document.querySelector(".rebilly-instruments-result"),{paymentMethodsUrl:a}=lr.options._computed,o=lr.toModel(),i={options:o.options,mainStyleVars:o.mainStyleVars,[lr.options.transactionType]:e},s=await new no({name:"rebilly-instruments-result",url:`${a}/result`,container:r,model:i});s.bindEventListeners({loader:lr.loader}),sr.form=s}({payload:t});break;case"confirmation":!async function({payload:e}){var t,n;e.billingAddress&&lr.summary&&lr.data.isPurchase&&$s({instrument:e});const r=sr.form,a=lr.toModel(),o={options:a.options,data:a.data,mainStyleVars:a.mainStyleVars,instrument:e};null==r||null===(t=r.component)||void 0===t||t.call("route",{name:"confirmation"}),null==r||null===(n=r.component)||void 0===n||n.call("update",o),document.querySelectorAll('[data-rebilly-instruments="express-method"]').forEach((e=>{e.style.overflow="hidden",e.style.height="0px"})),document.querySelectorAll('[data-rebilly-instruments="bump-offer"]').forEach((e=>{e.style.overflow="hidden",e.style.height="0px",e.style.marginBottom="0px"}))}({payload:t});break;default:throw new Error(`'${e}' not a supported component`)}}var zd=({state:e={}})=>{e.options.features.autoConfirmation&&Bd({eventName:"instrument-ready",callback:t=>{var n;if("paypal"===(null===(n=t._raw)||void 0===n?void 0:n.method)&&!e.data.isShippingRequired)return"setup"===e.options.transactionType?Eu({state:e,payload:t}):xu({state:e,payload:t}),void e.loader.startLoading({state:e,id:"express-purchase",message:"form.loaderMessages.processingPayment"});qd({componentName:"confirmation",payload:t,state:e})}}),e.options.features.autoResult&&Bd({eventName:"setup"===e.options.transactionType?"setup-completed":"purchase-completed",callback:t=>{!function({state:e,payload:t}){qd({componentName:"result",payload:t,state:e})}({state:e,payload:t})}})};async function Dd({setupFramepay:e=ju,...t}={}){try{var n,r,a;lr.data={},lr.options={},lr.form=Iu({element:"form",options:t}),lr.summary=Iu({element:"summary",options:t}),lr.form.style.maxWidth="750px",lr.summary&&(lr.summary.style.maxWidth="750px"),lr.options=Hu({options:t}),lr.storefront=_u({options:t}),lr.mainStyleVars=Qu({options:t}),lr.options.themeFramepay=(({options:e={}})=>{const t=jd(`\n    ${lr.mainStyleVars}\n    ${e.css||""}\n  `);return{base:{...Nd(t,"input"),":hover":Nd(t,"inputHover"),":focus":Nd(t,"inputFocus"),"::placeholder":Nd(t,"inputPlaceholder"),"::selection":Nd(t,"inputSelection")},invalid:{...Nd(t,"inputError"),":hover":Nd(t,"inputErrorHover"),":focus":Nd(t,"inputErrorFocus"),"::placeholder":Nd(t,"inputErrorPlaceholder"),"::selection":Nd(t,"inputErrorSelection")},buttons:{base:{...Nd(t,"buttonSecondary"),":hover":Nd(t,"buttonSecondaryHover"),":focus":Nd(t,"buttonSecondaryActive")},active:{...Nd(t,"button"),":hover":Nd(t,"buttonHover"),":focus":Nd(t,"buttonActive")}}}})({options:t}),lr.loader.addDOMElement({el:lr.form}),lr.loader.addDOMElement({section:"summary",el:lr.summary}),lr.loader.startLoading({section:"summary",id:"rebilly-instruments-summary"}),lr.loader.startLoading({id:"rebilly-instruments-form"});const[o]=await Promise.all([bu(),e()]);lr.data=o,Ka.dataReady.dispatch(lr.data),lr.i18n=(()=>{var e,t;if("auto"===lr.options.locale&&null!==(e=lr.data.riskMetadata)&&void 0!==e&&null!==(t=e.browserData)&&void 0!==t&&t.language){const{browserData:{language:e}}=lr.data.riskMetadata;lr.options.locale=e}return lr.translate.init(lr.options.locale,lr.options.i18n),ec})(),!lr.options.websiteId&&null!==(n=lr.data.transaction)&&void 0!==n&&n.websiteId?lr.options.websiteId=lr.data.transaction.websiteId:!lr.options.websiteId&&null!==(r=lr.data.invoice)&&void 0!==r&&r.websiteId&&(lr.options.websiteId=lr.data.invoice.websiteId),lr.data.transaction&&"setup"===(null===(a=lr.data.transaction)||void 0===a?void 0:a.type)&&(lr.options.transactionType="setup"),lr.form&&Tu(),lr.summary&&async function(){var e;const t=lr.toModel(),n={options:t.options,data:t.data,mainStyleVars:t.mainStyleVars},{paymentMethodsUrl:r}=null===(e=lr.options)||void 0===e?void 0:e._computed,a=await new no({name:"rebilly-instruments-summary",url:`${r}/summary`,container:lr.summary,model:n});a.bindEventListeners({loader:lr.loader}),sr.summary=a}(),lr.i18n({state:lr}),lr.hasMounted=!0,o.readyToPay.length||(lr.loader.stopLoading({id:"rebilly-instruments-form"}),Qa(lr.translate.getTranslation("form.error.noPaymentMethods")))}catch(e){throw Qa(e),e}zd({state:lr})}async function Ud(){var e;await(e=1e3,new Promise((t=>setTimeout(t,e)))),Object.keys(sr).forEach((e=>{sr.hasFrame(e)&&(sr[e].destroy(),sr[e]=null)})),Va.removeAll(document),lr.hasMounted=!1,lr.summary&&(lr.summary.textContent=""),lr.form.textContent="",hs(),lr.loader.clearAll()}function Wd({newOptions:e}){let t={};const n=Object.keys(e).some((e=>["items","money","invoiceId","transactionId"].includes(e)));return t=n?{items:null,money:null,invoiceId:null,transactionId:null}:t,t}var Gd=new class{constructor(){this.state=lr,this.iframes=sr}async mount(e){await Dd(e)}async destroy(){await Ud()}async update(e){await async function({newOptions:e={}}){if(!lr.hasMounted)throw Error("Update method cannot be called before mounting instruments");const t={...lr.options,...Wd({newOptions:e})},n=rr({...t},e);await Ud(),Dd({form:lr.form,summary:lr.summary,...n})}({newOptions:e})}async purchase(e){await xu({payload:e})}async setup(e){await Eu({payload:e})}async show(e,t){await qd({componentName:e,payload:t})}get version(){return"RebillyInstruments Ver.3.24.1-beta.0"}on(e,t){Bd({eventName:e,callback:t})}};export{Gd as default};

package/dist/index.min.js CHANGED Viewed

@@ -55,4 +55,4 @@ function _(e){var t=P(e);return null===t?null:("hsl"===t.type&&(t.values=L(t.val
         	 * @version v2.0.0
         	 * @link http://noeldelgado.github.io/values.js/
         	 * @license MIT
-        	 */var M=function(e,t){return null===e||isNaN(e)||"string"==typeof e?t:e},F=function(e,t,n){var r;void 0===e&&(e="#000"),void 0===t&&(t="base"),void 0===n&&(n=0),r=[[0,0,0],1,t,n],this.rgb=r[0],this.alpha=r[1],this.type=r[2],this.weight=r[3];var a=null===e?"#000":e;if("string"!=typeof a)throw new TypeError("Input should be a string: "+a);var o=P(a);if(!o)throw new Error("Unable to parse color from string: "+a);return this["_setFrom"+o.type.toUpperCase()](o.values.concat([o.alpha]))},R={hex:{configurable:!0}};return R.hex.get=function(){return this.hexString().replace(/^#/,"")},F.prototype.setColor=function(e){var t=P(e);return t?this["_setFrom"+t.type.toUpperCase()](t.values.concat([t.alpha])):null},F.prototype.tint=function(e,t){return void 0===t&&(t=M(e,50)),new F("rgb("+O("#fff",this.rgbString(),t).rgba+")","tint",t)},F.prototype.shade=function(e,t){return void 0===t&&(t=M(e,50)),new F("rgb("+O("#000",this.rgbString(),t).rgba+")","shade",t)},F.prototype.tints=function(e,t){var n=this;return void 0===t&&(t=M(e,10)),Array.from({length:100/t},(function(e,r){return n.tint((r+1)*t)}))},F.prototype.shades=function(e,t){var n=this;return void 0===t&&(t=M(e,10)),Array.from({length:100/t},(function(e,r){return n.shade((r+1)*t)}))},F.prototype.all=function(e){return void 0===e&&(e=10),this.tints(e).reverse().concat([Object.assign(this)],this.shades(e))},F.prototype.hexString=function(){return I(this.alpha>=1?this.rgb:this.rgb.concat([this.alpha]))},F.prototype.rgbString=function(){var e=(this.alpha>=1?this.rgb:this.rgb.concat([this.alpha])).join(", ");return(this.alpha>=1?"rgb":"rgba")+"("+e+")"},F.prototype.getBrightness=function(){return Math.round(this.rgb.reduce((function(e,t){return e+t}))/765*100)},F.prototype._setFromRGB=function(e){var t;return t=[[e[0],e[1],e[2]],e[3]],this.rgb=t[0],this.alpha=t[1],this},F.prototype._setFromHSL=function(e){var t,n=e[0],r=e[1],a=e[2],o=e[3];return t=[L([n,r,a]).map(Math.round),o],this.rgb=t[0],this.alpha=t[1],this},Object.defineProperties(F.prototype,R),F.VERSION="v2.0.0",F}()})),uc=lc;const cc=e=>new uc(e);function dc(e,t=1){if(null===e)return e;const n=cc(e);return n.alpha=t,n.rgbString()}const pc=e=>dc(e,.5),mc=(e,t)=>{if(null===e)return e;return cc(e).shade(t).hexString()};class fc{constructor(e){var t,n,r;r=["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset","initial","inherit"],(n="allStyles")in(t=this)?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,this.str=e||"";const a=this.allStyles.find((e=>this.str.includes(e))),o=this.str.split(a).map((e=>e.trim()));this.border=[o[0],a,o[1]]}get stylePosition(){let e=0;return 3===this.border.length?e=1:2===this.border.length&&(e=this.allStyles.includes(this.border[0])?0:1),e}updateColor(e){return this.border[this.stylePosition+1]=e,this}get value(){return this.border.join(" ")}}const hc={colorPrimary:{fallback:{type:"static",value:"#0044D4"}},colorBackground:{fallback:{type:"static",value:"#FFFFFF"}},colorText:{fallback:{type:"static",value:"#0D2B3E"}},colorMutedText:{fallback:{type:"func",value:e=>pc(e.colorText)}},colorMutedBorder:{fallback:{type:"func",value:e=>e.colorTextProvided?dc(e.colorText,.25):"#DCE3EA"}},colorDanger:{fallback:{type:"static",value:"#CD5C5C"}},fontFamily:{fallback:{type:"static",value:"Avenir, Helvetica, Arial, sans-serif"}},fontSizeBase:{fallback:{type:"static",value:"16px"}},fontWeightBase:{fallback:{type:"static",value:"500"}},fontLineHeightBase:{fallback:{type:"func",value:e=>`calc(${e.fontSizeBase} * 1.5)`}},fontSmooth:{fallback:{type:"static",value:"auto"}},borderRadius:{fallback:{type:"static",value:"6px"}},headingFontFamily:{fallback:{type:"variable",value:"fontFamily"}},headingFontWeight:{fallback:{type:"static",value:"600"}},headingColorText:{fallback:{type:"variable",value:"colorText"}},buttonColorBackground:{fallback:{type:"variable",value:"colorPrimary"}},buttonColorText:{fallback:{type:"static",value:"#FFFFFF"}},buttonFontFamily:{fallback:{type:"variable",value:"fontFamily"}},buttonFontSize:{fallback:{type:"variable",value:"fontSizeBase"}},buttonFontLineHeight:{fallback:{type:"variable",value:"fontLineHeightBase"}},buttonFontWeight:{fallback:{type:"variable",value:"fontWeightBase"}},buttonBorder:{fallback:{type:"static",value:"1px solid transparent"}},buttonBorderRadius:{fallback:{type:"variable",value:"borderRadius"}},buttonBoxShadow:{fallback:{type:"static",value:"none"}},buttonSecondaryColorBackground:{fallback:{type:"variable",value:"colorBackground"}},buttonSecondaryColorText:{fallback:{type:"variable",value:"colorPrimary"}},buttonSecondaryFontFamily:{fallback:{type:"variable",value:"fontFamily"}},buttonSecondaryFontSize:{fallback:{type:"variable",value:"fontSizeBase"}},buttonSecondaryFontLineHeight:{fallback:{type:"variable",value:"fontLineHeightBase"}},buttonSecondaryFontWeight:{fallback:{type:"variable",value:"fontWeightBase"}},buttonSecondaryBorder:{fallback:{type:"func",value:e=>`1px solid ${e.colorPrimary}`}},buttonSecondaryBorderRadius:{fallback:{type:"variable",value:"borderRadius"}},buttonSecondaryBoxShadow:{fallback:{type:"static",value:"none"}},buttonHoverColorBackground:{fallback:{type:"func",value:e=>e.buttonColorBackgroundProvided?mc(e.buttonColorBackground,20):mc(e.colorPrimary,20)}},buttonHoverColorText:{fallback:{type:"variable",value:"buttonColorText"}},buttonHoverFontFamily:{fallback:{type:"variable",value:"buttonFontFamily"}},buttonHoverFontSize:{fallback:{type:"variable",value:"buttonFontSize"}},buttonHoverFontLineHeight:{fallback:{type:"variable",value:"buttonFontLineHeight"}},buttonHoverFontWeight:{fallback:{type:"variable",value:"buttonFontWeight"}},buttonHoverBorder:{fallback:{type:"func",value:e=>{if(e.buttonBorderProvided)return e.buttonBorder;return new fc(e.buttonBorder).updateColor(e.buttonHoverColorBackground).value}}},buttonHoverBorderRadius:{fallback:{type:"variable",value:"buttonBorderRadius"}},buttonHoverBoxShadow:{fallback:{type:"variable",value:"buttonBoxShadow"}},buttonSecondaryHoverColorBackground:{fallback:{type:"variable",value:"colorBackground"}},buttonSecondaryHoverColorText:{fallback:{type:"variable",value:"buttonSecondaryColorText"}},buttonSecondaryHoverFontFamily:{fallback:{type:"variable",value:"buttonSecondaryFontFamily"}},buttonSecondaryHoverFontSize:{fallback:{type:"variable",value:"buttonSecondaryFontSize"}},buttonSecondaryHoverFontLineHeight:{fallback:{type:"variable",value:"buttonSecondaryFontLineHeight"}},buttonSecondaryHoverFontWeight:{fallback:{type:"variable",value:"buttonSecondaryFontWeight"}},buttonSecondaryHoverBorder:{fallback:{type:"variable",value:"buttonSecondaryBorder"}},buttonSecondaryHoverBorderRadius:{fallback:{type:"variable",value:"buttonSecondaryBorderRadius"}},buttonSecondaryHoverBoxShadow:{fallback:{type:"variable",value:"buttonSecondaryBoxShadow"}},buttonActiveColorBackground:{fallback:{type:"variable",value:"buttonHoverColorBackground"}},buttonActiveColorText:{fallback:{type:"variable",value:"buttonHoverColorText"}},buttonActiveFontFamily:{fallback:{type:"variable",value:"buttonHoverFontFamily"}},buttonActiveFontSize:{fallback:{type:"variable",value:"buttonHoverFontSize"}},buttonActiveFontLineHeight:{fallback:{type:"variable",value:"buttonHoverFontLineHeight"}},buttonActiveFontWeight:{fallback:{type:"variable",value:"buttonHoverFontWeight"}},buttonActiveBorder:{fallback:{type:"variable",value:"buttonHoverBorder"}},buttonActiveBorderRadius:{fallback:{type:"variable",value:"buttonHoverBorderRadius"}},buttonActiveBoxShadow:{fallback:{type:"variable",value:"buttonHoverBoxShadow"}},buttonSecondaryActiveColorBackground:{fallback:{type:"variable",value:"buttonSecondaryHoverColorBackground"}},buttonSecondaryActiveColorText:{fallback:{type:"variable",value:"buttonSecondaryHoverColorText"}},buttonSecondaryActiveFontFamily:{fallback:{type:"variable",value:"buttonSecondaryHoverFontFamily"}},buttonSecondaryActiveFontSize:{fallback:{type:"variable",value:"buttonSecondaryHoverFontSize"}},buttonSecondaryActiveFontLineHeight:{fallback:{type:"variable",value:"buttonSecondaryHoverFontLineHeight"}},buttonSecondaryActiveFontWeight:{fallback:{type:"variable",value:"buttonSecondaryHoverFontWeight"}},buttonSecondaryActiveBorder:{fallback:{type:"variable",value:"buttonSecondaryHoverBorder"}},buttonSecondaryActiveBorderRadius:{fallback:{type:"variable",value:"buttonSecondaryHoverBorderRadius"}},buttonSecondaryActiveBoxShadow:{fallback:{type:"variable",value:"buttonSecondaryHoverBoxShadow"}},inputColorBackground:{fallback:{type:"static",value:"transparent"}},inputColorText:{fallback:{type:"variable",value:"colorText"}},inputFontFamily:{fallback:{type:"variable",value:"fontFamily"}},inputFontSize:{fallback:{type:"variable",value:"fontSizeBase"}},inputFontLineHeight:{fallback:{type:"variable",value:"fontLineHeightBase"}},inputFontWeight:{fallback:{type:"variable",value:"fontWeightBase"}},inputBorder:{fallback:{type:"func",value:e=>`1px solid ${mc(e.colorMutedBorder,4)}`}},inputBorderRadius:{fallback:{type:"variable",value:"borderRadius"}},inputBoxShadow:{fallback:{type:"static",value:"none"}},inputHoverColorBackground:{fallback:{type:"variable",value:"inputColorBackground"}},inputHoverColorText:{fallback:{type:"variable",value:"inputColorText"}},inputHoverFontFamily:{fallback:{type:"variable",value:"inputFontFamily"}},inputHoverFontSize:{fallback:{type:"variable",value:"inputFontSize"}},inputHoverFontLineHeight:{fallback:{type:"variable",value:"inputFontLineHeight"}},inputHoverFontWeight:{fallback:{type:"variable",value:"inputFontWeight"}},inputHoverBorder:{fallback:{type:"variable",value:"inputBorder"}},inputHoverBorderRadius:{fallback:{type:"variable",value:"inputBorderRadius"}},inputHoverBoxShadow:{fallback:{type:"variable",value:"inputBoxShadow"}},inputFocusColorBackground:{fallback:{type:"variable",value:"inputHoverColorBackground"}},inputFocusColorText:{fallback:{type:"variable",value:"inputHoverColorText"}},inputFocusFontFamily:{fallback:{type:"variable",value:"inputHoverFontFamily"}},inputFocusFontSize:{fallback:{type:"variable",value:"inputHoverFontSize"}},inputFocusFontLineHeight:{fallback:{type:"variable",value:"inputHoverFontLineHeight"}},inputFocusFontWeight:{fallback:{type:"variable",value:"inputHoverFontWeight"}},inputFocusBorder:{fallback:{type:"func",value:e=>{if(e.inputHoverBorderProvided)return e.inputHoverBorder;return new fc(e.inputBorder).updateColor(e.colorPrimary).value}}},inputFocusBorderRadius:{fallback:{type:"variable",value:"inputHoverBorderRadius"}},inputFocusBoxShadow:{fallback:{type:"func",value:e=>`0 0 0 1px ${e.colorPrimary}`}},inputPlaceholderColorText:{fallback:{type:"func",value:e=>e.inputColorTextProvided?pc(e.inputColorText):e.colorMutedText}},inputPlaceholderFontFamily:{fallback:{type:"variable",value:"inputFontFamily"}},inputPlaceholderFontSize:{fallback:{type:"variable",value:"inputFontSize"}},inputPlaceholderFontLineHeight:{fallback:{type:"variable",value:"inputFontLineHeight"}},inputPlaceholderFontWeight:{fallback:{type:"variable",value:"inputFontWeight"}},inputSelectionColorText:{fallback:{type:"static",value:"initial"}},inputSelectionColorBackground:{fallback:{type:"static",value:"highlight"}},inputErrorColorBackground:{fallback:{type:"variable",value:"inputColorBackground"}},inputErrorColorText:{fallback:{type:"variable",value:"colorDanger"}},inputErrorFontFamily:{fallback:{type:"variable",value:"inputFontFamily"}},inputErrorFontSize:{fallback:{type:"variable",value:"inputFontSize"}},inputErrorFontLineHeight:{fallback:{type:"variable",value:"inputFontLineHeight"}},inputErrorFontWeight:{fallback:{type:"variable",value:"inputFontWeight"}},inputErrorBorder:{fallback:{type:"func",value:e=>{if(e.inputBorderProvided){return new fc(e.inputBorder).updateColor(e.colorDanger).value}return`1px solid ${e.colorDanger}`}}},inputErrorBorderRadius:{fallback:{type:"variable",value:"inputBorderRadius"}},inputErrorBoxShadow:{fallback:{type:"variable",value:"inputBoxShadow"}},inputErrorHoverColorBackground:{fallback:{type:"variable",value:"inputErrorColorBackground"}},inputErrorHoverColorText:{fallback:{type:"variable",value:"inputErrorColorText"}},inputErrorHoverFontFamily:{fallback:{type:"variable",value:"inputErrorFontFamily"}},inputErrorHoverFontSize:{fallback:{type:"variable",value:"inputErrorFontSize"}},inputErrorHoverFontLineHeight:{fallback:{type:"variable",value:"inputErrorFontLineHeight"}},inputErrorHoverFontWeight:{fallback:{type:"variable",value:"inputErrorFontWeight"}},inputErrorHoverBorder:{fallback:{type:"variable",value:"inputErrorBorder"}},inputErrorHoverBorderRadius:{fallback:{type:"variable",value:"inputErrorBorderRadius"}},inputErrorHoverBoxShadow:{fallback:{type:"variable",value:"inputErrorBoxShadow"}},inputErrorFocusColorBackground:{fallback:{type:"variable",value:"inputErrorHoverColorBackground"}},inputErrorFocusColorText:{fallback:{type:"variable",value:"inputErrorHoverColorText"}},inputErrorFocusFontFamily:{fallback:{type:"variable",value:"inputErrorHoverFontFamily"}},inputErrorFocusFontSize:{fallback:{type:"variable",value:"inputErrorHoverFontSize"}},inputErrorFocusFontLineHeight:{fallback:{type:"variable",value:"inputErrorHoverFontLineHeight"}},inputErrorFocusFontWeight:{fallback:{type:"variable",value:"inputErrorHoverFontWeight"}},inputErrorFocusBorder:{fallback:{type:"variable",value:"inputErrorHoverBorder"}},inputErrorFocusBorderRadius:{fallback:{type:"variable",value:"inputErrorHoverBorderRadius"}},inputErrorFocusBoxShadow:{fallback:{type:"variable",value:"inputErrorHoverBoxShadow"}},inputErrorPlaceholderColorText:{fallback:{type:"func",value:e=>e.inputErrorColorTextProvided?pc(e.inputErrorColorText):pc(e.colorDanger)}},inputErrorPlaceholderFontFamily:{fallback:{type:"variable",value:"inputPlaceholderFontFamily"}},inputErrorPlaceholderFontSize:{fallback:{type:"variable",value:"inputPlaceholderFontSize"}},inputErrorPlaceholderFontLineHeight:{fallback:{type:"variable",value:"inputPlaceholderFontLineHeight"}},inputErrorPlaceholderFontWeight:{fallback:{type:"variable",value:"inputPlaceholderFontWeight"}},inputErrorSelectionColorText:{fallback:{type:"variable",value:"inputSelectionColorText"}},inputErrorSelectionColorBackground:{fallback:{type:"variable",value:"inputSelectionColorBackground"}},labels:{fallback:{type:"static",value:"floating"}}};var yc,gc,bc,vc=new Proxy(hc,{get(e,t,n){if(t in e){if(e[t].value)return e[t].value;const{type:r,value:a}=e[t].fallback;if("static"===r)return a;if("variable"===r)return`var(--rebilly-${a})`;if("func"===r)return a(n)}if(t.endsWith("Provided")){const n=t.replace("Provided","");if(n in e)return e[n].isProvided}},set:(e,t,n)=>{if(!(t in e)||!n)throw new Error(`Invalid theme option provided: ${t}`);return e[t].value=n,e[t].isProvided=!0,!0}});class wc{constructor(e={}){this.overrides=e,this.theme=vc}overrideTheme(){Object.keys(this.overrides).forEach((e=>{this.theme[e]=this.overrides[e]}))}get cssVars(){return Object.keys(this.theme).filter((e=>!wc.nonCssProperties.includes(e))).map(((e,t)=>`${t?"  ":""}--rebilly-${e}: ${this.theme[e]};`)).join("\n")}build(){return this.overrideTheme(),{cssVars:this.cssVars}}}bc=["labels"],(gc="nonCssProperties")in(yc=wc)?Object.defineProperty(yc,gc,{value:bc,enumerable:!0,configurable:!0,writable:!0}):yc[gc]=bc;function kc(e){let t=e;return t=t.replace(/\/\*(?:(?!\*\/)[\s\S])*\*\/|[\r\n\t]+/g,""),t=t.replace(/\s{2,}/g," "),t=t.replace(/\s([{:}])\s/g,"$1"),t=t.replace(/([;,])\s/g,"$1"),t=t.replace(/\s!/g,"!"),t}var xc=({options:{theme:e={},css:t}}={})=>{const n=(e=>{const t=`\n    ${(e=>`\n/* Instruments 'global' variables\n------------------------------------------------------------ */\n:root {\n  ${e.cssVars}\n\n  --rebilly-fontWeight400: 400;\n  --rebilly-fontWeight500: 500;\n  --rebilly-fontWeight600: 600;\n  --rebilly-fontScaleFactor: 1.5;\n  --rebilly-fontScaleFactorS: 0.875;\n  --rebilly-fontSizeS: calc(var(--rebilly-fontSizeBase) * var(--rebilly-fontScaleFactorS));\n  --rebilly-fontLineHeightS: calc(var(--rebilly-fontSizeS) * 1);\n\n  --rebilly-fontSizeL: calc(var(--rebilly-fontSizeBase) * var(--rebilly-fontScaleFactor));\n  --rebilly-fontLineHeightL: calc(var(--rebilly-fontLineHeightBase) * 2);\n  --rebilly-fontMarginTopL: 0;\n  --rebilly-fontMarginBottomL: var(--rebilly-fontLineHeightBase);\n\n  --rebilly-spacing2xs: calc(var(--rebilly-fontLineHeightBase) / 6);\n  --rebilly-spacingXs: calc(var(--rebilly-fontLineHeightBase) / 4);\n  --rebilly-spacingS: calc(var(--rebilly-fontLineHeightBase) / 2);\n  --rebilly-spacingM: var(--rebilly-fontLineHeightBase);\n  --rebilly-spacingL: calc(var(--rebilly-fontLineHeightBase) * 2);\n  --rebilly-spacingXl: calc(var(--rebilly-fontLineHeightBase) * 4);\n\n  --rebilly-spacingFormElementMinHeight: calc(var(--rebilly-spacingM) * 1.83333);\n\n  --rebilly-summaryLoaderMinHeight: var(--rebilly-fontLineHeightBase);\n  --rebilly-methodLoaderMinHeight: calc((4 * var(--rebilly-spacingFormElementMinHeight)) + (2 * var(--rebilly-fontLineHeightBase)) + (2 * var(--rebilly-spacingM)) + var(--rebilly-spacing2xs) + var(--rebilly-fontSizeS) + calc(2 * (var(--rebilly-spacingXs) + var(--rebilly-spacingS))) + var(--rebilly-spacingL));\n}\n\n/* Base, Typography\n------------------------------------------------------------ */\n/* Base setup for top level elements */\n.rebilly-instruments-content {\n  color: var(--rebilly-colorText);\n  background: var(--rebilly-colorBackground);\n  font-size: var(--rebilly-fontSizeBase);\n  font-weight: var(--rebilly-fontWeightBase);\n  line-height: var(--rebilly-fontLineHeightBase);\n  font-family: var(--rebilly-fontFamily);\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-align: left;\n  transition: all 200ms;\n  font-smooth: var(--rebilly-fontSmooth);\n  padding: 2px;\n  font-display: swap;\n}\n\n/* Views. Method Selector\n------------------------------------------------------------ */\n.rebilly-instruments-method-selector.has-express-compact {\n  padding-top: var(--rebilly-spacingS);\n}\n\n/* Express Methods\n------------------------------------------------------------ */\n@-webkit-keyframes rebillyExpressShine {\n  to {\n    background-position-x: -200%;\n  }\n}\n@keyframes rebillyExpressShine {\n  to {\n    background-position-x: -200%;\n  }\n}\n\n.rebilly-instruments-express-methods { padding: 2px; }\n\n.rebilly-instruments-express-methods.is-compact {\n  border: 1px solid var(--rebilly-colorMutedBorder);\n  padding: var(--rebilly-spacingS);\n  padding-top: calc(var(--rebilly-spacingXs) + var(--rebilly-spacingS));\n  padding-top: calc(var(--rebilly-fontSizeBase) + var(--rebilly-spacing2xs));\n  border-radius: var(--rebilly-borderRadius);\n  position: relative;\n}\n\n.rebilly-instruments-express-methods .rebilly-instruments-iframe {\n  display: block;\n  margin-bottom: 0;\n  height: var(--rebilly-spacingFormElementMinHeight);\n}\n\n.rebilly-instruments-express-methods .rebilly-instruments-express-methods-container > * {\n  border-radius: 6px;\n  margin-bottom: var(--rebilly-spacingS);\n  background: linear-gradient(110deg, var(--rebilly-colorMutedBorder) 0%, var(--rebilly-colorBackground) 25%, var(--rebilly-colorMutedBorder) 50%);\n  background-size: 200% 100%;\n  -webkit-animation: 1.5s rebillyExpressShine linear infinite;\n          animation: 1.5s rebillyExpressShine linear infinite;\n  height: 44px;\n}\n\n.rebilly-instruments-express-methods .rebilly-instruments-express-methods-container > *:last-child {\n  margin: 0;\n}\n\n.rebilly-instruments-express-methods.is-compact .rebilly-instruments-express-methods-container {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n}\n\n.rebilly-instruments-express-methods.is-compact .rebilly-instruments-express-methods-container > * {\n  -webkit-box-flex: 1;\n      -ms-flex: 1 1 0px;\n          flex: 1 1 0px;\n  max-width: 260px;\n  margin: 0 var(--rebilly-spacingXs);\n}\n\n.rebilly-instruments-express-methods.is-compact .rebilly-instruments-express-methods-container > *:first-child {\n  margin-left: 0;\n}\n\n.rebilly-instruments-express-methods.is-compact .rebilly-instruments-express-methods-container > *:last-child {\n  margin-right: 0;\n}\n\n.rebilly-instruments-express-methods .rebilly-instruments-express-methods-label {\n  display: none;\n}\n\n.rebilly-instruments-express-methods.is-compact .rebilly-instruments-express-methods-label {\n  position: absolute;\n  font-family: var(--rebilly-fontFamily);\n  top: 0; left: 50%;\n  -webkit-transform: translateX(-50%) translateY(-50%);\n          transform: translateX(-50%) translateY(-50%);\n  color: var(--rebilly-colorText);\n  padding: var(--rebilly-spacing2xs) var(--rebilly-spacingM);\n  line-height: 1;\n  background: var(--rebilly-colorBackground);\n  display: inline-block;\n  font-weight: var(--rebilly-fontWeightBase);\n  min-height: auto;\n  margin: 0;\n  white-space: nowrap;\n}\n\n@media (max-width: 600px) {\n  .rebilly-instruments-express-methods.is-compact .rebilly-instruments-express-methods-container  {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n  }\n\n  .rebilly-instruments-express-methods.is-compact .rebilly-instruments-express-methods-container > * {\n    max-width: 100%;\n    margin: 0 0 var(--rebilly-spacingS);\n  }\n  \n  .rebilly-instruments-express-methods.is-compact .rebilly-instruments-express-methods-container > *:last-child {\n    margin: 0;\n  }\n}\n\n/* Components. Divider\n------------------------------------------------------------ */\n.rebilly-instruments-divider {\n  line-height: var(--rebilly-fontLineHeightBase);\n  padding: var(--rebilly-spacingM) 0;\n  margin: 0;\n  position: relative;\n  outline: 0;\n  border: 0;\n  text-align: center;\n  font-family: var(--rebilly-fontFamily);\n}\n\n.rebilly-instruments-divider-s { padding: var(--rebilly-spacingS) 0; }\n.rebilly-instruments-divider-xs { padding: var(--rebilly-spacingXs) 0; }\n\n.rebilly-instruments-divider::before {\n  background: var(--rebilly-colorMutedBorder);\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 50%;\n  width: 100%;\n  height: 1px;\n}\n\n.rebilly-instruments-divider .rebilly-instruments-divider-label {\n  color: var(--rebilly-colorMutedText);\n  font-weight: var(--rebilly-fontWeightBase);\n  padding: 0 var(--rebilly-spacingM);\n  line-height: var(--rebilly-fontLineHeightS);\n  background-color: var(--rebilly-colorBackground);\n  font-size: var(--rebilly-fontSizeS);\n  position: relative;\n  display: inline-block;\n}\n\n/* Components. Forms. Checkboxes\n------------------------------------------------------------ */\n.rebilly-instruments-form-field-checkbox {\n  position: relative;\n  opacity: 1;\n  align-items: center;\n  display: flex;\n  flex-direction: row-reverse;\n  justify-content: flex-start;\n  cursor: pointer;\n  transform: none;\n}\n\n.rebilly-instruments-form-field-checkbox > * {\n  cursor: pointer;\n}\n\n.rebilly-instruments-form-field-checkbox input[type="checkbox"] {\n  position: absolute;\n  opacity: 0;\n  cursor: pointer;\n  height: 0;\n  width: 0;\n}\n\n.rebilly-instruments-form-field-checkbox span {\n  position: relative;\n  top: 0;\n  left: 0;\n  width: calc(var(--rebilly-spacingM) - var(--rebilly-spacing2xs));\n  height: calc(var(--rebilly-spacingM) - var(--rebilly-spacing2xs));\n  min-width: calc(var(--rebilly-spacingM) - var(--rebilly-spacing2xs));\n  border-radius: 4px;\n  box-shadow: inset 0 0 0 2px var(--rebilly-colorMutedBorder);\n  margin-right: var(--rebilly-spacingS);\n  background-color: transparent;\n  transition: all 200ms;\n}\n\n.rebilly-instruments-form-field-checkbox span:after {\n  content: '';\n  position: absolute;\n  border: solid var(--rebilly-colorPrimary);\n  width: calc(var(--rebilly-spacingXs) + var(--rebilly-spacing2xs));\n  height: calc(var(--rebilly-spacingXs) - var(--rebilly-spacing2xs) + 2px);\n  border-width: 2px 2px 0 0;\n  border-radius: 2px;\n  top: 50%;\n  left: 50%;\n  opacity: 0;\n  transform: translateY(-60%) translateX(-50%) rotate(135deg);\n  transition: all 0.2s ease;\n}\n\n.rebilly-instruments-form-field-checkbox input[type="checkbox"]:focus ~ span {\n  box-shadow: inset 0 0 0 2px var(--rebilly-colorPrimary);\n}\n\n.rebilly-instruments-form-field-checkbox input[type="checkbox"]:checked ~ span {\n  box-shadow: inset 0 0 0 2px var(--rebilly-colorPrimary);\n}\n\n.rebilly-instruments-form-field-checkbox input[type="checkbox"]:checked ~ span:after {\n  opacity: 1;\n}\n\n.rebilly-instruments-form-field-checkbox input[type="checkbox"]:disabled ~ span {\n  opacity: 0.6;\n}\n\n/* Vendor, Postmate\n------------------------------------------------------------ */\n.rebilly-instruments-iframe {\n  border: none;\n  width: 100%;\n  height: 0;\n  padding: 0;\n}\n\n.rebilly-instruments-iframe-overlay {\n  top: -2px;\n  left: -2px;\n  width: calc(100vw + 2px);\n  height: 100vh;\n  min-height: calc(100vh + 4px);\n  position: fixed;\n  z-index: 99999999999999;\n}\n\n/* Views. Modal\n------------------------------------------------------------ */\n.rebilly-instruments-modal-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  overflow-x: hidden;\n  overflow-y: auto;\n  z-index: 1055;\n  padding: 30px;\n  width:  100%;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  -webkit-transition: all 0.12s ease-in-out;\n  transition: all 0.12s ease-in-out;\n  background-color: rgba(0,0,0,0.7);\n  opacity: 0\n}\n\n.rebilly-instruments-modal-overlay.is-visible {\n  opacity: 1;\n}\n\n.rebilly-instruments-modal-container {\n  -webkit-transition: all .24s ease-in-out;\n  transition: all .24s ease-in-out;\n  position: relative;\n  max-width: 750px;\n  background: var(--rebilly-colorBackground);\n  margin: 50px auto 20px;\n  -webkit-box-shadow: 0 19px 38px rgba(0,0,0,0.20), 0 15px 12px rgba(0,0,0,0.12);\n          box-shadow: 0 19px 38px rgba(0,0,0,0.20), 0 15px 12px rgba(0,0,0,0.12);\n  border-radius: 4px;\n  -webkit-transform: translateY(-50px);\n          transform: translateY(-50px);\n  opacity: 0;\n}\n\n.rebilly-instruments-modal-container.is-visible {\n  -webkit-transform: translateY(0);\n          transform: translateY(0);\n  opacity: 1;\n}\n\n.rebilly-instruments-modal-container.is-redirect {\n  max-width: 60vw;\n  width: auto;\n}\n\n.rebilly-instruments-modal-content {\n  -webkit-transition: all .15s;\n  transition: all .15s;\n  padding: 20px;\n  overflow: hidden;\n  background-color: var(--rebilly-colorBackground);\n  text-align: center;\n  border-radius: 4px;\n}\n\n.rebilly-instruments-modal-content .rebilly-instruments-iframe {\n  -webkit-transition: all .15s;\n  transition: all .15s;\n  height: auto;\n  min-height: 360px;\n}\n\n.rebilly-instruments-modal-container.is-redirect .rebilly-instruments-modal-content {\n  padding: 0;\n}\n\n.rebilly-instruments-modal-close {\n  position: absolute;\n  width: 30px;\n  height: 30px;\n  top: -40px;\n  right: 0;\n  fill: #FFF;\n  cursor: pointer;\n}\n\n.rebilly-instruments-modal-close:hover{\n  color: #000;\n}\n\n@media screen and (max-width: 480px) {\n  .rebilly-instruments-modal-container.is-redirect {\n    max-width: 96vw;\n    margin: 20px auto 20px;\n  }\n}\n\n/* Components. Loader\n------------------------------------------------------------ */\n.rebilly-instruments-loader {\n  text-align: left;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: none;\n  background-color: var(--rebilly-colorBackground);\n  z-index: 1000;\n  -webkit-transition: all 200ms;\n  transition: all 200ms;\n  border-radius: var(--rebilly-borderRadius);\n}\n\n.rebilly-instruments-loader.is-active {\n  display: block;\n}\n\n/* Type */\n.rebilly-instruments-loader p {\n  color: var(--rebilly-colorText);\n  display: inline-block;\n  margin: 0;\n  font-weight: var(--rebilly-fontWeightBase);\n  font-size: var(--rebilly-fontSizeBase);\n  line-height: var(--rebilly-fontLineHeightBase);\n}\n\n.rebilly-instruments-loader small {\n  color: var(--rebilly-colorText);\n  display: inline-block;\n  margin: 0;\n  font-size: var(--rebilly-fontSizeS);\n  line-height: 1;\n}\n\n/* Summary */\n.rebilly-instruments-summary-loader-total p.total {\n  font-family: var(--rebilly-fontFamily);\n  font-size: var(--rebilly-fontSizeL);\n  font-weight: var(--rebilly-headingFontWeight);\n}\n\n/* Methods */\n.rebilly-instruments-methods-loader-card-icon {\n  width: 32px;\n  height: 22px;\n  margin-left: var(--rebilly-spacing2xs);\n  margin-bottom: var(--rebilly-spacing2xs);\n}\n\n.rebilly-instruments-methods-loader-form-fields { margin: calc(var(--rebilly-spacingXs) + var(--rebilly-spacingS)) 0; }\n\n/* Spinner */\n.rebilly-instruments-loader-spinner {\n  top: 50%;\n  left: 50%;\n  position: absolute;\n  -webkit-transform: translate(-50%, -50%);\n          transform: translate(-50%, -50%);\n  border: 2px solid transparent;\n  border-top: 2px solid var(--rebilly-colorPrimary);\n  border-radius: 50%;\n  width: var(--rebilly-fontLineHeightBase);\n  height: var(--rebilly-fontLineHeightBase);\n  margin-top: calc(-1 * var(--rebilly-fontLineHeightBase) / 2);\n  margin-left: calc(-1 * var(--rebilly-fontLineHeightBase) / 2);\n  -webkit-animation: spin 0.5s ease infinite;\n          animation: spin 0.5s ease infinite;\n}\n\n@-webkit-keyframes spin {\n  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }\n  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }\n}\n\n@keyframes spin {\n  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }\n  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }\n}\n\n/* Utils */\n.rebilly-instruments-loader-display-flex { display: -webkit-box; display: -ms-flexbox; display: flex; }\n.rebilly-instruments-loader-align-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }\n.rebilly-instruments-loader-justify-space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }\n.rebilly-instruments-loader-justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }\n\n.is-el-loading {\n  position: relative;\n  color: transparent!important;\n}\n\n.is-el-loading::before {\n  position: absolute;\n  content: '';\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background: linear-gradient(110deg, var(--rebilly-colorMutedBorder) 0%, var(--rebilly-colorBackground) 25%, var(--rebilly-colorMutedBorder) 50%);\n  background-size: 200% 100%;\n  -webkit-animation: 1.5s rebillyExpressShine linear infinite;\n          animation: 1.5s rebillyExpressShine linear infinite;\n  border-radius: var(--rebilly-borderRadius);\n}\n\n.rebilly-instruments-loader-form-el {\n  width: 100%;\n  min-height: var(--rebilly-spacingFormElementMinHeight);\n}\n\n.rebilly-instruments-loader-form-label {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  margin-bottom: var(--rebilly-spacing2xs);\n}\n\n.rebilly-instruments-loader-form-el.is-button {\n  margin-top: var(--rebilly-spacingL);\n  text-align: center;\n  font-size: var(--rebilly-buttonFontSize);\n  font-family: var(--rebilly-buttonFontFamily);\n  line-height: var(--rebilly-buttonFontLineHeight);\n  padding: var(--rebilly-spacingS);\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  background: var(--rebilly-buttonColorBackground);\n  color: transparent;\n  border-radius: var(--rebilly-buttonBorderRadius);\n  font-weight: var(--rebilly-buttonFontWeight);\n  border: var(--rebilly-buttonBorder);\n  -webkit-box-shadow: var(--rebilly-buttonBoxShadow);\n          box-shadow: var(--rebilly-buttonBoxShadow);\n  outline: none;\n  cursor: not-allowed;\n  opacity: 0.6; \n}\n\n.rebilly-instruments-methods-loader-card-icon.is-el-loading::before {\n  border-radius: calc(var(--rebilly-borderRadius) / 2);\n}\n\n/* Error\n------------------------------------------------------------ */\n.rebilly-instruments-error-card {\n  border: 1px solid var(--rebilly-colorDanger);\n  border-radius: var(--rebilly-borderRadius);\n  text-align: left;\n  padding: var(--rebilly-spacingS);\n  margin-bottom: var(--rebilly-spacingL);\n}\n\n.rebilly-instruments-error-card-header {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  width: 100%;\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n}\n\n.rebilly-instruments-error-card-title {\n  font-weight: var(--rebilly-fontWeightBase);\n  font-size: var(--rebilly-fontSizeBase);\n  line-height: var(--rebilly-fontLineHeightBase);\n  font-family: var(--rebilly-headingFontFamily);\n  margin: 0 0 var(--rebilly-spacingS);\n  color: var(--rebilly-colorDanger);\n}\n\n.rebilly-instruments-error-card-close-button {\n  cursor: pointer;\n  background: transparent;\n  border: none;\n  padding: 0;\n}\n\n.rebilly-instruments-error-card-close-button svg {\n  width: var(--rebilly-fontLineHeightBase);\n  height: var(--rebilly-fontLineHeightBase);\n  fill: var(--rebilly-colorText);\n}\n\n.rebilly-instruments-error-card-details {\n  padding: 0;\n  margin: 0;\n  list-style: none;\n}\n\n.rebilly-instruments-error-card-details li,\n.rebilly-instruments-error-card-message {\n  color: var(--rebilly-colorText);\n  margin: 0;\n  font-weight: var(--rebilly-fontWeightBase);\n  font-size: var(--rebilly-fontSizeBase);\n  line-height: var(--rebilly-fontLineHeightBase);\n}\n\n\n/* Bump offer\n------------------------------------------------------------ */\n.rebilly-instruments-bump-offers {\n  text-align: left;\n  margin-bottom: calc(var(--rebilly-spacingM) + var(--rebilly-fontSizeS));\n}\n\n.rebilly-instruments-bump-offers .rebilly-instruments-form-field-checkbox {\n  margin-bottom: var(--rebilly-spacingS);\n}\n\n.rebilly-instruments-bump-offers .rebilly-instruments-bump-offer-label {\n  width: 100%;\n  font-weight: var(--rebilly-fontWeightBase);\n}\n\n.rebilly-instruments-bump-offer-line-item {\n  border-bottom: 1px solid var(--rebilly-colorMutedBorder);\n  padding: var(--rebilly-spacingS) 0;\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n\n.rebilly-instruments-bump-offer-line-item:first-child {\n  padding-top: 0;\n}\n\n.rebilly-instruments-bump-offer-line-item-figure {\n  margin: 0 var(--rebilly-spacingS) 0 0;\n  flex: 0 0 auto;\n  width: 48px;\n  height: 48px;\n  border-radius: var(--rebilly-borderRadius);\n  border: 1px solid var(--rebilly-colorMutedBorder);\n  overflow: hidden;\n}\n\n.rebilly-instruments-bump-offer-line-item-figure img {\n  width: 100%;\n}\n\n.rebilly-instruments-bump-offer-line-item-synopsis {\n  flex: 1 2 auto;\n  font-weight: var(--rebilly-fontWeightBase);\n}\n\n.rebilly-instruments-bump-offer-line-item-synopsis-title {\n  margin: 0;\n}\n\n.rebilly-instruments-bump-offer-line-item-synopsis-description {\n  color: var(--rebilly-colorMutedText);\n  margin: 0;\n  font-size: var(--rebilly-fontSizeS);\n  line-height: var(--rebilly-fontLineHeightS);\n}\n\n.rebilly-instruments-bump-offer-line-item-price-breakdown {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--rebilly-colorMutedText);\n  margin: 0 0 0 var(--rebilly-spacingS);\n  font-weight: var(--rebilly-fontWeightBase);\n}\n\n.rebilly-instruments-bump-offer-line-item-price-breakdown .rebilly-instruments-icon {\n  fill: var(--rebilly-colorMutedText);\n}\n\n.rebilly-instruments-bump-offer-line-item-price-breakdown-unit-price {\n  color: var(--rebilly-colorText);\n}\n\n.rebilly-instruments-bump-offer-breakdown {\n  padding: var(--rebilly-spacingS) 0;\n  border-bottom: 2px solid var(--rebilly-colorMutedBorder);\n}\n\n.rebilly-instruments-bump-offer-breakdown table {\n  width: 100%;\n  color: inherit;\n}\n\n.rebilly-instruments-bump-offer-breakdown table colgroup col:first-child {\n  width: 85%;\n}\n\n.rebilly-instruments-bump-offer-breakdown table colgroup col {\n  width: 15%;\n}\n\n.rebilly-instruments-bump-offer-breakdown table tr td {\n  text-align: right;\n}\n\n.rebilly-instruments-bump-offer-breakdown table tr td:first-child {\n  padding-right: var(--rebilly-spacingS);\n  font-weight: 500;\n}\n\n.rebilly-instruments-bump-offer-breakdown-total {\n  padding-top: var(--rebilly-spacingXs);\n  margin: var(--rebilly-spacingS) 0 0;\n  display: flex;\n  align-items: center;\n}\n\n.rebilly-instruments-bump-offer-breakdown-total-amount {\n  flex: 1 2 80%;\n  font-size: var(--rebilly-fontSizeL);\n  font-weight: var(--rebilly-headingFontWeight);\n  text-align: right;\n  letter-spacing: -0.8px;\n  line-height: 1;\n}\n\n.rebilly-instruments-bump-offer-breakdown-total-amount-has-due {\n  text-decoration: line-through;\n  font-weight: var(--rebilly-fontWeightBase);\n}\n\n.rebilly-instruments-bump-offer-breakdown-total-amount-currency {\n  font-size: var(--rebilly-fontSizeS);\n  color: var(--rebilly-colorMutedText);\n  margin-right: var(--rebilly-spacingXs);\n  font-weight: var(--rebilly-fontWeightBase);\n}\n\n.rebilly-instruments-bump-offer-breakdown-amount-due {\n  padding-top: var(--rebilly-spacingXs);\n  margin: var(--rebilly-spacingS) 0 0;\n  display: flex;\n  align-items: center;\n}\n\n.rebilly-instruments-bump-offer-breakdown-amount-due-amount {\n  flex: 1 2 80%;\n  font-size: var(--rebilly-fontSizeL);\n  font-weight: var(--rebilly-headingFontWeight);\n  text-align: right;\n  letter-spacing: -0.8px;\n  line-height: 1;\n}\n\n.rebilly-instruments-bump-offer-breakdown-amount-due-amount-currency {\n  font-size: var(--rebilly-fontSizeS);\n  color: var(--rebilly-colorMutedText);\n  margin-right: var(--rebilly-spacingXs);\n  font-weight: var(--rebilly-fontWeightBase);\n}\n`)(new wc(e).build())}\n  `;return t})(e||{});return Zu({element:"style",attributes:{type:"text/css"},content:kc(n),target:"head"}),t&&Zu({element:"style",attributes:{type:"text/css"},content:kc(t),target:"head"}),n};const Ec=()=>{fr.translate.init(fr.options.locale,fr.options.i18n),fr.translate.translateItems()};var Sc,Ac=Object.keys||function(e){return Bn(e,qn)},Pc=xe&&!qt?Object.defineProperties:function(e,t){Ut(e);for(var n,r=Ue(t),a=Ac(t),o=a.length,i=0;o>i;)Zt.f(e,n=a[i++],r[n]);return e},Lc={f:Pc},Tc=Xe("document","documentElement"),Cc=mn("IE_PROTO"),Ic=function(){},$c=function(e){return"<script>"+e+"</"+"script>"},_c=function(e){e.write($c("")),e.close();var t=e.parentWindow.Object;return e=null,t},Oc=function(){try{Sc=new ActiveXObject("htmlfile")}catch(e){}var e,t;Oc="undefined"!=typeof document?document.domain&&Sc?_c(Sc):((t=Rt("iframe")).style.display="none",Tc.appendChild(t),t.src=String("javascript:"),(e=t.contentWindow.document).open(),e.write($c("document.F=Object")),e.close(),e.F):_c(Sc);for(var n=qn.length;n--;)delete Oc.prototype[qn[n]];return Oc()};fn[Cc]=!0;var Mc,Fc,Rc,Hc=Object.create||function(e,t){var n;return null!==e?(Ic.prototype=Ut(e),n=new Ic,Ic.prototype=null,n[Cc]=e):n=Oc(),void 0===t?n:Lc.f(n,t)},jc=!ke((function(){function e(){}return e.prototype.constructor=null,Object.getPrototypeOf(new e)!==e.prototype})),Nc=mn("IE_PROTO"),Bc=Object,qc=Bc.prototype,Dc=jc?Bc.getPrototypeOf:function(e){var t=bt(e);if(wt(t,Nc))return t[Nc];var n=t.constructor;return We(n)&&t instanceof n?n.prototype:t instanceof Bc?qc:null},zc=Ct("iterator"),Uc=!1;[].keys&&("next"in(Rc=[].keys())?(Fc=Dc(Dc(Rc)))!==Object.prototype&&(Mc=Fc):Uc=!0);var Wc=null==Mc||ke((function(){var e={};return Mc[zc].call(e)!==e}));Wc&&(Mc={}),We(Mc[zc])||Ln(Mc,zc,(function(){return this}));var Gc={IteratorPrototype:Mc,BUGGY_SAFARI_ITERATORS:Uc},Vc=Zt.f,Xc=Ct("toStringTag"),Kc={},Jc=Gc.IteratorPrototype,Yc=function(){return this},Zc={};Zc[Ct("toStringTag")]="z";var Qc="[object z]"===String(Zc),ed=Ct("toStringTag"),td=Object,nd="Arguments"==je(function(){return arguments}()),rd=Qc?je:function(e){var t,n,r;return void 0===e?"Undefined":null===e?"Null":"string"==typeof(n=function(e,t){try{return e[t]}catch(e){}}(t=td(e),ed))?n:nd?je(t):"Object"==(r=je(t))&&We(t.callee)?"Arguments":r},ad=String,od=function(e){if("Symbol"===rd(e))throw TypeError("Cannot convert a Symbol value to a string");return ad(e)},id=Ct("match"),sd=function(){var e=Ut(this),t="";return e.hasIndices&&(t+="d"),e.global&&(t+="g"),e.ignoreCase&&(t+="i"),e.multiline&&(t+="m"),e.dotAll&&(t+="s"),e.unicode&&(t+="u"),e.unicodeSets&&(t+="v"),e.sticky&&(t+="y"),t},ld=RegExp.prototype,ud=function(e){var t=e.flags;return void 0!==t||"flags"in ld||wt(e,"flags")||!Ke(ld,e)?t:Ae(sd,e)},cd=function(){},dd=[],pd=Xe("Reflect","construct"),md=/^\s*(?:class|function)\b/,fd=Fe(md.exec),hd=!md.exec(cd),yd=function(e){if(!We(e))return!1;try{return pd(cd,dd,e),!0}catch(e){return!1}},gd=function(e){if(!We(e))return!1;switch(rd(e)){case"AsyncFunction":case"GeneratorFunction":case"AsyncGeneratorFunction":return!1}try{return hd||!!fd(md,un(e))}catch(e){return!0}};gd.sham=!0;var bd,vd,wd=!pd||ke((function(){var e;return yd(yd.call)||!yd(Object)||!yd((function(){e=!0}))||e}))?gd:yd,kd=TypeError,xd=Ct("species"),Ed=function(e,t){var n,r=Ut(e).constructor;return void 0===r||null==(n=Ut(r)[xd])?t:function(e){if(wd(e))return e;throw kd(st(e)+" is not a constructor")}(n)},Sd=Fe("".charAt),Ad=Fe("".charCodeAt),Pd=Fe("".slice),Ld=function(e){return function(t,n){var r,a,o=od(ze(t)),i=$n(n),s=o.length;return i<0||i>=s?e?"":void 0:(r=Ad(o,i))<55296||r>56319||i+1===s||(a=Ad(o,i+1))<56320||a>57343?e?Sd(o,i):r:e?Pd(o,i,i+2):a-56320+(r-55296<<10)+65536}},Td={codeAt:Ld(!1),charAt:Ld(!0)}.charAt,Cd=we.RegExp,Id=ke((function(){var e=Cd("a","y");return e.lastIndex=2,null!=e.exec("abcd")})),$d=Id||ke((function(){return!Cd("a","y").sticky})),_d=Id||ke((function(){var e=Cd("^r","gy");return e.lastIndex=2,null!=e.exec("str")})),Od={BROKEN_CARET:_d,MISSED_STICKY:$d,UNSUPPORTED_Y:Id},Md=we.RegExp,Fd=ke((function(){var e=Md(".","s");return!(e.dotAll&&e.exec("\n")&&"s"===e.flags)})),Rd=we.RegExp,Hd=ke((function(){var e=Rd("(?<a>b)","g");return"b"!==e.exec("b").groups.a||"bc"!=="b".replace(e,"$<a>c")})),jd=An.get,Nd=yt("native-string-replace",String.prototype.replace),Bd=RegExp.prototype.exec,qd=Bd,Dd=Fe("".charAt),zd=Fe("".indexOf),Ud=Fe("".replace),Wd=Fe("".slice),Gd=(vd=/b*/g,Ae(Bd,bd=/a/,"a"),Ae(Bd,vd,"a"),0!==bd.lastIndex||0!==vd.lastIndex),Vd=Od.BROKEN_CARET,Xd=void 0!==/()??/.exec("")[1];(Gd||Xd||Vd||Fd||Hd)&&(qd=function(e){var t,n,r,a,o,i,s,l=this,u=jd(l),c=od(e),d=u.raw;if(d)return d.lastIndex=l.lastIndex,t=Ae(qd,d,c),l.lastIndex=d.lastIndex,t;var p=u.groups,m=Vd&&l.sticky,f=Ae(sd,l),h=l.source,y=0,g=c;if(m&&(f=Ud(f,"y",""),-1===zd(f,"g")&&(f+="g"),g=Wd(c,l.lastIndex),l.lastIndex>0&&(!l.multiline||l.multiline&&"\n"!==Dd(c,l.lastIndex-1))&&(h="(?: "+h+")",g=" "+g,y++),n=new RegExp("^(?:"+h+")",f)),Xd&&(n=new RegExp("^"+h+"$(?!\\s)",f)),Gd&&(r=l.lastIndex),a=Ae(Bd,m?n:l,g),m?a?(a.input=Wd(a.input,y),a[0]=Wd(a[0],y),a.index=l.lastIndex,l.lastIndex+=a[0].length):l.lastIndex=0:Gd&&a&&(l.lastIndex=l.global?a.index+a[0].length:r),Xd&&a&&a.length>1&&Ae(Nd,a[0],n,(function(){for(o=1;o<arguments.length-2;o++)void 0===arguments[o]&&(a[o]=void 0)})),a&&p)for(a.groups=i=Hc(null),o=0;o<p.length;o++)i[(s=p[o])[0]]=a[s[1]];return a});var Kd=qd,Jd=TypeError,Yd=Ct("matchAll"),Zd="RegExp String",Qd="RegExp String Iterator",ep=An.set,tp=An.getterFor(Qd),np=RegExp.prototype,rp=TypeError,ap=Fe("".indexOf),op=Fe("".matchAll),ip=!!op&&!ke((function(){op("a",/./)})),sp=function(e,t,n,r){var a,o,i,s=t+" Iterator";return e.prototype=Hc(Jc,{next:Ie(+!r,n)}),o=s,i=!1,(a=e)&&!i&&(a=a.prototype),a&&!wt(a,Xc)&&Vc(a,Xc,{configurable:!0,value:o}),Kc[s]=Yc,e}((function(e,t,n,r){ep(this,{type:Qd,regexp:e,string:t,global:n,unicode:r,done:!1})}),Zd,(function(){var e=tp(this);if(e.done)return{value:void 0,done:!0};var t=e.regexp,n=e.string,r=function(e,t){var n=e.exec;if(We(n)){var r=Ae(n,e,t);return null!==r&&Ut(r),r}if("RegExp"===je(e))return Ae(Kd,e,t);throw Jd("RegExp#exec called on incompatible receiver")}(t,n);return null===r?{value:void 0,done:e.done=!0}:e.global?(""===od(r[0])&&(t.lastIndex=function(e,t,n){return t+(n?Td(e,t).length:1)}(n,Fn(t.lastIndex),e.unicode)),{value:r,done:!1}):(e.done=!0,{value:r,done:!1})})),lp=function(e){var t,n,r,a=Ut(this),o=od(e),i=Ed(a,RegExp),s=od(ud(a));return t=new i(i===RegExp?a.source:a,s),n=!!~ap(s,"g"),r=!!~ap(s,"u"),t.lastIndex=Fn(a.lastIndex),new sp(t,o,n,r)};function up(e){const t={};return function(e){const t={};function n(e){const r=e.match(/var\((.+?)\)/g);if(r){let a=e;return r.forEach((n=>{const r=n.match(/\((.*)\)/i)[1];a=e.replace(n,t[r])})),n(a)}return e}return[...e.matchAll(/(--rebilly.*(?=:))[:\s](.*(?=;))/g)].forEach((e=>{t[e[1]]=e[2].trim()})),Object.entries(t).map((([e,t])=>[e,n(t)]))}(e).forEach((([e,n])=>{t[e]=n})),t}rr({target:"String",proto:!0,forced:ip},{matchAll:function(e){var t,n,r,a,o,i=ze(this);if(null!=e){if(Ge(a=e)&&(void 0!==(o=a[id])?o:"RegExp"==je(a))&&(t=od(ze(ud(e))),!~ap(t,"g")))throw rp("`.matchAll` does not allow non-global regexes");if(ip)return op(i,e);if(r=ct(e,Yd))return Ae(r,e,i)}else if(ip)return op(i,e);return n=od(i),new RegExp(e,"g")[Yd](n)}}),Yd in np||Ln(np,Yd,lp);const cp=(e,t="")=>({color:e[`--rebilly-${t}ColorText`],fontFamily:e[`--rebilly-${t}FontFamily`],fontSize:e[`--rebilly-${t}FontSize`],fontWeight:e[`--rebilly-${t}FontWeight`],lineHeight:e[`--rebilly-${t}FontLineHeight`],background:e[`--rebilly-${t}ColorBackground`],boxShadow:e[`--rebilly-${t}BoxShadow`]});function dp({eventName:e,callback:t}){if(!wo.includes(e))throw new Error(`${e} is not a supported event`);const n=Ta(e);vo[n].addEventListener(t)}async function pp({componentName:e,payload:t}){switch(e){case"result":mr.hasFrame("form")&&(mr.form.destroy(),mr.form=null),async function({payload:e}){var t,n;t=fr.form,n='<div class="rebilly-instruments-result"></div>',t.querySelector(".rebilly-instruments-content").innerHTML=n,fr.loader.startLoading({id:"rebilly-instruments-result"}),fr.loader.stopLoading({id:"express-purchase"});const r=document.querySelector(".rebilly-instruments-result"),{paymentMethodsUrl:a}=fr.options._computed,o=fr.toModel(),i={options:o.options,mainStyleVars:o.mainStyleVars,[fr.options.transactionType]:e},s=await new Po({name:"rebilly-instruments-result",url:`${a}/result`,container:r,model:i});s.bindEventListeners({loader:fr.loader}),mr.form=s}({payload:t});break;case"confirmation":!async function({payload:e}){var t,n;e.billingAddress&&fr.summary&&fr.data.isPurchase&&tl({instrument:e});const r=mr.form,a=fr.toModel(),o={options:a.options,data:a.data,mainStyleVars:a.mainStyleVars,instrument:e};null==r||null===(t=r.component)||void 0===t||t.call("route",{name:"confirmation"}),null==r||null===(n=r.component)||void 0===n||n.call("update",o),document.querySelectorAll('[data-rebilly-instruments="express-method"]').forEach((e=>{e.style.overflow="hidden",e.style.height="0px"})),document.querySelectorAll('[data-rebilly-instruments="bump-offer"]').forEach((e=>{e.style.overflow="hidden",e.style.height="0px",e.style.marginBottom="0px"}))}({payload:t});break;default:throw new Error(`'${e}' not a supported component`)}}var mp=({state:e={}})=>{e.options.features.autoConfirmation&&dp({eventName:"instrument-ready",callback:t=>{var n;if("paypal"===(null===(n=t._raw)||void 0===n?void 0:n.method)&&!e.data.isShippingRequired)return"setup"===e.options.transactionType?Gu({state:e,payload:t}):Wu({state:e,payload:t}),void e.loader.startLoading({state:e,id:"express-purchase",message:"form.loaderMessages.processingPayment"});pp({componentName:"confirmation",payload:t,state:e})}}),e.options.features.autoResult&&dp({eventName:"setup"===e.options.transactionType?"setup-completed":"purchase-completed",callback:t=>{!function({state:e,payload:t}){pp({componentName:"result",payload:t,state:e})}({state:e,payload:t})}})};async function fp({setupFramepay:e=sc,...t}={}){try{var n,r,a;fr.data={},fr.options={},fr.form=Qu({element:"form",options:t}),fr.summary=Qu({element:"summary",options:t}),fr.form.style.maxWidth="750px",fr.summary&&(fr.summary.style.maxWidth="750px"),fr.options=ic({options:t}),fr.storefront=ec({options:t}),fr.mainStyleVars=xc({options:t}),fr.options.themeFramepay=(({options:e={}})=>{const t=up(`\n    ${fr.mainStyleVars}\n    ${e.css||""}\n  `);return{base:{...cp(t,"input"),":hover":cp(t,"inputHover"),":focus":cp(t,"inputFocus"),"::placeholder":cp(t,"inputPlaceholder"),"::selection":cp(t,"inputSelection")},invalid:{...cp(t,"inputError"),":hover":cp(t,"inputErrorHover"),":focus":cp(t,"inputErrorFocus"),"::placeholder":cp(t,"inputErrorPlaceholder"),"::selection":cp(t,"inputErrorSelection")},buttons:{base:{...cp(t,"buttonSecondary"),":hover":cp(t,"buttonSecondaryHover"),":focus":cp(t,"buttonSecondaryActive")},active:{...cp(t,"button"),":hover":cp(t,"buttonHover"),":focus":cp(t,"buttonActive")}}}})({options:t}),fr.loader.addDOMElement({el:fr.form}),fr.loader.addDOMElement({section:"summary",el:fr.summary}),fr.loader.startLoading({section:"summary",id:"rebilly-instruments-summary"}),fr.loader.startLoading({id:"rebilly-instruments-form"});const[o]=await Promise.all([qu(),e()]);fr.data=o,vo.dataReady.dispatch(fr.data),fr.i18n=(()=>{var e,t;if("auto"===fr.options.locale&&null!==(e=fr.data.riskMetadata)&&void 0!==e&&null!==(t=e.browserData)&&void 0!==t&&t.language){const{browserData:{language:e}}=fr.data.riskMetadata;fr.options.locale=e}return fr.translate.init(fr.options.locale,fr.options.i18n),Ec})(),!fr.options.websiteId&&null!==(n=fr.data.transaction)&&void 0!==n&&n.websiteId?fr.options.websiteId=fr.data.transaction.websiteId:!fr.options.websiteId&&null!==(r=fr.data.invoice)&&void 0!==r&&r.websiteId&&(fr.options.websiteId=fr.data.invoice.websiteId),fr.data.transaction&&"setup"===(null===(a=fr.data.transaction)||void 0===a?void 0:a.type)&&(fr.options.transactionType="setup"),fr.form&&Yu(),fr.summary&&async function(){var e;const t=fr.toModel(),n={options:t.options,data:t.data,mainStyleVars:t.mainStyleVars},{paymentMethodsUrl:r}=null===(e=fr.options)||void 0===e?void 0:e._computed,a=await new Po({name:"rebilly-instruments-summary",url:`${r}/summary`,container:fr.summary,model:n});a.bindEventListeners({loader:fr.loader}),mr.summary=a}(),fr.i18n({state:fr}),fr.hasMounted=!0,o.readyToPay.length||(fr.loader.stopLoading({id:"rebilly-instruments-form"}),Eo(fr.translate.getTranslation("form.error.noPaymentMethods")))}catch(e){throw Eo(e),e}mp({state:fr})}async function hp(){var e;await(e=1e3,new Promise((t=>setTimeout(t,e)))),Object.keys(mr).forEach((e=>{mr.hasFrame(e)&&(mr[e].destroy(),mr[e]=null)})),go.removeAll(document),fr.hasMounted=!1,fr.summary&&(fr.summary.textContent=""),fr.form.textContent="",js(),fr.loader.clearAll()}function yp({newOptions:e}){let t={};const n=Object.keys(e).some((e=>["items","money","invoiceId","transactionId"].includes(e)));return t=n?{items:null,money:null,invoiceId:null,transactionId:null}:t,t}var gp=new class{constructor(){this.state=fr,this.iframes=mr}async mount(e){await fp(e)}async destroy(){await hp()}async update(e){await async function({newOptions:e={}}){if(!fr.hasMounted)throw Error("Update method cannot be called before mounting instruments");const t={...fr.options,...yp({newOptions:e})},n=ur({...t},e);await hp(),fp({form:fr.form,summary:fr.summary,...n})}({newOptions:e})}async purchase(e){await Wu({payload:e})}async setup(e){await Gu({payload:e})}async show(e,t){await pp({componentName:e,payload:t})}get version(){return"RebillyInstruments Ver.3.24.0-beta.0"}on(e,t){dp({eventName:e,callback:t})}};return gp}();
+        	 */var M=function(e,t){return null===e||isNaN(e)||"string"==typeof e?t:e},F=function(e,t,n){var r;void 0===e&&(e="#000"),void 0===t&&(t="base"),void 0===n&&(n=0),r=[[0,0,0],1,t,n],this.rgb=r[0],this.alpha=r[1],this.type=r[2],this.weight=r[3];var a=null===e?"#000":e;if("string"!=typeof a)throw new TypeError("Input should be a string: "+a);var o=P(a);if(!o)throw new Error("Unable to parse color from string: "+a);return this["_setFrom"+o.type.toUpperCase()](o.values.concat([o.alpha]))},R={hex:{configurable:!0}};return R.hex.get=function(){return this.hexString().replace(/^#/,"")},F.prototype.setColor=function(e){var t=P(e);return t?this["_setFrom"+t.type.toUpperCase()](t.values.concat([t.alpha])):null},F.prototype.tint=function(e,t){return void 0===t&&(t=M(e,50)),new F("rgb("+O("#fff",this.rgbString(),t).rgba+")","tint",t)},F.prototype.shade=function(e,t){return void 0===t&&(t=M(e,50)),new F("rgb("+O("#000",this.rgbString(),t).rgba+")","shade",t)},F.prototype.tints=function(e,t){var n=this;return void 0===t&&(t=M(e,10)),Array.from({length:100/t},(function(e,r){return n.tint((r+1)*t)}))},F.prototype.shades=function(e,t){var n=this;return void 0===t&&(t=M(e,10)),Array.from({length:100/t},(function(e,r){return n.shade((r+1)*t)}))},F.prototype.all=function(e){return void 0===e&&(e=10),this.tints(e).reverse().concat([Object.assign(this)],this.shades(e))},F.prototype.hexString=function(){return I(this.alpha>=1?this.rgb:this.rgb.concat([this.alpha]))},F.prototype.rgbString=function(){var e=(this.alpha>=1?this.rgb:this.rgb.concat([this.alpha])).join(", ");return(this.alpha>=1?"rgb":"rgba")+"("+e+")"},F.prototype.getBrightness=function(){return Math.round(this.rgb.reduce((function(e,t){return e+t}))/765*100)},F.prototype._setFromRGB=function(e){var t;return t=[[e[0],e[1],e[2]],e[3]],this.rgb=t[0],this.alpha=t[1],this},F.prototype._setFromHSL=function(e){var t,n=e[0],r=e[1],a=e[2],o=e[3];return t=[L([n,r,a]).map(Math.round),o],this.rgb=t[0],this.alpha=t[1],this},Object.defineProperties(F.prototype,R),F.VERSION="v2.0.0",F}()})),uc=lc;const cc=e=>new uc(e);function dc(e,t=1){if(null===e)return e;const n=cc(e);return n.alpha=t,n.rgbString()}const pc=e=>dc(e,.5),mc=(e,t)=>{if(null===e)return e;return cc(e).shade(t).hexString()};class fc{constructor(e){var t,n,r;r=["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset","initial","inherit"],(n="allStyles")in(t=this)?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,this.str=e||"";const a=this.allStyles.find((e=>this.str.includes(e))),o=this.str.split(a).map((e=>e.trim()));this.border=[o[0],a,o[1]]}get stylePosition(){let e=0;return 3===this.border.length?e=1:2===this.border.length&&(e=this.allStyles.includes(this.border[0])?0:1),e}updateColor(e){return this.border[this.stylePosition+1]=e,this}get value(){return this.border.join(" ")}}const hc={colorPrimary:{fallback:{type:"static",value:"#0044D4"}},colorBackground:{fallback:{type:"static",value:"#FFFFFF"}},colorText:{fallback:{type:"static",value:"#0D2B3E"}},colorMutedText:{fallback:{type:"func",value:e=>pc(e.colorText)}},colorMutedBorder:{fallback:{type:"func",value:e=>e.colorTextProvided?dc(e.colorText,.25):"#DCE3EA"}},colorDanger:{fallback:{type:"static",value:"#CD5C5C"}},fontFamily:{fallback:{type:"static",value:"Avenir, Helvetica, Arial, sans-serif"}},fontSizeBase:{fallback:{type:"static",value:"16px"}},fontWeightBase:{fallback:{type:"static",value:"500"}},fontLineHeightBase:{fallback:{type:"func",value:e=>`calc(${e.fontSizeBase} * 1.5)`}},fontSmooth:{fallback:{type:"static",value:"auto"}},borderRadius:{fallback:{type:"static",value:"6px"}},headingFontFamily:{fallback:{type:"variable",value:"fontFamily"}},headingFontWeight:{fallback:{type:"static",value:"600"}},headingColorText:{fallback:{type:"variable",value:"colorText"}},buttonColorBackground:{fallback:{type:"variable",value:"colorPrimary"}},buttonColorText:{fallback:{type:"static",value:"#FFFFFF"}},buttonFontFamily:{fallback:{type:"variable",value:"fontFamily"}},buttonFontSize:{fallback:{type:"variable",value:"fontSizeBase"}},buttonFontLineHeight:{fallback:{type:"variable",value:"fontLineHeightBase"}},buttonFontWeight:{fallback:{type:"variable",value:"fontWeightBase"}},buttonBorder:{fallback:{type:"static",value:"1px solid transparent"}},buttonBorderRadius:{fallback:{type:"variable",value:"borderRadius"}},buttonBoxShadow:{fallback:{type:"static",value:"none"}},buttonSecondaryColorBackground:{fallback:{type:"variable",value:"colorBackground"}},buttonSecondaryColorText:{fallback:{type:"variable",value:"colorPrimary"}},buttonSecondaryFontFamily:{fallback:{type:"variable",value:"fontFamily"}},buttonSecondaryFontSize:{fallback:{type:"variable",value:"fontSizeBase"}},buttonSecondaryFontLineHeight:{fallback:{type:"variable",value:"fontLineHeightBase"}},buttonSecondaryFontWeight:{fallback:{type:"variable",value:"fontWeightBase"}},buttonSecondaryBorder:{fallback:{type:"func",value:e=>`1px solid ${e.colorPrimary}`}},buttonSecondaryBorderRadius:{fallback:{type:"variable",value:"borderRadius"}},buttonSecondaryBoxShadow:{fallback:{type:"static",value:"none"}},buttonHoverColorBackground:{fallback:{type:"func",value:e=>e.buttonColorBackgroundProvided?mc(e.buttonColorBackground,20):mc(e.colorPrimary,20)}},buttonHoverColorText:{fallback:{type:"variable",value:"buttonColorText"}},buttonHoverFontFamily:{fallback:{type:"variable",value:"buttonFontFamily"}},buttonHoverFontSize:{fallback:{type:"variable",value:"buttonFontSize"}},buttonHoverFontLineHeight:{fallback:{type:"variable",value:"buttonFontLineHeight"}},buttonHoverFontWeight:{fallback:{type:"variable",value:"buttonFontWeight"}},buttonHoverBorder:{fallback:{type:"func",value:e=>{if(e.buttonBorderProvided)return e.buttonBorder;return new fc(e.buttonBorder).updateColor(e.buttonHoverColorBackground).value}}},buttonHoverBorderRadius:{fallback:{type:"variable",value:"buttonBorderRadius"}},buttonHoverBoxShadow:{fallback:{type:"variable",value:"buttonBoxShadow"}},buttonSecondaryHoverColorBackground:{fallback:{type:"variable",value:"colorBackground"}},buttonSecondaryHoverColorText:{fallback:{type:"variable",value:"buttonSecondaryColorText"}},buttonSecondaryHoverFontFamily:{fallback:{type:"variable",value:"buttonSecondaryFontFamily"}},buttonSecondaryHoverFontSize:{fallback:{type:"variable",value:"buttonSecondaryFontSize"}},buttonSecondaryHoverFontLineHeight:{fallback:{type:"variable",value:"buttonSecondaryFontLineHeight"}},buttonSecondaryHoverFontWeight:{fallback:{type:"variable",value:"buttonSecondaryFontWeight"}},buttonSecondaryHoverBorder:{fallback:{type:"variable",value:"buttonSecondaryBorder"}},buttonSecondaryHoverBorderRadius:{fallback:{type:"variable",value:"buttonSecondaryBorderRadius"}},buttonSecondaryHoverBoxShadow:{fallback:{type:"variable",value:"buttonSecondaryBoxShadow"}},buttonActiveColorBackground:{fallback:{type:"variable",value:"buttonHoverColorBackground"}},buttonActiveColorText:{fallback:{type:"variable",value:"buttonHoverColorText"}},buttonActiveFontFamily:{fallback:{type:"variable",value:"buttonHoverFontFamily"}},buttonActiveFontSize:{fallback:{type:"variable",value:"buttonHoverFontSize"}},buttonActiveFontLineHeight:{fallback:{type:"variable",value:"buttonHoverFontLineHeight"}},buttonActiveFontWeight:{fallback:{type:"variable",value:"buttonHoverFontWeight"}},buttonActiveBorder:{fallback:{type:"variable",value:"buttonHoverBorder"}},buttonActiveBorderRadius:{fallback:{type:"variable",value:"buttonHoverBorderRadius"}},buttonActiveBoxShadow:{fallback:{type:"variable",value:"buttonHoverBoxShadow"}},buttonSecondaryActiveColorBackground:{fallback:{type:"variable",value:"buttonSecondaryHoverColorBackground"}},buttonSecondaryActiveColorText:{fallback:{type:"variable",value:"buttonSecondaryHoverColorText"}},buttonSecondaryActiveFontFamily:{fallback:{type:"variable",value:"buttonSecondaryHoverFontFamily"}},buttonSecondaryActiveFontSize:{fallback:{type:"variable",value:"buttonSecondaryHoverFontSize"}},buttonSecondaryActiveFontLineHeight:{fallback:{type:"variable",value:"buttonSecondaryHoverFontLineHeight"}},buttonSecondaryActiveFontWeight:{fallback:{type:"variable",value:"buttonSecondaryHoverFontWeight"}},buttonSecondaryActiveBorder:{fallback:{type:"variable",value:"buttonSecondaryHoverBorder"}},buttonSecondaryActiveBorderRadius:{fallback:{type:"variable",value:"buttonSecondaryHoverBorderRadius"}},buttonSecondaryActiveBoxShadow:{fallback:{type:"variable",value:"buttonSecondaryHoverBoxShadow"}},inputColorBackground:{fallback:{type:"static",value:"transparent"}},inputColorText:{fallback:{type:"variable",value:"colorText"}},inputFontFamily:{fallback:{type:"variable",value:"fontFamily"}},inputFontSize:{fallback:{type:"variable",value:"fontSizeBase"}},inputFontLineHeight:{fallback:{type:"variable",value:"fontLineHeightBase"}},inputFontWeight:{fallback:{type:"variable",value:"fontWeightBase"}},inputBorder:{fallback:{type:"func",value:e=>`1px solid ${mc(e.colorMutedBorder,4)}`}},inputBorderRadius:{fallback:{type:"variable",value:"borderRadius"}},inputBoxShadow:{fallback:{type:"static",value:"none"}},inputHoverColorBackground:{fallback:{type:"variable",value:"inputColorBackground"}},inputHoverColorText:{fallback:{type:"variable",value:"inputColorText"}},inputHoverFontFamily:{fallback:{type:"variable",value:"inputFontFamily"}},inputHoverFontSize:{fallback:{type:"variable",value:"inputFontSize"}},inputHoverFontLineHeight:{fallback:{type:"variable",value:"inputFontLineHeight"}},inputHoverFontWeight:{fallback:{type:"variable",value:"inputFontWeight"}},inputHoverBorder:{fallback:{type:"variable",value:"inputBorder"}},inputHoverBorderRadius:{fallback:{type:"variable",value:"inputBorderRadius"}},inputHoverBoxShadow:{fallback:{type:"variable",value:"inputBoxShadow"}},inputFocusColorBackground:{fallback:{type:"variable",value:"inputHoverColorBackground"}},inputFocusColorText:{fallback:{type:"variable",value:"inputHoverColorText"}},inputFocusFontFamily:{fallback:{type:"variable",value:"inputHoverFontFamily"}},inputFocusFontSize:{fallback:{type:"variable",value:"inputHoverFontSize"}},inputFocusFontLineHeight:{fallback:{type:"variable",value:"inputHoverFontLineHeight"}},inputFocusFontWeight:{fallback:{type:"variable",value:"inputHoverFontWeight"}},inputFocusBorder:{fallback:{type:"func",value:e=>{if(e.inputHoverBorderProvided)return e.inputHoverBorder;return new fc(e.inputBorder).updateColor(e.colorPrimary).value}}},inputFocusBorderRadius:{fallback:{type:"variable",value:"inputHoverBorderRadius"}},inputFocusBoxShadow:{fallback:{type:"func",value:e=>`0 0 0 1px ${e.colorPrimary}`}},inputPlaceholderColorText:{fallback:{type:"func",value:e=>e.inputColorTextProvided?pc(e.inputColorText):e.colorMutedText}},inputPlaceholderFontFamily:{fallback:{type:"variable",value:"inputFontFamily"}},inputPlaceholderFontSize:{fallback:{type:"variable",value:"inputFontSize"}},inputPlaceholderFontLineHeight:{fallback:{type:"variable",value:"inputFontLineHeight"}},inputPlaceholderFontWeight:{fallback:{type:"variable",value:"inputFontWeight"}},inputSelectionColorText:{fallback:{type:"static",value:"initial"}},inputSelectionColorBackground:{fallback:{type:"static",value:"highlight"}},inputErrorColorBackground:{fallback:{type:"variable",value:"inputColorBackground"}},inputErrorColorText:{fallback:{type:"variable",value:"colorDanger"}},inputErrorFontFamily:{fallback:{type:"variable",value:"inputFontFamily"}},inputErrorFontSize:{fallback:{type:"variable",value:"inputFontSize"}},inputErrorFontLineHeight:{fallback:{type:"variable",value:"inputFontLineHeight"}},inputErrorFontWeight:{fallback:{type:"variable",value:"inputFontWeight"}},inputErrorBorder:{fallback:{type:"func",value:e=>{if(e.inputBorderProvided){return new fc(e.inputBorder).updateColor(e.colorDanger).value}return`1px solid ${e.colorDanger}`}}},inputErrorBorderRadius:{fallback:{type:"variable",value:"inputBorderRadius"}},inputErrorBoxShadow:{fallback:{type:"variable",value:"inputBoxShadow"}},inputErrorHoverColorBackground:{fallback:{type:"variable",value:"inputErrorColorBackground"}},inputErrorHoverColorText:{fallback:{type:"variable",value:"inputErrorColorText"}},inputErrorHoverFontFamily:{fallback:{type:"variable",value:"inputErrorFontFamily"}},inputErrorHoverFontSize:{fallback:{type:"variable",value:"inputErrorFontSize"}},inputErrorHoverFontLineHeight:{fallback:{type:"variable",value:"inputErrorFontLineHeight"}},inputErrorHoverFontWeight:{fallback:{type:"variable",value:"inputErrorFontWeight"}},inputErrorHoverBorder:{fallback:{type:"variable",value:"inputErrorBorder"}},inputErrorHoverBorderRadius:{fallback:{type:"variable",value:"inputErrorBorderRadius"}},inputErrorHoverBoxShadow:{fallback:{type:"variable",value:"inputErrorBoxShadow"}},inputErrorFocusColorBackground:{fallback:{type:"variable",value:"inputErrorHoverColorBackground"}},inputErrorFocusColorText:{fallback:{type:"variable",value:"inputErrorHoverColorText"}},inputErrorFocusFontFamily:{fallback:{type:"variable",value:"inputErrorHoverFontFamily"}},inputErrorFocusFontSize:{fallback:{type:"variable",value:"inputErrorHoverFontSize"}},inputErrorFocusFontLineHeight:{fallback:{type:"variable",value:"inputErrorHoverFontLineHeight"}},inputErrorFocusFontWeight:{fallback:{type:"variable",value:"inputErrorHoverFontWeight"}},inputErrorFocusBorder:{fallback:{type:"variable",value:"inputErrorHoverBorder"}},inputErrorFocusBorderRadius:{fallback:{type:"variable",value:"inputErrorHoverBorderRadius"}},inputErrorFocusBoxShadow:{fallback:{type:"variable",value:"inputErrorHoverBoxShadow"}},inputErrorPlaceholderColorText:{fallback:{type:"func",value:e=>e.inputErrorColorTextProvided?pc(e.inputErrorColorText):pc(e.colorDanger)}},inputErrorPlaceholderFontFamily:{fallback:{type:"variable",value:"inputPlaceholderFontFamily"}},inputErrorPlaceholderFontSize:{fallback:{type:"variable",value:"inputPlaceholderFontSize"}},inputErrorPlaceholderFontLineHeight:{fallback:{type:"variable",value:"inputPlaceholderFontLineHeight"}},inputErrorPlaceholderFontWeight:{fallback:{type:"variable",value:"inputPlaceholderFontWeight"}},inputErrorSelectionColorText:{fallback:{type:"variable",value:"inputSelectionColorText"}},inputErrorSelectionColorBackground:{fallback:{type:"variable",value:"inputSelectionColorBackground"}},labels:{fallback:{type:"static",value:"floating"}}};var yc,gc,bc,vc=new Proxy(hc,{get(e,t,n){if(t in e){if(e[t].value)return e[t].value;const{type:r,value:a}=e[t].fallback;if("static"===r)return a;if("variable"===r)return`var(--rebilly-${a})`;if("func"===r)return a(n)}if(t.endsWith("Provided")){const n=t.replace("Provided","");if(n in e)return e[n].isProvided}},set:(e,t,n)=>{if(!(t in e)||!n)throw new Error(`Invalid theme option provided: ${t}`);return e[t].value=n,e[t].isProvided=!0,!0}});class wc{constructor(e={}){this.overrides=e,this.theme=vc}overrideTheme(){Object.keys(this.overrides).forEach((e=>{this.theme[e]=this.overrides[e]}))}get cssVars(){return Object.keys(this.theme).filter((e=>!wc.nonCssProperties.includes(e))).map(((e,t)=>`${t?"  ":""}--rebilly-${e}: ${this.theme[e]};`)).join("\n")}build(){return this.overrideTheme(),{cssVars:this.cssVars}}}bc=["labels"],(gc="nonCssProperties")in(yc=wc)?Object.defineProperty(yc,gc,{value:bc,enumerable:!0,configurable:!0,writable:!0}):yc[gc]=bc;function kc(e){let t=e;return t=t.replace(/\/\*(?:(?!\*\/)[\s\S])*\*\/|[\r\n\t]+/g,""),t=t.replace(/\s{2,}/g," "),t=t.replace(/\s([{:}])\s/g,"$1"),t=t.replace(/([;,])\s/g,"$1"),t=t.replace(/\s!/g,"!"),t}var xc=({options:{theme:e={},css:t}}={})=>{const n=(e=>{const t=`\n    ${(e=>`\n/* Instruments 'global' variables\n------------------------------------------------------------ */\n:root {\n  ${e.cssVars}\n\n  --rebilly-fontWeight400: 400;\n  --rebilly-fontWeight500: 500;\n  --rebilly-fontWeight600: 600;\n  --rebilly-fontScaleFactor: 1.5;\n  --rebilly-fontScaleFactorS: 0.875;\n  --rebilly-fontSizeS: calc(var(--rebilly-fontSizeBase) * var(--rebilly-fontScaleFactorS));\n  --rebilly-fontLineHeightS: calc(var(--rebilly-fontSizeS) * 1);\n\n  --rebilly-fontSizeL: calc(var(--rebilly-fontSizeBase) * var(--rebilly-fontScaleFactor));\n  --rebilly-fontLineHeightL: calc(var(--rebilly-fontLineHeightBase) * 2);\n  --rebilly-fontMarginTopL: 0;\n  --rebilly-fontMarginBottomL: var(--rebilly-fontLineHeightBase);\n\n  --rebilly-spacing2xs: calc(var(--rebilly-fontLineHeightBase) / 6);\n  --rebilly-spacingXs: calc(var(--rebilly-fontLineHeightBase) / 4);\n  --rebilly-spacingS: calc(var(--rebilly-fontLineHeightBase) / 2);\n  --rebilly-spacingM: var(--rebilly-fontLineHeightBase);\n  --rebilly-spacingL: calc(var(--rebilly-fontLineHeightBase) * 2);\n  --rebilly-spacingXl: calc(var(--rebilly-fontLineHeightBase) * 4);\n\n  --rebilly-spacingFormElementMinHeight: calc(var(--rebilly-spacingM) * 1.83333);\n\n  --rebilly-summaryLoaderMinHeight: var(--rebilly-fontLineHeightBase);\n  --rebilly-methodLoaderMinHeight: calc((4 * var(--rebilly-spacingFormElementMinHeight)) + (2 * var(--rebilly-fontLineHeightBase)) + (2 * var(--rebilly-spacingM)) + var(--rebilly-spacing2xs) + var(--rebilly-fontSizeS) + calc(2 * (var(--rebilly-spacingXs) + var(--rebilly-spacingS))) + var(--rebilly-spacingL));\n}\n\n/* Base, Typography\n------------------------------------------------------------ */\n/* Base setup for top level elements */\n.rebilly-instruments-content {\n  color: var(--rebilly-colorText);\n  background: var(--rebilly-colorBackground);\n  font-size: var(--rebilly-fontSizeBase);\n  font-weight: var(--rebilly-fontWeightBase);\n  line-height: var(--rebilly-fontLineHeightBase);\n  font-family: var(--rebilly-fontFamily);\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-align: left;\n  transition: all 200ms;\n  font-smooth: var(--rebilly-fontSmooth);\n  padding: 2px;\n  font-display: swap;\n}\n\n/* Views. Method Selector\n------------------------------------------------------------ */\n.rebilly-instruments-method-selector.has-express-compact {\n  padding-top: var(--rebilly-spacingS);\n}\n\n/* Express Methods\n------------------------------------------------------------ */\n@-webkit-keyframes rebillyExpressShine {\n  to {\n    background-position-x: -200%;\n  }\n}\n@keyframes rebillyExpressShine {\n  to {\n    background-position-x: -200%;\n  }\n}\n\n.rebilly-instruments-express-methods { padding: 2px; }\n\n.rebilly-instruments-express-methods.is-compact {\n  border: 1px solid var(--rebilly-colorMutedBorder);\n  padding: var(--rebilly-spacingS);\n  padding-top: calc(var(--rebilly-spacingXs) + var(--rebilly-spacingS));\n  padding-top: calc(var(--rebilly-fontSizeBase) + var(--rebilly-spacing2xs));\n  border-radius: var(--rebilly-borderRadius);\n  position: relative;\n}\n\n.rebilly-instruments-express-methods .rebilly-instruments-iframe {\n  display: block;\n  margin-bottom: 0;\n  height: var(--rebilly-spacingFormElementMinHeight);\n}\n\n.rebilly-instruments-express-methods .rebilly-instruments-express-methods-container > * {\n  border-radius: 6px;\n  margin-bottom: var(--rebilly-spacingS);\n  background: linear-gradient(110deg, var(--rebilly-colorMutedBorder) 0%, var(--rebilly-colorBackground) 25%, var(--rebilly-colorMutedBorder) 50%);\n  background-size: 200% 100%;\n  -webkit-animation: 1.5s rebillyExpressShine linear infinite;\n          animation: 1.5s rebillyExpressShine linear infinite;\n  height: 44px;\n}\n\n.rebilly-instruments-express-methods .rebilly-instruments-express-methods-container > *:last-child {\n  margin: 0;\n}\n\n.rebilly-instruments-express-methods.is-compact .rebilly-instruments-express-methods-container {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n}\n\n.rebilly-instruments-express-methods.is-compact .rebilly-instruments-express-methods-container > * {\n  -webkit-box-flex: 1;\n      -ms-flex: 1 1 0px;\n          flex: 1 1 0px;\n  max-width: 260px;\n  margin: 0 var(--rebilly-spacingXs);\n}\n\n.rebilly-instruments-express-methods.is-compact .rebilly-instruments-express-methods-container > *:first-child {\n  margin-left: 0;\n}\n\n.rebilly-instruments-express-methods.is-compact .rebilly-instruments-express-methods-container > *:last-child {\n  margin-right: 0;\n}\n\n.rebilly-instruments-express-methods .rebilly-instruments-express-methods-label {\n  display: none;\n}\n\n.rebilly-instruments-express-methods.is-compact .rebilly-instruments-express-methods-label {\n  position: absolute;\n  font-family: var(--rebilly-fontFamily);\n  top: 0; left: 50%;\n  -webkit-transform: translateX(-50%) translateY(-50%);\n          transform: translateX(-50%) translateY(-50%);\n  color: var(--rebilly-colorText);\n  padding: var(--rebilly-spacing2xs) var(--rebilly-spacingM);\n  line-height: 1;\n  background: var(--rebilly-colorBackground);\n  display: inline-block;\n  font-weight: var(--rebilly-fontWeightBase);\n  min-height: auto;\n  margin: 0;\n  white-space: nowrap;\n}\n\n@media (max-width: 600px) {\n  .rebilly-instruments-express-methods.is-compact .rebilly-instruments-express-methods-container  {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n  }\n\n  .rebilly-instruments-express-methods.is-compact .rebilly-instruments-express-methods-container > * {\n    max-width: 100%;\n    margin: 0 0 var(--rebilly-spacingS);\n  }\n  \n  .rebilly-instruments-express-methods.is-compact .rebilly-instruments-express-methods-container > *:last-child {\n    margin: 0;\n  }\n}\n\n/* Components. Divider\n------------------------------------------------------------ */\n.rebilly-instruments-divider {\n  line-height: var(--rebilly-fontLineHeightBase);\n  padding: var(--rebilly-spacingM) 0;\n  margin: 0;\n  position: relative;\n  outline: 0;\n  border: 0;\n  text-align: center;\n  font-family: var(--rebilly-fontFamily);\n}\n\n.rebilly-instruments-divider-s { padding: var(--rebilly-spacingS) 0; }\n.rebilly-instruments-divider-xs { padding: var(--rebilly-spacingXs) 0; }\n\n.rebilly-instruments-divider::before {\n  background: var(--rebilly-colorMutedBorder);\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 50%;\n  width: 100%;\n  height: 1px;\n}\n\n.rebilly-instruments-divider .rebilly-instruments-divider-label {\n  color: var(--rebilly-colorMutedText);\n  font-weight: var(--rebilly-fontWeightBase);\n  padding: 0 var(--rebilly-spacingM);\n  line-height: var(--rebilly-fontLineHeightS);\n  background-color: var(--rebilly-colorBackground);\n  font-size: var(--rebilly-fontSizeS);\n  position: relative;\n  display: inline-block;\n}\n\n/* Components. Icons\n------------------------------------------------------------ */\n.rebilly-instruments-icon {\n  width: var(--rebilly-fontLineHeightBase);\n  height: var(--rebilly-fontLineHeightBase);\n  fill: var(--rebilly-colorText);\n}\n\n/* Components. Forms. Checkboxes\n------------------------------------------------------------ */\n.rebilly-instruments-form-field-checkbox {\n  position: relative;\n  opacity: 1;\n  align-items: center;\n  display: flex;\n  flex-direction: row-reverse;\n  justify-content: flex-start;\n  cursor: pointer;\n  transform: none;\n}\n\n.rebilly-instruments-form-field-checkbox > * {\n  cursor: pointer;\n}\n\n.rebilly-instruments-form-field-checkbox input[type="checkbox"] {\n  position: absolute;\n  opacity: 0;\n  cursor: pointer;\n  height: 0;\n  width: 0;\n}\n\n.rebilly-instruments-form-field-checkbox span {\n  position: relative;\n  top: 0;\n  left: 0;\n  width: calc(var(--rebilly-spacingM) - var(--rebilly-spacing2xs));\n  height: calc(var(--rebilly-spacingM) - var(--rebilly-spacing2xs));\n  min-width: calc(var(--rebilly-spacingM) - var(--rebilly-spacing2xs));\n  border-radius: 4px;\n  box-shadow: inset 0 0 0 2px var(--rebilly-colorMutedBorder);\n  margin-right: var(--rebilly-spacingS);\n  background-color: transparent;\n  transition: all 200ms;\n}\n\n.rebilly-instruments-form-field-checkbox span:after {\n  content: '';\n  position: absolute;\n  border: solid var(--rebilly-colorPrimary);\n  width: calc(var(--rebilly-spacingXs) + var(--rebilly-spacing2xs));\n  height: calc(var(--rebilly-spacingXs) - var(--rebilly-spacing2xs) + 2px);\n  border-width: 2px 2px 0 0;\n  border-radius: 2px;\n  top: 50%;\n  left: 50%;\n  opacity: 0;\n  transform: translateY(-60%) translateX(-50%) rotate(135deg);\n  transition: all 0.2s ease;\n}\n\n.rebilly-instruments-form-field-checkbox input[type="checkbox"]:focus ~ span {\n  box-shadow: inset 0 0 0 2px var(--rebilly-colorPrimary);\n}\n\n.rebilly-instruments-form-field-checkbox input[type="checkbox"]:checked ~ span {\n  box-shadow: inset 0 0 0 2px var(--rebilly-colorPrimary);\n}\n\n.rebilly-instruments-form-field-checkbox input[type="checkbox"]:checked ~ span:after {\n  opacity: 1;\n}\n\n.rebilly-instruments-form-field-checkbox input[type="checkbox"]:disabled ~ span {\n  opacity: 0.6;\n}\n\n/* Vendor, Postmate\n------------------------------------------------------------ */\n.rebilly-instruments-iframe {\n  border: none;\n  width: 100%;\n  height: 0;\n  padding: 0;\n}\n\n.rebilly-instruments-iframe-overlay {\n  top: -2px;\n  left: -2px;\n  width: calc(100vw + 2px);\n  height: 100vh;\n  min-height: calc(100vh + 4px);\n  position: fixed;\n  z-index: 99999999999999;\n}\n\n/* Views. Modal\n------------------------------------------------------------ */\n.rebilly-instruments-modal-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  overflow-x: hidden;\n  overflow-y: auto;\n  z-index: 1055;\n  padding: 30px;\n  width:  100%;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  -webkit-transition: all 0.12s ease-in-out;\n  transition: all 0.12s ease-in-out;\n  background-color: rgba(0,0,0,0.7);\n  opacity: 0\n}\n\n.rebilly-instruments-modal-overlay.is-visible {\n  opacity: 1;\n}\n\n.rebilly-instruments-modal-container {\n  -webkit-transition: all .24s ease-in-out;\n  transition: all .24s ease-in-out;\n  position: relative;\n  max-width: 750px;\n  background: var(--rebilly-colorBackground);\n  margin: 50px auto 20px;\n  -webkit-box-shadow: 0 19px 38px rgba(0,0,0,0.20), 0 15px 12px rgba(0,0,0,0.12);\n          box-shadow: 0 19px 38px rgba(0,0,0,0.20), 0 15px 12px rgba(0,0,0,0.12);\n  border-radius: 4px;\n  -webkit-transform: translateY(-50px);\n          transform: translateY(-50px);\n  opacity: 0;\n}\n\n.rebilly-instruments-modal-container.is-visible {\n  -webkit-transform: translateY(0);\n          transform: translateY(0);\n  opacity: 1;\n}\n\n.rebilly-instruments-modal-container.is-redirect {\n  max-width: 60vw;\n  width: auto;\n}\n\n.rebilly-instruments-modal-content {\n  -webkit-transition: all .15s;\n  transition: all .15s;\n  padding: 20px;\n  overflow: hidden;\n  background-color: var(--rebilly-colorBackground);\n  text-align: center;\n  border-radius: 4px;\n}\n\n.rebilly-instruments-modal-content .rebilly-instruments-iframe {\n  -webkit-transition: all .15s;\n  transition: all .15s;\n  height: auto;\n  min-height: 360px;\n}\n\n.rebilly-instruments-modal-container.is-redirect .rebilly-instruments-modal-content {\n  padding: 0;\n}\n\n.rebilly-instruments-modal-close {\n  position: absolute;\n  width: 30px;\n  height: 30px;\n  top: -40px;\n  right: 0;\n  fill: #FFF;\n  cursor: pointer;\n}\n\n.rebilly-instruments-modal-close:hover{\n  color: #000;\n}\n\n@media screen and (max-width: 480px) {\n  .rebilly-instruments-modal-container.is-redirect {\n    max-width: 96vw;\n    margin: 20px auto 20px;\n  }\n}\n\n/* Components. Loader\n------------------------------------------------------------ */\n.rebilly-instruments-loader {\n  text-align: left;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: none;\n  background-color: var(--rebilly-colorBackground);\n  z-index: 1000;\n  -webkit-transition: all 200ms;\n  transition: all 200ms;\n  border-radius: var(--rebilly-borderRadius);\n}\n\n.rebilly-instruments-loader.is-active {\n  display: block;\n}\n\n/* Type */\n.rebilly-instruments-loader p {\n  color: var(--rebilly-colorText);\n  display: inline-block;\n  margin: 0;\n  font-weight: var(--rebilly-fontWeightBase);\n  font-size: var(--rebilly-fontSizeBase);\n  line-height: var(--rebilly-fontLineHeightBase);\n}\n\n.rebilly-instruments-loader small {\n  color: var(--rebilly-colorText);\n  display: inline-block;\n  margin: 0;\n  font-size: var(--rebilly-fontSizeS);\n  line-height: 1;\n}\n\n/* Summary */\n.rebilly-instruments-summary-loader-total p.total {\n  font-family: var(--rebilly-fontFamily);\n  font-size: var(--rebilly-fontSizeL);\n  font-weight: var(--rebilly-headingFontWeight);\n}\n\n/* Methods */\n.rebilly-instruments-methods-loader-card-icon {\n  width: 32px;\n  height: 22px;\n  margin-left: var(--rebilly-spacing2xs);\n  margin-bottom: var(--rebilly-spacing2xs);\n}\n\n.rebilly-instruments-methods-loader-form-fields { margin: calc(var(--rebilly-spacingXs) + var(--rebilly-spacingS)) 0; }\n\n/* Spinner */\n.rebilly-instruments-loader-spinner {\n  top: 50%;\n  left: 50%;\n  position: absolute;\n  -webkit-transform: translate(-50%, -50%);\n          transform: translate(-50%, -50%);\n  border: 2px solid transparent;\n  border-top: 2px solid var(--rebilly-colorPrimary);\n  border-radius: 50%;\n  width: var(--rebilly-fontLineHeightBase);\n  height: var(--rebilly-fontLineHeightBase);\n  margin-top: calc(-1 * var(--rebilly-fontLineHeightBase) / 2);\n  margin-left: calc(-1 * var(--rebilly-fontLineHeightBase) / 2);\n  -webkit-animation: spin 0.5s ease infinite;\n          animation: spin 0.5s ease infinite;\n}\n\n@-webkit-keyframes spin {\n  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }\n  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }\n}\n\n@keyframes spin {\n  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }\n  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }\n}\n\n/* Utils */\n.rebilly-instruments-loader-display-flex { display: -webkit-box; display: -ms-flexbox; display: flex; }\n.rebilly-instruments-loader-align-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }\n.rebilly-instruments-loader-justify-space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }\n.rebilly-instruments-loader-justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }\n\n.is-el-loading {\n  position: relative;\n  color: transparent!important;\n}\n\n.is-el-loading::before {\n  position: absolute;\n  content: '';\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background: linear-gradient(110deg, var(--rebilly-colorMutedBorder) 0%, var(--rebilly-colorBackground) 25%, var(--rebilly-colorMutedBorder) 50%);\n  background-size: 200% 100%;\n  -webkit-animation: 1.5s rebillyExpressShine linear infinite;\n          animation: 1.5s rebillyExpressShine linear infinite;\n  border-radius: var(--rebilly-borderRadius);\n}\n\n.rebilly-instruments-loader-form-el {\n  width: 100%;\n  min-height: var(--rebilly-spacingFormElementMinHeight);\n}\n\n.rebilly-instruments-loader-form-label {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  margin-bottom: var(--rebilly-spacing2xs);\n}\n\n.rebilly-instruments-loader-form-el.is-button {\n  margin-top: var(--rebilly-spacingL);\n  text-align: center;\n  font-size: var(--rebilly-buttonFontSize);\n  font-family: var(--rebilly-buttonFontFamily);\n  line-height: var(--rebilly-buttonFontLineHeight);\n  padding: var(--rebilly-spacingS);\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  background: var(--rebilly-buttonColorBackground);\n  color: transparent;\n  border-radius: var(--rebilly-buttonBorderRadius);\n  font-weight: var(--rebilly-buttonFontWeight);\n  border: var(--rebilly-buttonBorder);\n  -webkit-box-shadow: var(--rebilly-buttonBoxShadow);\n          box-shadow: var(--rebilly-buttonBoxShadow);\n  outline: none;\n  cursor: not-allowed;\n  opacity: 0.6; \n}\n\n.rebilly-instruments-methods-loader-card-icon.is-el-loading::before {\n  border-radius: calc(var(--rebilly-borderRadius) / 2);\n}\n\n/* Error\n------------------------------------------------------------ */\n.rebilly-instruments-error-card {\n  border: 1px solid var(--rebilly-colorDanger);\n  border-radius: var(--rebilly-borderRadius);\n  text-align: left;\n  padding: var(--rebilly-spacingS);\n  margin-bottom: var(--rebilly-spacingL);\n}\n\n.rebilly-instruments-error-card-header {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  width: 100%;\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n}\n\n.rebilly-instruments-error-card-title {\n  font-weight: var(--rebilly-fontWeightBase);\n  font-size: var(--rebilly-fontSizeBase);\n  line-height: var(--rebilly-fontLineHeightBase);\n  font-family: var(--rebilly-headingFontFamily);\n  margin: 0 0 var(--rebilly-spacingS);\n  color: var(--rebilly-colorDanger);\n}\n\n.rebilly-instruments-error-card-close-button {\n  cursor: pointer;\n  background: transparent;\n  border: none;\n  padding: 0;\n}\n\n.rebilly-instruments-error-card-close-button svg {\n  width: var(--rebilly-fontLineHeightBase);\n  height: var(--rebilly-fontLineHeightBase);\n  fill: var(--rebilly-colorText);\n}\n\n.rebilly-instruments-error-card-details {\n  padding: 0;\n  margin: 0;\n  list-style: none;\n}\n\n.rebilly-instruments-error-card-details li,\n.rebilly-instruments-error-card-message {\n  color: var(--rebilly-colorText);\n  margin: 0;\n  font-weight: var(--rebilly-fontWeightBase);\n  font-size: var(--rebilly-fontSizeBase);\n  line-height: var(--rebilly-fontLineHeightBase);\n}\n\n\n/* Bump offer\n------------------------------------------------------------ */\n.rebilly-instruments-bump-offers {\n  text-align: left;\n  margin-bottom: calc(var(--rebilly-spacingM) + var(--rebilly-fontSizeS));\n}\n\n.rebilly-instruments-bump-offers .rebilly-instruments-form-field-checkbox {\n  margin-bottom: var(--rebilly-spacingS);\n}\n\n.rebilly-instruments-bump-offers .rebilly-instruments-bump-offer-label {\n  width: 100%;\n  font-weight: var(--rebilly-fontWeightBase);\n}\n\n.rebilly-instruments-bump-offer-line-item {\n  border-bottom: 1px solid var(--rebilly-colorMutedBorder);\n  padding: var(--rebilly-spacingS) 0;\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n\n.rebilly-instruments-bump-offer-line-item:first-child {\n  padding-top: 0;\n}\n\n.rebilly-instruments-bump-offer-line-item-figure {\n  margin: 0 var(--rebilly-spacingS) 0 0;\n  flex: 0 0 auto;\n  width: 48px;\n  height: 48px;\n  border-radius: var(--rebilly-borderRadius);\n  border: 1px solid var(--rebilly-colorMutedBorder);\n  overflow: hidden;\n}\n\n.rebilly-instruments-bump-offer-line-item-figure img {\n  width: 100%;\n}\n\n.rebilly-instruments-bump-offer-line-item-synopsis {\n  flex: 1 2 auto;\n  font-weight: var(--rebilly-fontWeightBase);\n}\n\n.rebilly-instruments-bump-offer-line-item-synopsis-title {\n  margin: 0;\n}\n\n.rebilly-instruments-bump-offer-line-item-synopsis-description {\n  color: var(--rebilly-colorMutedText);\n  margin: 0;\n  font-size: var(--rebilly-fontSizeS);\n  line-height: var(--rebilly-fontLineHeightS);\n}\n\n.rebilly-instruments-bump-offer-line-item-price-breakdown {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--rebilly-colorMutedText);\n  margin: 0 0 0 var(--rebilly-spacingS);\n  font-weight: var(--rebilly-fontWeightBase);\n}\n\n.rebilly-instruments-bump-offer-line-item-price-breakdown .rebilly-instruments-icon {\n  fill: var(--rebilly-colorMutedText);\n}\n\n.rebilly-instruments-bump-offer-line-item-price-breakdown-unit-price {\n  color: var(--rebilly-colorText);\n}\n\n.rebilly-instruments-bump-offer-breakdown {\n  padding: var(--rebilly-spacingS) 0;\n  border-bottom: 2px solid var(--rebilly-colorMutedBorder);\n}\n\n.rebilly-instruments-bump-offer-breakdown table {\n  width: 100%;\n  color: inherit;\n}\n\n.rebilly-instruments-bump-offer-breakdown table colgroup col:first-child {\n  width: 85%;\n}\n\n.rebilly-instruments-bump-offer-breakdown table colgroup col {\n  width: 15%;\n}\n\n.rebilly-instruments-bump-offer-breakdown table tr td {\n  text-align: right;\n}\n\n.rebilly-instruments-bump-offer-breakdown table tr td:first-child {\n  padding-right: var(--rebilly-spacingS);\n  font-weight: 500;\n}\n\n.rebilly-instruments-bump-offer-breakdown-total {\n  padding-top: var(--rebilly-spacingXs);\n  margin: var(--rebilly-spacingS) 0 0;\n  display: flex;\n  align-items: center;\n}\n\n.rebilly-instruments-bump-offer-breakdown-total-amount {\n  flex: 1 2 80%;\n  font-size: var(--rebilly-fontSizeL);\n  font-weight: var(--rebilly-headingFontWeight);\n  text-align: right;\n  letter-spacing: -0.8px;\n  line-height: 1;\n}\n\n.rebilly-instruments-bump-offer-breakdown-total-amount-has-due {\n  text-decoration: line-through;\n  font-weight: var(--rebilly-fontWeightBase);\n}\n\n.rebilly-instruments-bump-offer-breakdown-total-amount-currency {\n  font-size: var(--rebilly-fontSizeS);\n  color: var(--rebilly-colorMutedText);\n  margin-right: var(--rebilly-spacingXs);\n  font-weight: var(--rebilly-fontWeightBase);\n}\n\n.rebilly-instruments-bump-offer-breakdown-amount-due {\n  padding-top: var(--rebilly-spacingXs);\n  margin: var(--rebilly-spacingS) 0 0;\n  display: flex;\n  align-items: center;\n}\n\n.rebilly-instruments-bump-offer-breakdown-amount-due-amount {\n  flex: 1 2 80%;\n  font-size: var(--rebilly-fontSizeL);\n  font-weight: var(--rebilly-headingFontWeight);\n  text-align: right;\n  letter-spacing: -0.8px;\n  line-height: 1;\n}\n\n.rebilly-instruments-bump-offer-breakdown-amount-due-amount-currency {\n  font-size: var(--rebilly-fontSizeS);\n  color: var(--rebilly-colorMutedText);\n  margin-right: var(--rebilly-spacingXs);\n  font-weight: var(--rebilly-fontWeightBase);\n}\n`)(new wc(e).build())}\n  `;return t})(e||{});return Zu({element:"style",attributes:{type:"text/css"},content:kc(n),target:"head"}),t&&Zu({element:"style",attributes:{type:"text/css"},content:kc(t),target:"head"}),n};const Ec=()=>{fr.translate.init(fr.options.locale,fr.options.i18n),fr.translate.translateItems()};var Sc,Ac=Object.keys||function(e){return Bn(e,qn)},Pc=xe&&!qt?Object.defineProperties:function(e,t){Ut(e);for(var n,r=Ue(t),a=Ac(t),o=a.length,i=0;o>i;)Zt.f(e,n=a[i++],r[n]);return e},Lc={f:Pc},Tc=Xe("document","documentElement"),Cc=mn("IE_PROTO"),Ic=function(){},$c=function(e){return"<script>"+e+"</"+"script>"},_c=function(e){e.write($c("")),e.close();var t=e.parentWindow.Object;return e=null,t},Oc=function(){try{Sc=new ActiveXObject("htmlfile")}catch(e){}var e,t;Oc="undefined"!=typeof document?document.domain&&Sc?_c(Sc):((t=Rt("iframe")).style.display="none",Tc.appendChild(t),t.src=String("javascript:"),(e=t.contentWindow.document).open(),e.write($c("document.F=Object")),e.close(),e.F):_c(Sc);for(var n=qn.length;n--;)delete Oc.prototype[qn[n]];return Oc()};fn[Cc]=!0;var Mc,Fc,Rc,Hc=Object.create||function(e,t){var n;return null!==e?(Ic.prototype=Ut(e),n=new Ic,Ic.prototype=null,n[Cc]=e):n=Oc(),void 0===t?n:Lc.f(n,t)},jc=!ke((function(){function e(){}return e.prototype.constructor=null,Object.getPrototypeOf(new e)!==e.prototype})),Nc=mn("IE_PROTO"),Bc=Object,qc=Bc.prototype,Dc=jc?Bc.getPrototypeOf:function(e){var t=bt(e);if(wt(t,Nc))return t[Nc];var n=t.constructor;return We(n)&&t instanceof n?n.prototype:t instanceof Bc?qc:null},zc=Ct("iterator"),Uc=!1;[].keys&&("next"in(Rc=[].keys())?(Fc=Dc(Dc(Rc)))!==Object.prototype&&(Mc=Fc):Uc=!0);var Wc=null==Mc||ke((function(){var e={};return Mc[zc].call(e)!==e}));Wc&&(Mc={}),We(Mc[zc])||Ln(Mc,zc,(function(){return this}));var Gc={IteratorPrototype:Mc,BUGGY_SAFARI_ITERATORS:Uc},Vc=Zt.f,Xc=Ct("toStringTag"),Kc={},Jc=Gc.IteratorPrototype,Yc=function(){return this},Zc={};Zc[Ct("toStringTag")]="z";var Qc="[object z]"===String(Zc),ed=Ct("toStringTag"),td=Object,nd="Arguments"==je(function(){return arguments}()),rd=Qc?je:function(e){var t,n,r;return void 0===e?"Undefined":null===e?"Null":"string"==typeof(n=function(e,t){try{return e[t]}catch(e){}}(t=td(e),ed))?n:nd?je(t):"Object"==(r=je(t))&&We(t.callee)?"Arguments":r},ad=String,od=function(e){if("Symbol"===rd(e))throw TypeError("Cannot convert a Symbol value to a string");return ad(e)},id=Ct("match"),sd=function(){var e=Ut(this),t="";return e.hasIndices&&(t+="d"),e.global&&(t+="g"),e.ignoreCase&&(t+="i"),e.multiline&&(t+="m"),e.dotAll&&(t+="s"),e.unicode&&(t+="u"),e.unicodeSets&&(t+="v"),e.sticky&&(t+="y"),t},ld=RegExp.prototype,ud=function(e){var t=e.flags;return void 0!==t||"flags"in ld||wt(e,"flags")||!Ke(ld,e)?t:Ae(sd,e)},cd=function(){},dd=[],pd=Xe("Reflect","construct"),md=/^\s*(?:class|function)\b/,fd=Fe(md.exec),hd=!md.exec(cd),yd=function(e){if(!We(e))return!1;try{return pd(cd,dd,e),!0}catch(e){return!1}},gd=function(e){if(!We(e))return!1;switch(rd(e)){case"AsyncFunction":case"GeneratorFunction":case"AsyncGeneratorFunction":return!1}try{return hd||!!fd(md,un(e))}catch(e){return!0}};gd.sham=!0;var bd,vd,wd=!pd||ke((function(){var e;return yd(yd.call)||!yd(Object)||!yd((function(){e=!0}))||e}))?gd:yd,kd=TypeError,xd=Ct("species"),Ed=function(e,t){var n,r=Ut(e).constructor;return void 0===r||null==(n=Ut(r)[xd])?t:function(e){if(wd(e))return e;throw kd(st(e)+" is not a constructor")}(n)},Sd=Fe("".charAt),Ad=Fe("".charCodeAt),Pd=Fe("".slice),Ld=function(e){return function(t,n){var r,a,o=od(ze(t)),i=$n(n),s=o.length;return i<0||i>=s?e?"":void 0:(r=Ad(o,i))<55296||r>56319||i+1===s||(a=Ad(o,i+1))<56320||a>57343?e?Sd(o,i):r:e?Pd(o,i,i+2):a-56320+(r-55296<<10)+65536}},Td={codeAt:Ld(!1),charAt:Ld(!0)}.charAt,Cd=we.RegExp,Id=ke((function(){var e=Cd("a","y");return e.lastIndex=2,null!=e.exec("abcd")})),$d=Id||ke((function(){return!Cd("a","y").sticky})),_d=Id||ke((function(){var e=Cd("^r","gy");return e.lastIndex=2,null!=e.exec("str")})),Od={BROKEN_CARET:_d,MISSED_STICKY:$d,UNSUPPORTED_Y:Id},Md=we.RegExp,Fd=ke((function(){var e=Md(".","s");return!(e.dotAll&&e.exec("\n")&&"s"===e.flags)})),Rd=we.RegExp,Hd=ke((function(){var e=Rd("(?<a>b)","g");return"b"!==e.exec("b").groups.a||"bc"!=="b".replace(e,"$<a>c")})),jd=An.get,Nd=yt("native-string-replace",String.prototype.replace),Bd=RegExp.prototype.exec,qd=Bd,Dd=Fe("".charAt),zd=Fe("".indexOf),Ud=Fe("".replace),Wd=Fe("".slice),Gd=(vd=/b*/g,Ae(Bd,bd=/a/,"a"),Ae(Bd,vd,"a"),0!==bd.lastIndex||0!==vd.lastIndex),Vd=Od.BROKEN_CARET,Xd=void 0!==/()??/.exec("")[1];(Gd||Xd||Vd||Fd||Hd)&&(qd=function(e){var t,n,r,a,o,i,s,l=this,u=jd(l),c=od(e),d=u.raw;if(d)return d.lastIndex=l.lastIndex,t=Ae(qd,d,c),l.lastIndex=d.lastIndex,t;var p=u.groups,m=Vd&&l.sticky,f=Ae(sd,l),h=l.source,y=0,g=c;if(m&&(f=Ud(f,"y",""),-1===zd(f,"g")&&(f+="g"),g=Wd(c,l.lastIndex),l.lastIndex>0&&(!l.multiline||l.multiline&&"\n"!==Dd(c,l.lastIndex-1))&&(h="(?: "+h+")",g=" "+g,y++),n=new RegExp("^(?:"+h+")",f)),Xd&&(n=new RegExp("^"+h+"$(?!\\s)",f)),Gd&&(r=l.lastIndex),a=Ae(Bd,m?n:l,g),m?a?(a.input=Wd(a.input,y),a[0]=Wd(a[0],y),a.index=l.lastIndex,l.lastIndex+=a[0].length):l.lastIndex=0:Gd&&a&&(l.lastIndex=l.global?a.index+a[0].length:r),Xd&&a&&a.length>1&&Ae(Nd,a[0],n,(function(){for(o=1;o<arguments.length-2;o++)void 0===arguments[o]&&(a[o]=void 0)})),a&&p)for(a.groups=i=Hc(null),o=0;o<p.length;o++)i[(s=p[o])[0]]=a[s[1]];return a});var Kd=qd,Jd=TypeError,Yd=Ct("matchAll"),Zd="RegExp String",Qd="RegExp String Iterator",ep=An.set,tp=An.getterFor(Qd),np=RegExp.prototype,rp=TypeError,ap=Fe("".indexOf),op=Fe("".matchAll),ip=!!op&&!ke((function(){op("a",/./)})),sp=function(e,t,n,r){var a,o,i,s=t+" Iterator";return e.prototype=Hc(Jc,{next:Ie(+!r,n)}),o=s,i=!1,(a=e)&&!i&&(a=a.prototype),a&&!wt(a,Xc)&&Vc(a,Xc,{configurable:!0,value:o}),Kc[s]=Yc,e}((function(e,t,n,r){ep(this,{type:Qd,regexp:e,string:t,global:n,unicode:r,done:!1})}),Zd,(function(){var e=tp(this);if(e.done)return{value:void 0,done:!0};var t=e.regexp,n=e.string,r=function(e,t){var n=e.exec;if(We(n)){var r=Ae(n,e,t);return null!==r&&Ut(r),r}if("RegExp"===je(e))return Ae(Kd,e,t);throw Jd("RegExp#exec called on incompatible receiver")}(t,n);return null===r?{value:void 0,done:e.done=!0}:e.global?(""===od(r[0])&&(t.lastIndex=function(e,t,n){return t+(n?Td(e,t).length:1)}(n,Fn(t.lastIndex),e.unicode)),{value:r,done:!1}):(e.done=!0,{value:r,done:!1})})),lp=function(e){var t,n,r,a=Ut(this),o=od(e),i=Ed(a,RegExp),s=od(ud(a));return t=new i(i===RegExp?a.source:a,s),n=!!~ap(s,"g"),r=!!~ap(s,"u"),t.lastIndex=Fn(a.lastIndex),new sp(t,o,n,r)};function up(e){const t={};return function(e){const t={};function n(e){const r=e.match(/var\((.+?)\)/g);if(r){let a=e;return r.forEach((n=>{const r=n.match(/\((.*)\)/i)[1];a=e.replace(n,t[r])})),n(a)}return e}return[...e.matchAll(/(--rebilly.*(?=:))[:\s](.*(?=;))/g)].forEach((e=>{t[e[1]]=e[2].trim()})),Object.entries(t).map((([e,t])=>[e,n(t)]))}(e).forEach((([e,n])=>{t[e]=n})),t}rr({target:"String",proto:!0,forced:ip},{matchAll:function(e){var t,n,r,a,o,i=ze(this);if(null!=e){if(Ge(a=e)&&(void 0!==(o=a[id])?o:"RegExp"==je(a))&&(t=od(ze(ud(e))),!~ap(t,"g")))throw rp("`.matchAll` does not allow non-global regexes");if(ip)return op(i,e);if(r=ct(e,Yd))return Ae(r,e,i)}else if(ip)return op(i,e);return n=od(i),new RegExp(e,"g")[Yd](n)}}),Yd in np||Ln(np,Yd,lp);const cp=(e,t="")=>({color:e[`--rebilly-${t}ColorText`],fontFamily:e[`--rebilly-${t}FontFamily`],fontSize:e[`--rebilly-${t}FontSize`],fontWeight:e[`--rebilly-${t}FontWeight`],lineHeight:e[`--rebilly-${t}FontLineHeight`],background:e[`--rebilly-${t}ColorBackground`],boxShadow:e[`--rebilly-${t}BoxShadow`]});function dp({eventName:e,callback:t}){if(!wo.includes(e))throw new Error(`${e} is not a supported event`);const n=Ta(e);vo[n].addEventListener(t)}async function pp({componentName:e,payload:t}){switch(e){case"result":mr.hasFrame("form")&&(mr.form.destroy(),mr.form=null),async function({payload:e}){var t,n;t=fr.form,n='<div class="rebilly-instruments-result"></div>',t.querySelector(".rebilly-instruments-content").innerHTML=n,fr.loader.startLoading({id:"rebilly-instruments-result"}),fr.loader.stopLoading({id:"express-purchase"});const r=document.querySelector(".rebilly-instruments-result"),{paymentMethodsUrl:a}=fr.options._computed,o=fr.toModel(),i={options:o.options,mainStyleVars:o.mainStyleVars,[fr.options.transactionType]:e},s=await new Po({name:"rebilly-instruments-result",url:`${a}/result`,container:r,model:i});s.bindEventListeners({loader:fr.loader}),mr.form=s}({payload:t});break;case"confirmation":!async function({payload:e}){var t,n;e.billingAddress&&fr.summary&&fr.data.isPurchase&&tl({instrument:e});const r=mr.form,a=fr.toModel(),o={options:a.options,data:a.data,mainStyleVars:a.mainStyleVars,instrument:e};null==r||null===(t=r.component)||void 0===t||t.call("route",{name:"confirmation"}),null==r||null===(n=r.component)||void 0===n||n.call("update",o),document.querySelectorAll('[data-rebilly-instruments="express-method"]').forEach((e=>{e.style.overflow="hidden",e.style.height="0px"})),document.querySelectorAll('[data-rebilly-instruments="bump-offer"]').forEach((e=>{e.style.overflow="hidden",e.style.height="0px",e.style.marginBottom="0px"}))}({payload:t});break;default:throw new Error(`'${e}' not a supported component`)}}var mp=({state:e={}})=>{e.options.features.autoConfirmation&&dp({eventName:"instrument-ready",callback:t=>{var n;if("paypal"===(null===(n=t._raw)||void 0===n?void 0:n.method)&&!e.data.isShippingRequired)return"setup"===e.options.transactionType?Gu({state:e,payload:t}):Wu({state:e,payload:t}),void e.loader.startLoading({state:e,id:"express-purchase",message:"form.loaderMessages.processingPayment"});pp({componentName:"confirmation",payload:t,state:e})}}),e.options.features.autoResult&&dp({eventName:"setup"===e.options.transactionType?"setup-completed":"purchase-completed",callback:t=>{!function({state:e,payload:t}){pp({componentName:"result",payload:t,state:e})}({state:e,payload:t})}})};async function fp({setupFramepay:e=sc,...t}={}){try{var n,r,a;fr.data={},fr.options={},fr.form=Qu({element:"form",options:t}),fr.summary=Qu({element:"summary",options:t}),fr.form.style.maxWidth="750px",fr.summary&&(fr.summary.style.maxWidth="750px"),fr.options=ic({options:t}),fr.storefront=ec({options:t}),fr.mainStyleVars=xc({options:t}),fr.options.themeFramepay=(({options:e={}})=>{const t=up(`\n    ${fr.mainStyleVars}\n    ${e.css||""}\n  `);return{base:{...cp(t,"input"),":hover":cp(t,"inputHover"),":focus":cp(t,"inputFocus"),"::placeholder":cp(t,"inputPlaceholder"),"::selection":cp(t,"inputSelection")},invalid:{...cp(t,"inputError"),":hover":cp(t,"inputErrorHover"),":focus":cp(t,"inputErrorFocus"),"::placeholder":cp(t,"inputErrorPlaceholder"),"::selection":cp(t,"inputErrorSelection")},buttons:{base:{...cp(t,"buttonSecondary"),":hover":cp(t,"buttonSecondaryHover"),":focus":cp(t,"buttonSecondaryActive")},active:{...cp(t,"button"),":hover":cp(t,"buttonHover"),":focus":cp(t,"buttonActive")}}}})({options:t}),fr.loader.addDOMElement({el:fr.form}),fr.loader.addDOMElement({section:"summary",el:fr.summary}),fr.loader.startLoading({section:"summary",id:"rebilly-instruments-summary"}),fr.loader.startLoading({id:"rebilly-instruments-form"});const[o]=await Promise.all([qu(),e()]);fr.data=o,vo.dataReady.dispatch(fr.data),fr.i18n=(()=>{var e,t;if("auto"===fr.options.locale&&null!==(e=fr.data.riskMetadata)&&void 0!==e&&null!==(t=e.browserData)&&void 0!==t&&t.language){const{browserData:{language:e}}=fr.data.riskMetadata;fr.options.locale=e}return fr.translate.init(fr.options.locale,fr.options.i18n),Ec})(),!fr.options.websiteId&&null!==(n=fr.data.transaction)&&void 0!==n&&n.websiteId?fr.options.websiteId=fr.data.transaction.websiteId:!fr.options.websiteId&&null!==(r=fr.data.invoice)&&void 0!==r&&r.websiteId&&(fr.options.websiteId=fr.data.invoice.websiteId),fr.data.transaction&&"setup"===(null===(a=fr.data.transaction)||void 0===a?void 0:a.type)&&(fr.options.transactionType="setup"),fr.form&&Yu(),fr.summary&&async function(){var e;const t=fr.toModel(),n={options:t.options,data:t.data,mainStyleVars:t.mainStyleVars},{paymentMethodsUrl:r}=null===(e=fr.options)||void 0===e?void 0:e._computed,a=await new Po({name:"rebilly-instruments-summary",url:`${r}/summary`,container:fr.summary,model:n});a.bindEventListeners({loader:fr.loader}),mr.summary=a}(),fr.i18n({state:fr}),fr.hasMounted=!0,o.readyToPay.length||(fr.loader.stopLoading({id:"rebilly-instruments-form"}),Eo(fr.translate.getTranslation("form.error.noPaymentMethods")))}catch(e){throw Eo(e),e}mp({state:fr})}async function hp(){var e;await(e=1e3,new Promise((t=>setTimeout(t,e)))),Object.keys(mr).forEach((e=>{mr.hasFrame(e)&&(mr[e].destroy(),mr[e]=null)})),go.removeAll(document),fr.hasMounted=!1,fr.summary&&(fr.summary.textContent=""),fr.form.textContent="",js(),fr.loader.clearAll()}function yp({newOptions:e}){let t={};const n=Object.keys(e).some((e=>["items","money","invoiceId","transactionId"].includes(e)));return t=n?{items:null,money:null,invoiceId:null,transactionId:null}:t,t}var gp=new class{constructor(){this.state=fr,this.iframes=mr}async mount(e){await fp(e)}async destroy(){await hp()}async update(e){await async function({newOptions:e={}}){if(!fr.hasMounted)throw Error("Update method cannot be called before mounting instruments");const t={...fr.options,...yp({newOptions:e})},n=ur({...t},e);await hp(),fp({form:fr.form,summary:fr.summary,...n})}({newOptions:e})}async purchase(e){await Wu({payload:e})}async setup(e){await Gu({payload:e})}async show(e,t){await pp({componentName:e,payload:t})}get version(){return"RebillyInstruments Ver.3.24.1-beta.0"}on(e,t){dp({eventName:e,callback:t})}};return gp}();

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@rebilly/instruments",
-  "version": "3.24.0-beta.0",
+  "version": "3.24.1-beta.0",
   "author": "Rebilly",
   "license": "MIT",
   "main": "dist/index.js",

package/src/style/base/index.js CHANGED Viewed

@@ -200,6 +200,14 @@ export const vars = (theme) => `
   display: inline-block;
 }
+/* Components. Icons
+------------------------------------------------------------ */
+.rebilly-instruments-icon {
+  width: var(--rebilly-fontLineHeightBase);
+  height: var(--rebilly-fontLineHeightBase);
+  fill: var(--rebilly-colorText);
+}
 /* Components. Forms. Checkboxes
 ------------------------------------------------------------ */
 .rebilly-instruments-form-field-checkbox {