@dropins/tools 1.2.1 → 1.3.0-alpha01
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/chunks/cjs.js +4 -0
- package/chunks/cjs.js.map +1 -0
- package/chunks/deviceUtils.js +13 -12
- package/chunks/deviceUtils.js.map +1 -0
- package/chunks/icons/Add.js +1 -0
- package/chunks/icons/Add.js.map +1 -0
- package/chunks/icons/AddressBook.js +1 -0
- package/chunks/icons/AddressBook.js.map +1 -0
- package/chunks/icons/Bulk.js +1 -0
- package/chunks/icons/Bulk.js.map +1 -0
- package/chunks/icons/Burger.js +1 -0
- package/chunks/icons/Burger.js.map +1 -0
- package/chunks/icons/Card.js +1 -0
- package/chunks/icons/Card.js.map +1 -0
- package/chunks/icons/Cart.js +1 -0
- package/chunks/icons/Cart.js.map +1 -0
- package/chunks/icons/Check.js +1 -0
- package/chunks/icons/Check.js.map +1 -0
- package/chunks/icons/CheckWithCircle.js +1 -0
- package/chunks/icons/CheckWithCircle.js.map +1 -0
- package/chunks/icons/ChevronDown.js +1 -0
- package/chunks/icons/ChevronDown.js.map +1 -0
- package/chunks/icons/ChevronRight.js +1 -0
- package/chunks/icons/ChevronRight.js.map +1 -0
- package/chunks/icons/ChevronUp.js +1 -0
- package/chunks/icons/ChevronUp.js.map +1 -0
- package/chunks/icons/Close.js +1 -0
- package/chunks/icons/Close.js.map +1 -0
- package/chunks/icons/Coupon.js +1 -0
- package/chunks/icons/Coupon.js.map +1 -0
- package/chunks/icons/Date.js +1 -0
- package/chunks/icons/Date.js.map +1 -0
- package/chunks/icons/Delivery.js +1 -0
- package/chunks/icons/Delivery.js.map +1 -0
- package/chunks/icons/EmptyBox.js +1 -0
- package/chunks/icons/EmptyBox.js.map +1 -0
- package/chunks/icons/Eye.js +1 -0
- package/chunks/icons/Eye.js.map +1 -0
- package/chunks/icons/EyeClose.js +1 -0
- package/chunks/icons/EyeClose.js.map +1 -0
- package/chunks/icons/Gift.js +1 -0
- package/chunks/icons/Gift.js.map +1 -0
- package/chunks/icons/GiftCard.js +1 -0
- package/chunks/icons/GiftCard.js.map +1 -0
- package/chunks/icons/Heart.js +1 -0
- package/chunks/icons/Heart.js.map +1 -0
- package/chunks/icons/HeartFilled.js +1 -0
- package/chunks/icons/HeartFilled.js.map +1 -0
- package/chunks/icons/InfoFilled.js +1 -0
- package/chunks/icons/InfoFilled.js.map +1 -0
- package/chunks/icons/Locker.js +1 -0
- package/chunks/icons/Locker.js.map +1 -0
- package/chunks/icons/Minus.js +1 -0
- package/chunks/icons/Minus.js.map +1 -0
- package/chunks/icons/Order.js +1 -0
- package/chunks/icons/Order.js.map +1 -0
- package/chunks/icons/OrderError.js +1 -0
- package/chunks/icons/OrderError.js.map +1 -0
- package/chunks/icons/OrderSuccess.js +1 -0
- package/chunks/icons/OrderSuccess.js.map +1 -0
- package/chunks/icons/PaymentError.js +1 -0
- package/chunks/icons/PaymentError.js.map +1 -0
- package/chunks/icons/Placeholder.js +1 -0
- package/chunks/icons/Placeholder.js.map +1 -0
- package/chunks/icons/PlaceholderFilled.js +1 -0
- package/chunks/icons/PlaceholderFilled.js.map +1 -0
- package/chunks/icons/Search.js +1 -0
- package/chunks/icons/Search.js.map +1 -0
- package/chunks/icons/SearchFilled.js +1 -0
- package/chunks/icons/SearchFilled.js.map +1 -0
- package/chunks/icons/Sort.js +1 -0
- package/chunks/icons/Sort.js.map +1 -0
- package/chunks/icons/Star.js +1 -0
- package/chunks/icons/Star.js.map +1 -0
- package/chunks/icons/Trash.js +1 -0
- package/chunks/icons/Trash.js.map +1 -0
- package/chunks/icons/User.js +1 -0
- package/chunks/icons/User.js.map +1 -0
- package/chunks/icons/View.js +1 -0
- package/chunks/icons/View.js.map +1 -0
- package/chunks/icons/Wallet.js +1 -0
- package/chunks/icons/Wallet.js.map +1 -0
- package/chunks/icons/Warning.js +1 -0
- package/chunks/icons/Warning.js.map +1 -0
- package/chunks/icons/WarningFilled.js +1 -0
- package/chunks/icons/WarningFilled.js.map +1 -0
- package/chunks/icons/WarningWithCircle.js +1 -0
- package/chunks/icons/WarningWithCircle.js.map +1 -0
- package/chunks/image-params-keymap.js +1 -0
- package/chunks/image-params-keymap.js.map +1 -0
- package/chunks/initializer.js +3 -2
- package/chunks/initializer.js.map +1 -0
- package/components.js +2 -1
- package/components.js.map +1 -0
- package/event-bus.js +1 -0
- package/event-bus.js.map +1 -0
- package/fetch-graphql.js +2 -1
- package/fetch-graphql.js.map +1 -0
- package/i18n.js +1 -0
- package/i18n.js.map +1 -0
- package/initializer.js +3 -2
- package/initializer.js.map +1 -0
- package/lib/aem/configs.d.ts +1 -0
- package/lib/aem/configs.js +4 -0
- package/lib/aem/configs.js.map +1 -0
- package/lib.js +2 -1
- package/lib.js.map +1 -0
- package/package.json +1 -1
- package/preact-compat.js +1 -0
- package/preact-compat.js.map +1 -0
- package/preact-hooks.js +1 -0
- package/preact-hooks.js.map +1 -0
- package/preact-jsx-runtime.js +1 -0
- package/preact-jsx-runtime.js.map +1 -0
- package/preact.js +1 -0
- package/preact.js.map +1 -0
- package/recaptcha.js +1 -0
- package/recaptcha.js.map +1 -0
- package/signals.js +1 -0
- package/signals.js.map +1 -0
- package/types/elsie/src/components/ProductItemCard/ProductItemCard.d.ts +14 -0
- package/types/elsie/src/components/ProductItemCard/ProductItemCardSkeleton.d.ts +4 -0
- package/types/elsie/src/components/ProductItemCard/index.d.ts +11 -0
- package/types/elsie/src/components/index.d.ts +1 -0
- package/types/elsie/src/lib/aem/configs.d.ts +63 -0
- package/types/fetch-graphql/src/index.d.ts +41 -1
- package/types/recaptcha/src/index.d.ts +2 -0
package/i18n.js
CHANGED
|
@@ -3,3 +3,4 @@ All Rights Reserved. */
|
|
|
3
3
|
import{_ as p,b as er,G as or,x as k,E as G}from"./chunks/icons/Add.js";function B(r,t,n,e,a){for(t=t.split?t.split("."):t,e=0;e<t.length;e++)r=r?r[t[e]]:a;return r===a?n:r}var R,ar={};function u(r,t,n){if(r.nodeType===3){var e="textContent"in r?r.textContent:r.nodeValue||"";if(u.options.trim!==!1){var a=t===0||t===n.length-1;if((!(e=e.match(/^[\s\n]+$/g)&&u.options.trim!=="all"?" ":e.replace(/(^[\s\n]+|[\s\n]+$)/g,u.options.trim==="all"||a?"":" "))||e===" ")&&n.length>1&&a)return null}return e}if(r.nodeType!==1)return null;var i=String(r.nodeName).toLowerCase();if(i==="script"&&!u.options.allowScripts)return null;var o,l,c=u.h(i,function(m){var j=m&&m.length;if(!j)return null;for(var M={},O=0;O<j;O++){var d=m[O],C=d.name,T=d.value;C.substring(0,2)==="on"&&u.options.allowEvents&&(T=new Function(T)),M[C]=T}return M}(r.attributes),(l=(o=r.childNodes)&&Array.prototype.map.call(o,u).filter(ir))&&l.length?l:null);return u.visitor&&u.visitor(c),c}var V,ir=function(r){return r},lr={};function N(r){var t=(r.type||"").toLowerCase(),n=N.map;n&&n.hasOwnProperty(t)?(r.type=n[t],r.props=Object.keys(r.props||{}).reduce(function(e,a){var i;return e[i=a,i.replace(/-(.)/g,function(o,l){return l.toUpperCase()})]=r.props[a],e},{})):r.type=t.replace(/[^a-z0-9-]/i,"")}const ur=function(r){function t(){r.apply(this,arguments)}return r&&(t.__proto__=r),(t.prototype=Object.create(r&&r.prototype)).constructor=t,t.setReviver=function(n){V=n},t.prototype.shouldComponentUpdate=function(n){var e=this.props;return n.wrap!==e.wrap||n.type!==e.type||n.markup!==e.markup},t.prototype.setComponents=function(n){if(this.map={},n){for(var e in n)if(n.hasOwnProperty(e)){var a=e.replace(/([A-Z]+)([A-Z][a-z0-9])|([a-z0-9]+)([A-Z])/g,"$1$3-$2$4").toLowerCase();this.map[a]=n[e]}}},t.prototype.render=function(n){var e=n.wrap;e===void 0&&(e=!0);var a,i=n.type,o=n.markup,l=n.components,c=n.reviver,m=n.onError,j=n["allow-scripts"],M=n["allow-events"],O=n.trim,d=function(h,U){var z={};for(var w in h)Object.prototype.hasOwnProperty.call(h,w)&&U.indexOf(w)===-1&&(z[w]=h[w]);return z}(n,["wrap","type","markup","components","reviver","onError","allow-scripts","allow-events","trim"]),C=c||this.reviver||this.constructor.prototype.reviver||V||p;this.setComponents(l);var T={allowScripts:j,allowEvents:M,trim:O};try{a=function(h,U,z,w,tr){var x=function(P,W){var v,A,I,F,nr=W==="html"?"text/html":"application/xml";W==="html"?(F="body",I=`<!DOCTYPE html>
|
|
4
4
|
<html><body>`+P+"</body></html>"):(F="xml",I=`<?xml version="1.0" encoding="UTF-8"?>
|
|
5
5
|
<xml>`+P+"</xml>");try{v=new DOMParser().parseFromString(I,nr)}catch(b){A=b}if(v||W!=="html"||((v=R||(R=function(){if(document.implementation&&document.implementation.createHTMLDocument)return document.implementation.createHTMLDocument("");var b=document.createElement("iframe");return b.style.cssText="position:absolute; left:0; top:-999em; width:1px; height:1px; overflow:hidden;",b.setAttribute("sandbox","allow-forms"),document.body.appendChild(b),b.contentWindow.document}())).open(),v.write(I),v.close()),v){var $=v.getElementsByTagName(F)[0],f=$.firstChild;return P&&!f&&($.error="Document parse failed."),f&&String(f.nodeName).toLowerCase()==="parsererror"&&(f.removeChild(f.firstChild),f.removeChild(f.lastChild),$.error=f.textContent||f.nodeValue||A||"Unknown error",$.removeChild(f)),$}}(h,U);if(x&&x.error)throw new Error(x.error);var Z=x&&x.body||x;N.map=w||lr;var H=Z&&function(P,W,v,A){return u.visitor=W,u.h=v,u.options=A||ar,u(P)}(Z,N,z,tr);return N.map=null,H&&H.props&&H.props.children||null}(o,i,C,this.map,T)}catch(h){m?m({error:h}):typeof console<"u"&&console.error&&console.error("preact-markup: "+h)}if(e===!1)return a||null;var D=d.hasOwnProperty("className")?"className":"class",g=d[D];return g?g.splice?g.splice(0,0,"markup"):typeof g=="string"?d[D]+=" markup":typeof g=="object"&&(g.markup=!0):d[D]="markup",C("div",d,a||null)},t}(er);var y=or({intl:{}});function Y(r){return r!=null}function E(r,t){for(var n in t)r[n]=t[n];return r}function q(r,t){var n=E({},r);for(var e in t)t.hasOwnProperty(e)&&(r[e]&&t[e]&&typeof r[e]=="object"&&typeof t[e]=="object"?n[e]=q(r[e],t[e]):n[e]=r[e]||t[e]);return n}function pr(r){if(r=r||{},typeof r=="string"&&(r=r.split(",")),"join"in r){for(var t={},n=0;n<r.length;n++){var e=r[n].trim();e&&(t[e.split(".").pop()]=e)}return t}return r}function cr(r,t){var n={};for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&t.indexOf(e)===-1&&(n[e]=r[e]);return n}var sr=/[?&#]intl=show/;function J(r){var t=r.scope,n=r.mark,e=r.definition,a=cr(r,["scope","mark","definition"]),i=a,o=k(y),l=o.intl,c=E({},l||{});return t&&(c.scope=t),e&&(c.dictionary=q(c.dictionary||{},e)),(n||typeof location<"u"&&String(location).match(sr))&&(c.mark=!0),p(y.Provider,{value:{intl:c}},i.children)}function s(r,t){if(arguments.length<2)return t=r,function(e){return s(e,t)};function n(e){return p(J,t||{},p(r,e))}return n.getWrappedComponent=r&&r.getWrappedComponent||function(){return r},n}var fr={};function K(r,t,n,e){return r&&r.replace(/\{\{([\w.-]+)\}\}/g,vr.bind(null,t||fr,n,e))}function vr(r,t,n,e,a){for(var i=a.split("."),o=r,l=0;l<i.length;l++){if(o=o[i[l]],o==null)return"";if(o&&o.type===_)return L(o.props.id,t,n,o.props.fields,o.props.plural,o.props.fallback)}return typeof o=="string"&&o.match(/\{\{/)&&(o=K(o,r)),o}function L(r,t,n,e,a,i){t&&(r=t+"."+r);var o=n&&B(n,r);return(a||a===0)&&o&&typeof o=="object"&&(o.splice?o=o[a]||o[0]:a===0&&Y(o.none||o.zero)?o=o.none||o.zero:a===1&&Y(o.one||o.singular)?o=o.one||o.singular:o=o.some||o.many||o.plural||o.other||o),o&&K(o,e,t,n)||i||null}function Q(r){var t=r.value,n=r.id,e=k(y),a=e.intl;if(a&&a.mark){var i="dictionary"+(a&&a.scope?"."+a.scope:"")+"."+n;return p("mark",{style:{background:t?B(a,i)?"rgba(119,231,117,.5)":"rgba(229,226,41,.5)":"rgba(228,147,51,.5)"},title:n},t)}return t}function _(r){var t=r.id,n=r.children,e=r.plural,a=r.fields,i=k(y),o=i.intl,l=L(t,o&&o.scope,o&&o.dictionary,a,e,n);return p(Q,{id:t,value:l})}function S(r,t,n){var e={};t=t||{},r=pr(r);for(var a in r)if(r.hasOwnProperty(a)&&r[a]){var i=r[a];!n&&typeof i=="string"?e[a]=L(i,t.scope,t.dictionary):i.type===_&&(i=E({fallback:i.props.children},i.props),e[a]=L(i.id,t.scope,t.dictionary,i.fields,i.plural,i.fallback))}return e}function X(r){var t=r.children,n=k(y),e=n.intl;return t&&t.length?t.map(function(a){return G(a,S(a.props,e,!0))}):t&&G(t,S(t.props,e,!0))}function rr(r,t){var n={};for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&t.indexOf(e)===-1&&(n[e]=r[e]);return n}function mr(r){var t=r.id,n=r.fields,e=r.plural,a=r.children,i=rr(r,["id","fields","plural","children"]),o=i;return p(X,null,p(dr,Object.assign({},{html:p(_,{id:t,fields:n,plural:e,children:a}),id:t},o)))}function dr(r){var t=r.html,n=r.id,e=rr(r,["html","id"]),a=e;return p(Q,{id:n,value:t&&(typeof t=="string"?p(ur,Object.assign({},{type:"html",trim:!1},a,{markup:t})):p("span",null,t))})}function hr(r){return function(n){function e(a,i){var o=k(y),l=o.intl,c=typeof r=="function"?r(a,{intl:l}):r,m=S(c,l);return p(n,E(E({},a),m))}return e.getWrappedComponent=n&&n.getWrappedComponent||function(){return n},e}}function yr(r){var t=k(y),n=t.intl;return S(typeof r=="function"?r({intl:n}):r,n)}s.intl=s;s.IntlContext=y;s.IntlProvider=J;s.Text=_;s.MarkupText=mr;s.Localizer=X;s.withText=hr;s.useText=yr;s.translate=L;export{y as IntlContext,J as IntlProvider,X as Localizer,mr as MarkupText,_ as Text,s as default,s as intl,L as translate,yr as useText,hr as withText};
|
|
6
|
+
//# sourceMappingURL=i18n.js.map
|
package/i18n.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"i18n.js","sources":["../../../node_modules/dlv/dist/dlv.es.js","../../../node_modules/preact-markup/dist/preact-markup.module.js","../../../node_modules/preact-i18n/dist/preact-i18n.esm.js"],"sourcesContent":["export default function(t,e,l,n,r){for(e=e.split?e.split(\".\"):e,n=0;n<e.length;n++)t=t?t[e[n]]:r;return t===r?l:t}\n//# sourceMappingURL=dlv.es.js.map\n","import{h as r,Component as t}from\"preact\";var e,o={};function n(r,t,e){if(3===r.nodeType){var o=\"textContent\"in r?r.textContent:r.nodeValue||\"\";if(!1!==n.options.trim){var a=0===t||t===e.length-1;if((!(o=o.match(/^[\\s\\n]+$/g)&&\"all\"!==n.options.trim?\" \":o.replace(/(^[\\s\\n]+|[\\s\\n]+$)/g,\"all\"===n.options.trim||a?\"\":\" \"))||\" \"===o)&&e.length>1&&a)return null}return o}if(1!==r.nodeType)return null;var p=String(r.nodeName).toLowerCase();if(\"script\"===p&&!n.options.allowScripts)return null;var l,s,u=n.h(p,function(r){var t=r&&r.length;if(!t)return null;for(var e={},o=0;o<t;o++){var a=r[o],i=a.name,p=a.value;\"on\"===i.substring(0,2)&&n.options.allowEvents&&(p=new Function(p)),e[i]=p}return e}(r.attributes),(s=(l=r.childNodes)&&Array.prototype.map.call(l,n).filter(i))&&s.length?s:null);return n.visitor&&n.visitor(u),u}var a,i=function(r){return r},p={};function l(r){var t=(r.type||\"\").toLowerCase(),e=l.map;e&&e.hasOwnProperty(t)?(r.type=e[t],r.props=Object.keys(r.props||{}).reduce(function(t,e){var o;return t[(o=e,o.replace(/-(.)/g,function(r,t){return t.toUpperCase()}))]=r.props[e],t},{})):r.type=t.replace(/[^a-z0-9-]/i,\"\")}export default(function(t){function i(){t.apply(this,arguments)}return t&&(i.__proto__=t),(i.prototype=Object.create(t&&t.prototype)).constructor=i,i.setReviver=function(r){a=r},i.prototype.shouldComponentUpdate=function(r){var t=this.props;return r.wrap!==t.wrap||r.type!==t.type||r.markup!==t.markup},i.prototype.setComponents=function(r){if(this.map={},r)for(var t in r)if(r.hasOwnProperty(t)){var e=t.replace(/([A-Z]+)([A-Z][a-z0-9])|([a-z0-9]+)([A-Z])/g,\"$1$3-$2$4\").toLowerCase();this.map[e]=r[t]}},i.prototype.render=function(t){var i=t.wrap;void 0===i&&(i=!0);var s,u=t.type,c=t.markup,m=t.components,v=t.reviver,f=t.onError,d=t[\"allow-scripts\"],h=t[\"allow-events\"],y=t.trim,w=function(r,t){var e={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&-1===t.indexOf(o)&&(e[o]=r[o]);return e}(t,[\"wrap\",\"type\",\"markup\",\"components\",\"reviver\",\"onError\",\"allow-scripts\",\"allow-events\",\"trim\"]),C=v||this.reviver||this.constructor.prototype.reviver||a||r;this.setComponents(m);var g={allowScripts:d,allowEvents:h,trim:y};try{s=function(r,t,a,i,s){var u=function(r,t){var o,n,a,i,p=\"html\"===t?\"text/html\":\"application/xml\";\"html\"===t?(i=\"body\",a=\"<!DOCTYPE html>\\n<html><body>\"+r+\"</body></html>\"):(i=\"xml\",a='<?xml version=\"1.0\" encoding=\"UTF-8\"?>\\n<xml>'+r+\"</xml>\");try{o=(new DOMParser).parseFromString(a,p)}catch(r){n=r}if(o||\"html\"!==t||((o=e||(e=function(){if(document.implementation&&document.implementation.createHTMLDocument)return document.implementation.createHTMLDocument(\"\");var r=document.createElement(\"iframe\");return r.style.cssText=\"position:absolute; left:0; top:-999em; width:1px; height:1px; overflow:hidden;\",r.setAttribute(\"sandbox\",\"allow-forms\"),document.body.appendChild(r),r.contentWindow.document}())).open(),o.write(a),o.close()),o){var l=o.getElementsByTagName(i)[0],s=l.firstChild;return r&&!s&&(l.error=\"Document parse failed.\"),s&&\"parsererror\"===String(s.nodeName).toLowerCase()&&(s.removeChild(s.firstChild),s.removeChild(s.lastChild),l.error=s.textContent||s.nodeValue||n||\"Unknown error\",l.removeChild(s)),l}}(r,t);if(u&&u.error)throw new Error(u.error);var c=u&&u.body||u;l.map=i||p;var m=c&&function(r,t,e,a){return n.visitor=t,n.h=e,n.options=a||o,n(r)}(c,l,a,s);return l.map=null,m&&m.props&&m.props.children||null}(c,u,C,this.map,g)}catch(r){f?f({error:r}):\"undefined\"!=typeof console&&console.error&&console.error(\"preact-markup: \"+r)}if(!1===i)return s||null;var x=w.hasOwnProperty(\"className\")?\"className\":\"class\",b=w[x];return b?b.splice?b.splice(0,0,\"markup\"):\"string\"==typeof b?w[x]+=\" markup\":\"object\"==typeof b&&(b.markup=!0):w[x]=\"markup\",C(\"div\",w,s||null)},i}(t));\n//# sourceMappingURL=preact-markup.module.js.map\n","import { createContext, h, cloneElement } from 'preact';\nimport { useContext } from 'preact/hooks';\nimport delve from 'dlv';\nimport Markup from 'preact-markup';\n\nvar IntlContext = createContext({ intl: {} });\n\n/** Check if an object is not null or undefined\n *\t@private\n */\nfunction defined(obj) {\n\treturn obj!==null && obj!==undefined;\n}\n\n\n/** A simpler Object.assign\n * @private\n */\nfunction assign(obj, props) {\n\tfor (var i in props) {\n\t\tobj[i] = props[i];\n\t}\n\treturn obj;\n}\n\n\n/** Recursively copy keys from `source` to `target`, skipping truthy values already in `target`.\n *\t@private\n */\nfunction deepAssign(target, source) {\n\tvar out = assign({}, target);\n\tfor (var i in source) {\n\t\tif (source.hasOwnProperty(i)) {\n\t\t\tif (target[i] && source[i] && typeof target[i]==='object' && typeof source[i]==='object') {\n\t\t\t\tout[i] = deepAssign(target[i], source[i]);\n\t\t\t}\n\t\t\telse {\n\t\t\t\tout[i] = target[i] || source[i];\n\t\t\t}\n\t\t}\n\t}\n\treturn out;\n}\n\n/** select('foo,bar') creates a mapping: `{ foo, bar }`\n *\t@private\n */\nfunction select(properties) {\n\tproperties = properties || {};\n\tif (typeof properties==='string') {\n\t\tproperties = properties.split(',');\n\t}\n\tif ('join' in properties) {\n\t\tvar selected = {};\n\t\tfor (var i=0; i<properties.length; i++) {\n\t\t\tvar val = properties[i].trim();\n\t\t\tif (val) { selected[val.split('.').pop()] = val; }\n\t\t}\n\t\treturn selected;\n\t}\n\treturn properties;\n}\n\nfunction objectWithoutProperties (obj, exclude) { var target = {}; for (var k in obj) if (Object.prototype.hasOwnProperty.call(obj, k) && exclude.indexOf(k) === -1) target[k] = obj[k]; return target; }\n\n\nvar URL_FLAG = /[?&#]intl=show/;\n\n\n/** `<IntlProvider>` is a nestable internationalization definition provider.\n *\tIt exposes an Intl scope & definition into the tree,\n *\tmaking them available to descendant components.\n *\n *\t> **Note:** When nested, gives precedence to keys higher up the tree!\n *\t> This means lower-level components can set their defaults by wrapping themselves\n *\t> in an `<IntlProvider>`, but still remain localizable by their parent components.\n *\n *\t@name IntlProvider\n *\t@param props\n *\t@param {String} [props.scope]\t\t\tNest `definition` under a root key, and set the active scope for the tree (essentially prefixing all `<Text />` keys).\n *\t@param {Boolean} [props.mark=false]\t\tIf `true`, all `<Text>` elements will be shown with a red/green background indicating whether they have valid Intl keys.\n *\t@param {Object} [props.definition={}]\tMerge the given definition into the current intl definition, giving the *current* definition precedence (i.e., only adding keys, acting as defaults)\n *\n *\t@example\n *\t// generally imported from a JSON file:\n *\tlet definition = {\n *\t\tfoo: 'Le Feux'\n *\t};\n *\n *\t<IntlProvider scope=\"weather\" definition={definition}>\n *\t\t<Text key=\"foo\">The Foo</Text>\n *\t</IntlProvider>\n *\n *\t// This will render the text:\n *\t\"Le Feux\"\n */\n\nfunction IntlProvider(ref) {\n\tvar scope = ref.scope;\n\tvar mark = ref.mark;\n\tvar definition = ref.definition;\n\tvar rest = objectWithoutProperties( ref, [\"scope\", \"mark\", \"definition\"] );\n\tvar props = rest;\n\n\tvar ref$1 = useContext(IntlContext);\n\tvar parentIntl = ref$1.intl;\n\tvar intl = assign({}, parentIntl || {});\n\n\t// set active scope for the tree if given\n\tif (scope) { intl.scope = scope; }\n\n\t// merge definition into current with lower precedence\n\tif (definition) {\n\t\tintl.dictionary = deepAssign(intl.dictionary || {}, definition);\n\t}\n\n\tif (mark || (typeof location!=='undefined' && String(location).match(URL_FLAG))) {\n\t\tintl.mark = true;\n\t}\n\n\treturn (\n\t\th( IntlContext.Provider, { value: { intl: intl } },\n\t\t\tprops.children\n\t\t)\n\t);\n}\n\n/**\n * Higher-order function that creates an `<IntlProvider />` wrapper component for the given component. It\n * takes two forms depending on how many arguments it's given:\n * It can take a functional form like:\n * intl(ComponentToWrap, options)\n *\n * or it can take an annotation form like:\n * @intl(options)\n * class ComponentToWrap extends Component {}\n *\n *\t@param {Component or Object} args[0] If there are two arguments, the first argument is the Component to wrap in `<IntlProvider/>`. If there is just one argument, this is the options object to pass as `props` to `<IntlProvider/>`. See the definition of the options param below for details.\n *\t@param {Object} options If there are two arguments, the second argument is Passed as `props` to `<IntlProvider />`\n *\t@param [options.scope]\t\t\tNest `definition` under a root key, and set the active scope for the tree (essentially prefixing all `<Text />` keys).\n *\t@param [options.definition={}]\tMerge the given definition into the current intl definition, giving the *current* definition precedence (i.e., only adding keys, acting as defaults)\n */\nfunction intl(Child, options) {\n\tif (arguments.length<2) {\n\t\toptions = Child;\n\t\treturn function (Child) { return intl(Child, options); };\n\t}\n\tfunction IntlProviderWrapper(props) {\n\t\treturn h(\n\t\t\tIntlProvider,\n\t\t\toptions || {},\n\t\t\th(Child, props)\n\t\t);\n\t}\n\n\tIntlProviderWrapper.getWrappedComponent = Child && Child.getWrappedComponent || (function () { return Child; });\n\treturn IntlProviderWrapper;\n}\n\nvar EMPTY = {};\n\n/** Populate {{template.fields}} within a given string.\n *\n *\t@private\n *\t@param {String} template\tThe string containing fields to be resolved\n *\t@param {Object} [fields={}]\tOptionally nested object of fields, referencable from `template`.\n *\t@example\n *\t\ttemplate('foo{{bar}}', { bar:'baz' }) === 'foobaz'\n */\nfunction template(template, fields, scope, dictionary) {\n\treturn template && template.replace(/\\{\\{([\\w.-]+)\\}\\}/g, replacer.bind(null, fields || EMPTY, scope, dictionary));\n}\n\n/** Replacement callback for injecting fields into a String\n *\t@private\n */\nfunction replacer(currentFields, scope, dictionary, s, field) {\n\tvar parts = field.split('.'),\n\t\tv = currentFields;\n\tfor (var i=0; i<parts.length; i++) {\n\t\tv = v[parts[i]];\n\t\tif (v == null) { return ''; } // eslint-disable-line eqeqeq\n\n\t\t//allow field values to be <Text /> nodes\n\t\tif (v && v.type === Text) {\n\t\t\treturn translate(v.props.id, scope, dictionary, v.props.fields, v.props.plural, v.props.fallback);\n\t\t}\n\t}\n\t// allow for recursive {{config.xx}} references:\n\tif (typeof v==='string' && v.match(/\\{\\{/)) {\n\t\tv = template(v, currentFields);\n\t}\n\treturn v;\n}\n\n/** Attempts to look up a translated value from a given dictionary.\n * Also supports json templating using the format: {{variable}}\n * Falls back to default text.\n *\n * @param {String} id \t\t\tIntl field name/id (subject to scope)\n * @param {String} [scope='']\t\tScope, which prefixes `id` with `${scope}.`\n * @param {Object} dictionary\t\tA nested object containing translations\n * @param {Object} [fields={}]\t\tTemplate fields for use by translated strings\n * @param {Number} [plural]\t\tIndicates a quantity, used to trigger pluralization\n * @param {String|Array} [fallback]\tText to return if no translation is found\n * @returns {String} translated\n */\nfunction translate(id, scope, dictionary, fields, plural, fallback) {\n\tif (scope) { id = scope + '.' + id; }\n\n\tvar value = dictionary && delve(dictionary, id);\n\n\t// plural forms:\n\t// key: ['plural', 'singular']\n\t// key: { none, one, many }\n\t// key: { zero, one, other }\n\t// key: { singular, plural }\n\tif ((plural || plural===0) && value && typeof value==='object') {\n\t\tif (value.splice) {\n\t\t\tvalue = value[plural] || value[0];\n\t\t}\n\t\telse if (plural===0 && defined(value.none || value.zero)) {\n\t\t\tvalue = value.none || value.zero;\n\t\t}\n\t\telse if (plural===1 && defined(value.one || value.singular)) {\n\t\t\tvalue = value.one || value.singular;\n\t\t}\n\t\telse {\n\t\t\tvalue = value.some || value.many || value.plural || value.other || value;\n\t\t}\n\t}\n\n\treturn value && template(value, fields, scope, dictionary) || fallback || null;\n}\n\n/** Highlight/colorize the i18n'd node if `mark` is set on `intl` in context. If not, just returns `value`\n *\n *\t@private\n *\t@param {String|VNode} value\tThe l10n'd text/vnode to highlight or pass through\n *\t@param {string} id\tThe key used to lookup the value in the intl dictionary\n */\nfunction HighlightI18N(ref) {\n\tvar value = ref.value;\n\tvar id = ref.id;\n\n\tvar ref$1 = useContext(IntlContext);\n\tvar intl = ref$1.intl;\n\n\tif (intl && intl.mark) {\n\t\tvar dictionaryKey = \"dictionary\" + (intl && intl.scope ? (\".\" + (intl.scope)) : '') + \".\" + id;\n\t\treturn (\n\t\t\th( 'mark', {\n\t\t\t\tstyle: {\n\t\t\t\t\tbackground: value\n\t\t\t\t\t\t? delve(intl, dictionaryKey)\n\t\t\t\t\t\t\t? 'rgba(119,231,117,.5)'\n\t\t\t\t\t\t\t: 'rgba(229,226,41,.5)'\n\t\t\t\t\t\t: 'rgba(228,147,51,.5)'\n\t\t\t\t}, title: id },\n\t\t\t\tvalue\n\t\t\t)\n\t\t);\n\t}\n\n\treturn value;\n}\n\n/** `<Text>` renders internationalized text.\n *\tIt attempts to look up translated values from a dictionary in context.\n *\n *\tTemplate strings can contain `{{field}}` placeholders,\n *\twhich injects values from the `fields` prop.\n *\n *\tWhen string lookup fails, renders its children as fallback text.\n *\n *\t@param {Object} props props\n *\t@param {String} props.id Key to look up in intl dictionary, within any parent scopes (`$scope1.$scope2.$id`)\n *\t@param {ReactElement} [props.children] Fallback text if no definition is found\n *\t@param {Object} [props.fields={}] Values to inject into template `{{fields}}`. Values in the `fields` object will be coerced to strings, with the exception of `<Text/>` nodes which will be resolved to their translated value\n *\t@param {Number} [props.plural] Integer \"count\", used to select plural forms\n *\n *\t@example\n *\t// If there is no dictionary in context..\n *\t<Text id=\"foo\">The Foo</Text>\n *\t// ..produces the text:\n *\t\"The Foo\"\n *\n *\t@example\n *\t// Given a dictionary and some fields..\n *\t<IntlProvider definition={{ foo:'Le Feux {{bar}}' }}>\n *\t\t<Text id=\"foo\" fields={{ bar: 'BEAR' }}>The Foo</Text>\n *\t</IntlProvider>\n *\t// ..produces the text:\n *\t\"Le Feux BEAR\"\n *\n *\t@example\n *\t// Within a scope, both `id` and the definition are namespaced..\n *\t<IntlProvider scope=\"weather\" definition={{ foo:'Le Feux' }}>\n *\t\t<Text id=\"foo\">The Foo</Text>\n *\t</IntlProvider>\n *\t// ..produces the text:\n *\t\"Le Feux\"\n */\nfunction Text(ref) {\n\tvar id = ref.id;\n\tvar fallback = ref.children;\n\tvar plural = ref.plural;\n\tvar fields = ref.fields;\n\n\tvar ref$1 = useContext(IntlContext);\n\tvar intl = ref$1.intl;\n\n\tvar value = translate(\n\t\tid,\n\t\tintl && intl.scope,\n\t\tintl && intl.dictionary,\n\t\tfields,\n\t\tplural,\n\t\tfallback\n\t);\n\n\treturn h( HighlightI18N, { id: id, value: value });\n}\n\n/** Translates the property values in an Object, returning a copy.\n *\t**Note:** By default, `String` keys will be treated as Intl ID's.\n *\tPass `true` to return an Object containing *only* translated\n *\tvalues where the prop is a <Text /> node.\n *\n *\t@private\n *\t@param {Object} props\tAn object with values to translate\n *\t@param {Object} intl\tAn intl context object (eg: `context.intl`)\n *\t@param {Boolean} [onlyTextNodes=false]\tOnly process `<Text />` values\n *\t@returns {Object} translatedProps\n */\nfunction translateMapping(props, intl, onlyTextNodes) {\n\tvar out = {};\n\tintl = intl || {};\n\tprops = select(props);\n\tfor (var name in props) {\n\t\tif (props.hasOwnProperty(name) && props[name]) {\n\t\t\tvar def = props[name];\n\n\t\t\t// if onlyTextNodes=true, skip any props that aren't <Text /> vnodes\n\t\t\tif (!onlyTextNodes && typeof def==='string') {\n\t\t\t\tout[name] = translate(def, intl.scope, intl.dictionary);\n\t\t\t}\n\t\t\telse if (def.type===Text) {\n\t\t\t\t// it's a <Text />, just grab its props:\n\t\t\t\tdef = assign({\n\t\t\t\t\t// use children as fallback content\n\t\t\t\t\tfallback: def.props.children\n\t\t\t\t}, def.props);\n\t\t\t\tout[name] = translate(def.id, intl.scope, intl.dictionary, def.fields, def.plural, def.fallback);\n\t\t\t}\n\t\t}\n\t}\n\treturn out;\n}\n\n/** `<Localizer />` is a Compositional Component.\n *\tIt \"renders\" out any `<Text />` values in its child's props.\n *\n *\t@name Localizer\n *\t@param {Object} props\n *\t@param {Object} props.children\tChild components with props to localize.\n *\t@param {Object} context\n *\t@param {Object} context.intl\t\t[internal] dictionary and scope info\n *\t@example\n *\t<Localizer>\n *\t\t<input placeholder={<Text id=\"username.placeholder\" />} />\n *\t</Localizer>\n *\t// produces:\n *\t<input placeholder=\"foo\" />\n *\n *\t@example\n *\t<Localizer>\n *\t\t<abbr title={<Text id=\"oss-title\">Open Source Software</Text>}>\n *\t\t\t<Text id=\"oss\">OSS</Text>\n *\t\t</abbr>\n *\t</Localizer>\n *\t// produces:\n *\t<abbr title=\"Open Source Software\">OSS</abbr>\n */\nfunction Localizer(ref) {\n\tvar children = ref.children;\n\n\tvar ref$1 = useContext(IntlContext);\n\tvar intl = ref$1.intl;\n\n\treturn children && children.length\n\t\t? children.map(function (child) { return cloneElement(child, translateMapping(child.props, intl, true)); })\n\t\t: children && cloneElement(children, translateMapping(children.props, intl, true));\n}\n\nfunction objectWithoutProperties$1 (obj, exclude) { var target = {}; for (var k in obj) if (Object.prototype.hasOwnProperty.call(obj, k) && exclude.indexOf(k) === -1) target[k] = obj[k]; return target; }\n\n/* eslint-disable react/no-danger */\n\n/** `<MarkupText>` is just like {@link Text} but it can also contain html markup in rendered strings. It wraps its contents in a `<span>` tag.\n *\n *\t@param {Object} props\t\t\t\tprops\n *\t@param {String} props.id\t\t\tKey to look up in intl dictionary, within any parent scopes (`$scope1.$scope2.$id`)\n *\t@param {Object} [props.fields={}]\tValues to inject into template `{{fields}}`. Values in the `fields` object will be coerced to strings, with the exception of `<Text/>` nodes which will be resolved to their translated value\n *\t@param {Number} [props.plural]\t\tInteger \"count\", used to select plural forms\n *\n *\t@example\n *\t// If there is no dictionary in context..\n *\t<MarkupText id=\"foo\"><b>The Foo</b></MarkupText>\n *\t// ..produces the vnode:\n *\t<span><b>The Foo</b></span>\n *\n *\t@example\n *\t// Given a dictionary and some fields..\n *\t<IntlProvider definition={{ foo:'Le Feux <b>{{bar}}</b>' }}>\n *\t\t<MarkupText id=\"foo\" fields={{ bar: 'BEAR' }}>The Foo</MarkupText>\n *\t</IntlProvider>\n *\t// ..produces the vnode:\n *\t<span>Le Feux <b>BEAR</b></span>\n *\n *\t@example\n *\t// Within a scope, both `id` and the definition are namespaced..\n *\t<IntlProvider scope=\"weather\" definition={{ foo:'Le <a href=\"http://foo.com\">Feux</a>' }}>\n *\t\t<MarkupText id=\"foo\">The Foo</MarkupText>\n *\t</IntlProvider>\n *\t// ..produces the vnode:\n *\t<span>Le <a href=\"http://foo.com\">Feux</a></span>\n *\n *\t@example\n *\t// renders nothing if there is no key match and no fallback\n *\t<div><MarkupText /></div>\n *\t// ..produces the vnode:\n *\t<div/>\n */\nfunction MarkupText(ref) {\n\tvar id = ref.id;\n\tvar fields = ref.fields;\n\tvar plural = ref.plural;\n\tvar children = ref.children;\n\tvar rest = objectWithoutProperties$1( ref, [\"id\", \"fields\", \"plural\", \"children\"] );\n\tvar props = rest;\n\n\treturn (\n\t\th( Localizer, null,\n\t\t\th( Html, Object.assign({}, { html: h( Text, { id: id, fields: fields, plural: plural, children: children }), id: id }, props))\n\t\t)\n\t);\n}\n\nfunction Html(ref) {\n\tvar html = ref.html;\n\tvar id = ref.id;\n\tvar rest = objectWithoutProperties$1( ref, [\"html\", \"id\"] );\n\tvar props = rest;\n\n\treturn (\n\t\th( HighlightI18N, {\n\t\t\tid: id, value: !html ? html : typeof html === 'string' ? h( Markup, Object.assign({}, { type: \"html\", trim: false }, props, { markup: html })) : h( 'span', null, html ) })\n\t);\n}\n\n/** `@withText()` is a Higher Order Component, often used as a decorator.\n *\n *\tIt wraps a child component and passes it translations\n *\tbased on a mapping to the dictionary & scope in context.\n *\n *\t@param {Object|Function|String} mapping\t\tMaps prop names to intl keys (or `<Text>` nodes).\n *\n *\t@example @withText({\n *\t\tplaceholder: 'user.placeholder'\n *\t})\n *\tclass Foo {\n *\t\t// now the `placeholder` prop is our localized String:\n *\t\trender({ placeholder }) {\n *\t\t\treturn <input placeholder={placeholder} />\n *\t\t}\n *\t}\n *\n *\t@example @withText({\n *\t\tplaceholder: <Text id=\"user.placeholder\">fallback text</Text>\n *\t})\n *\tclass Foo {\n *\t\trender({ placeholder }) {\n *\t\t\treturn <input placeholder={placeholder} />\n *\t\t}\n *\t}\n *\n *\t@example @withText('user.placeholder')\n *\tclass Foo {\n *\t\t// for Strings/Arrays, the last path segment becomes the prop name:\n *\t\trender({ placeholder }) {\n *\t\t\treturn <input placeholder={placeholder} />\n *\t\t}\n *\t}\n *\n *\t@example <caption>Works with functional components, too</caption>\n *\tconst Foo = withText('user.placeholder')( props =>\n *\t\t<input placeholder={props.placeholder} />\n *\t)\n *\n * \t@example <caption>getWrappedComponent() returns wrapped child Component</caption>\n *\tconst Foo = () => <div/>;\n *\tconst WrappedFoo = withText('user.placeholer')(Foo);\n *\tWrappedFoo.getWrappedComponent() === Foo; // true\n */\nfunction withText(mapping) {\n\treturn function withTextWrapper(Child) {\n\t\tfunction WithTextWrapper(props, context) {\n\t\t\tvar ref = useContext(IntlContext);\n\t\t\tvar intl = ref.intl;\n\n\t\t\tvar map = typeof mapping==='function' ? mapping(props, { intl: intl }) : mapping;\n\t\t\tvar translations = translateMapping(map, intl);\n\t\t\treturn h(Child, assign(assign({}, props), translations));\n\t\t}\n\n\t\tWithTextWrapper.getWrappedComponent = Child && Child.getWrappedComponent || (function () { return Child; });\n\t\treturn WithTextWrapper;\n\t};\n}\n\n/** `useText` is the hook version of {@link withText}\n *\n *\t@param {Object|Function|String} mapping\t\tMaps prop names to intl keys (or `<Text>` nodes).\n *\n *\t@example function MyComponent() {\n *\t\tconst { placeholder } = useText({\n *\t\t\tplaceholder: 'user.placeholder'\n *\t\t});\n *\t\treturn <input placeholder={placeholder} />\n *\t}\n *\n *\t@example function MyComponent() {\n *\t\tconst { placeholder } = useText({\n *\t\t\tplaceholder: <Text id=\"user.placeholder\">fallback text</Text>\n *\t\t});\n *\t\treturn <input placeholder={placeholder} />\n *\t}\n *\n *\t@example function MyComponent() {\n *\t\t// for Strings/Arrays, the last path segment becomes the prop name:\n *\t\tconst { placeholder } = useText('user.placeholder');\n *\n *\t\treturn <input placeholder={placeholder} />\n *\t}\n */\nfunction useText(mapping) {\n\tvar ref = useContext(IntlContext);\n\tvar intl = ref.intl;\n\n\treturn translateMapping(\n\t\ttypeof mapping==='function' ? mapping({ intl: intl }) : mapping,\n\t\tintl\n\t);\n}\n\nintl.intl = intl;\nintl.IntlContext = IntlContext;\nintl.IntlProvider = IntlProvider;\nintl.Text = Text;\nintl.MarkupText = MarkupText;\nintl.Localizer = Localizer;\nintl.withText = withText;\nintl.useText = useText;\nintl.translate = translate;\n\nexport default intl;\nexport { IntlContext, IntlProvider, Localizer, MarkupText, Text, intl, translate, useText, withText };\n//# sourceMappingURL=preact-i18n.esm.js.map\n"],"names":["delve","t","e","l","n","r","o","p","s","u","a","i","Markup","c","m","v","f","d","h","y","w","g","x","b","IntlContext","createContext","defined","obj","assign","props","deepAssign","target","source","out","select","properties","selected","val","objectWithoutProperties","exclude","k","URL_FLAG","IntlProvider","ref","scope","mark","definition","rest","ref$1","useContext","parentIntl","intl","Child","options","IntlProviderWrapper","EMPTY","template","fields","dictionary","replacer","currentFields","field","parts","Text","translate","id","plural","fallback","value","HighlightI18N","dictionaryKey","translateMapping","onlyTextNodes","name","def","Localizer","children","child","cloneElement","objectWithoutProperties$1","MarkupText","Html","html","withText","mapping","WithTextWrapper","context","map","translations","useText"],"mappings":"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","x_google_ignoreList":[0,1,2]}
|
package/initializer.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
/*! Copyright 2025 Adobe
|
|
2
2
|
All Rights Reserved. */
|
|
3
|
-
(function(
|
|
4
|
-
.dropin-skeleton{--row-gap-spacing: var(--spacing-medium);display:grid;grid-template-columns:1fr 1fr;gap:var(--row-gap-spacing)}.dropin-skeleton .dropin-skeleton--row__content{background:var(--color-neutral-300) linear-gradient(to right,var(--color-neutral-300) 0%,var(--color-neutral-100) 20%,var(--color-neutral-300) 40%,var(--color-neutral-300) 100%) no-repeat;animation:skeletonShimmer infinite 1.2s linear;border-radius:var(--shape-border-radius-2)}.dropin-skeleton__empty{background:none}.dropin-skeleton-row--multiline{--multiline-gap-spacing: var(--spacing-medium);display:grid;grid-auto-rows:max-content;gap:var(--multiline-gap-spacing)}.dropin-skeleton-row--full{grid-column:1 / -1}.dropin-skeleton-row svg{fill:var(--color-neutral-400);fill-opacity:.5;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeholderShimmer;animation-timing-function:linear}.dropin-skeleton-row__row-xsmall{height:32px}.dropin-skeleton-row__row-small{height:40px}.dropin-skeleton-row__row-medium{height:48px}.dropin-skeleton-row__row-large{height:56px}.dropin-skeleton-row__row-xlarge{height:72px}.dropin-skeleton-row__heading-xsmall{height:20px}.dropin-skeleton-row__heading-small{height:24px}.dropin-skeleton-row__heading-medium{height:32px}.dropin-skeleton-row__heading-large{height:40px}.dropin-skeleton-row__heading-xlarge{height:48px}@keyframes skeletonShimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes placeholderShimmer{0%{fill-opacity:.5}50%{fill-opacity:1}to{fill-opacity:.5}}@media only screen and (max-width: 600px){.dropin-skeleton{grid-template-columns:1fr}}.dropin-design{--color-brand-500: #454545;--color-brand-600: #383838;--color-brand-700: #2b2b2b;--color-neutral-50: #ffffff;--color-neutral-100: #fafafa;--color-neutral-200: #f5f5f5;--color-neutral-300: #e8e8e8;--color-neutral-400: #d6d6d6;--color-neutral-500: #b8b8b8;--color-neutral-600: #8f8f8f;--color-neutral-700: #666666;--color-neutral-800: #3d3d3d;--color-neutral-900: #292929;--color-positive-200: #eff5ef;--color-positive-500: #7fb078;--color-positive-800: #53824c;--color-informational-200: #eeeffb;--color-informational-500: #6978d9;--color-informational-800: #5d6dd6;--color-warning-200: #fdf3e9;--color-warning-500: #e79f5c;--color-warning-800: #ad5c00;--color-alert-200: #ffebeb;--color-alert-500: #db7070;--color-alert-800: #bf4545;--color-opacity-16: rgba(255, 255, 255, .16);--color-opacity-24: rgba(255, 255, 255, .24);--color-action-button-active: #ffffff;--color-action-button-hover: #e8e8e8;--color-button-active: #2b2b2b;--color-button-focus: #d6d6d6;--color-button-hover: #383838;--grid-1-columns: 4;--grid-1-margins: 0;--grid-1-gutters: 16px;--grid-2-columns: 12;--grid-2-margins: 0;--grid-2-gutters: 16px;--grid-3-columns: 12;--grid-3-margins: 0;--grid-3-gutters: 24px;--grid-4-columns: 12;--grid-4-margins: 0;--grid-4-gutters: 24px;--grid-5-columns: 12;--grid-5-margins: 0;--grid-5-gutters: 24px;--shape-border-radius-1: 3px;--shape-border-radius-2: 8px;--shape-border-radius-3: 24px;--shape-border-width-1: 1px;--shape-border-width-2: 1.5px;--shape-border-width-3: 2px;--shape-border-width-4: 4px;--shape-shadow-1: 0 0 16px 0 rgba(0, 0, 0, .16);--shape-shadow-2: 0 2px 16px 0 rgba(0, 0, 0, .16);--shape-shadow-3: 0 2px 3px 0 rgba(0, 0, 0, .16);--shape-icon-stroke-1: 1px;--shape-icon-stroke-2: 1.5px;--shape-icon-stroke-3: 2px;--shape-icon-stroke-4: 4px;--spacing-xxsmall: 4px;--spacing-xsmall: 8px;--spacing-small: 16px;--spacing-medium: 24px;--spacing-big: 32px;--spacing-xbig: 40px;--spacing-xxbig: 48px;--spacing-large: 64px;--spacing-xlarge: 72px;--spacing-xxlarge: 96px;--spacing-huge: 120px;--spacing-xhuge: 144px;--spacing-xxhuge: 192px;--type-base-font-family: system-ui, sans-serif;--type-display-1-font: normal normal 300 60px/72px var(--type-base-font-family);--type-display-1-letter-spacing: .04em;--type-display-2-font: normal normal 300 48px/56px var(--type-base-font-family);--type-display-2-letter-spacing: .04em;--type-display-3-font: normal normal 300 34px/40px var(--type-base-font-family);--type-display-3-letter-spacing: .04em;--type-headline-1-font: normal normal 400 24px/32px var(--type-base-font-family);--type-headline-1-letter-spacing: .04em;--type-headline-2-default-font: normal normal 300 20px/24px var(--type-base-font-family);--type-headline-2-default-letter-spacing: .04em;--type-headline-2-strong-font: normal normal 400 20px/24px var(--type-base-font-family);--type-headline-2-strong-letter-spacing: .04em;--type-body-1-default-font: normal normal 300 16px/24px var(--type-base-font-family);--type-body-1-default-letter-spacing: .04em;--type-body-1-strong-font: normal normal 400 16px/24px var(--type-base-font-family);--type-body-1-strong-letter-spacing: .04em;--type-body-1-emphasized-font: normal normal 700 16px/24px var(--type-base-font-family);--type-body-1-emphasized-letter-spacing: .04em;--type-body-2-default-font: normal normal 300 14px/20px var(--type-base-font-family);--type-body-2-default-letter-spacing: .04em;--type-body-2-strong-font: normal normal 400 14px/20px var(--type-base-font-family);--type-body-2-strong-letter-spacing: .04em;--type-body-2-emphasized-font: normal normal 700 14px/20px var(--type-base-font-family);--type-body-2-emphasized-letter-spacing: .04em;--type-button-1-font: normal normal 400 20px/26px var(--type-base-font-family);--type-button-1-letter-spacing: .08em;--type-button-2-font: normal normal 400 16px/24px var(--type-base-font-family);--type-button-2-letter-spacing: .08em;--type-details-caption-1-font: normal normal 400 12px/16px var(--type-base-font-family);--type-details-caption-1-letter-spacing: .08em;--type-details-caption-2-font: normal normal 300 12px/16px var(--type-base-font-family);--type-details-caption-2-letter-spacing: .08em;--type-details-overline-font: normal normal 700 12px/20px var(--type-base-font-family);--type-details-overline-letter-spacing: .16em}.dropin-design a{--textColor: var(--color-brand-500);color:var(--textColor);text-decoration:none}.dropin-design a:hover{--textColor: var(--color-brand-700);text-decoration:solid underline var(--textColor);text-underline-offset:6px}.dropin-design a:focus-visible{outline:solid var(--shape-border-width-4) var(--color-neutral-400);border:var(--shape-border-width-1) solid var(--color-neutral-800);border-radius:var(--shape-border-radius-1)}.dropin-icon--shape-stroke-1{stroke-width:var(--shape-icon-stroke-1)}.dropin-icon--shape-stroke-2{stroke-width:var(--shape-icon-stroke-2)}.dropin-icon--shape-stroke-3{stroke-width:var(--shape-icon-stroke-3)}.dropin-icon--shape-stroke-4{stroke-width:var(--shape-icon-stroke-4)}.dropin-incrementer__content{border-radius:var(--shape-border-radius-1);border:solid var(--shape-border-width-1) var(--color-neutral-600);display:grid;grid-template-columns:var(--spacing-xxbig) auto var(--spacing-xxbig);height:var(--spacing-xbig);opacity:1}.dropin-incrementer__content--disabled{background:var(--color-neutral-300);border-radius:var(--shape-border-radius-1);border:solid var(--shape-border-width-1) var(--color-neutral-500)}.dropin-incrementer__content--large{height:var(--spacing-xxbig)}.dropin-incrementer__content:hover{border:solid var(--shape-border-width-1) var(--color-neutral-700)}.dropin-incrementer__content:active{border:solid var(--shape-border-width-1) var(--color-neutral-800)}.dropin-incrementer__content--error:hover,.dropin-incrementer__content--error{border:var(--shape-border-width-2) solid var(--color-alert-500)}.dropin-incrementer__content--error-message{color:var(--color-alert-800);font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);text-align:left}.dropin-incrementer__footer{font:var(--type-details-caption-2-font)}.dropin-incrementer__decrease-button>svg,.dropin-incrementer__increase-button>svg{align-items:center;justify-content:center}.dropin-incrementer__button-container{align-items:center;border-radius:var(--shape-border-radius-1);display:grid;justify-content:center;background:var(--color-neutral-50)}.dropin-incrementer__button-container--disabled{background-color:var(--color-neutral-300)}.dropin-incrementer__decrease-button,.dropin-incrementer__increase-button{align-items:center;background-color:var(--color-neutral-50);border-radius:var(--shape-border-radius-3);border:none;display:grid;height:var(--spacing-medium);width:var(--spacing-medium)}.dropin-incrementer__decrease-button:enabled,.dropin-incrementer__increase-button:enabled{cursor:pointer}.dropin-incrementer__decrease-button--disabled,.dropin-incrementer__increase-button--disabled{background-color:var(--color-neutral-300)}.dropin-incrementer__increase-button:focus-visible,.dropin-incrementer__decrease-button:focus-visible{outline:var(--shape-border-width-1) solid var(--color-brand-500);box-shadow:0 0 0 var(--shape-border-radius-1) var(--color-neutral-500)}.dropin-incrementer__decrease-button:focus:not(:focus-visible),.dropin-incrementer__increase-button:focus:not(:focus-visible){background-color:var(--color-neutral-50)}.dropin-incrementer__decrease-button:hover:enabled,.dropin-incrementer__increase-button:hover:enabled,.dropin-incrementer__decrease-button:focus,.dropin-incrementer__increase-button:focus{background:var(--color-neutral-300)}.dropin-incrementer__input{box-sizing:border-box;text-align:center;min-width:var(--spacing-xxbig)}.dropin-incrementer__input:disabled{background-color:var(--color-neutral-300);color:var(--color-neutral-500)}.dropin-incrementer__input::-webkit-outer-spin-button,.dropin-incrementer__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dropin-incrementer__input:focus-within{border:none;box-sizing:border-box;text-align:center}.dropin-incrementer__input:focus-within[type=number]{box-shadow:none}.dropin-incrementer__input[type=number]{-moz-appearance:textfield;box-shadow:none;border:none}textarea:focus,input:focus{outline:none}.dropin-input{background-color:transparent;border-color:var(--color-neutral-600);border-radius:var(--shape-border-radius-1);border-style:inset solid;color:var(--color-neutral-800);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;z-index:1}.dropin-input[type=number],.dropin-input[type=text]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.dropin-input:focus{outline:none;box-shadow:none}.dropin-input:disabled{border-top-left-radius:var(--shape-border-radius-1);border-top-right-radius:var(--shape-border-radius-1);border-color:var(--color-neutral-500);background-color:var(--color-neutral-300);color:var(--color-neutral-500)}.dropin-input::placeholder,.dropin-input::-webkit-input-placeholder,.dropin-input::-ms-input-placeholder{color:var(--color-neutral-700);opacity:1}.dropin-input:disabled::-webkit-input-placeholder{color:var(--color-neutral-500)}.dropin-input:disabled:-moz-placeholder{color:var(--color-neutral-500)}.dropin-input:disabled::-moz-placeholder{color:var(--color-neutral-500)}.dropin-input:disabled:-ms-input-placeholder{color:var(--color-neutral-500)}.dropin-input-container{--icon-size: var(--spacing-small);display:flex;align-items:center;position:relative}.dropin-input-label-container{position:relative;display:flex;flex-grow:1;flex-direction:column}.dropin-input--primary{border:var(--shape-border-width-1) solid var(--color-neutral-600)}.dropin-input--primary:focus{border-color:var(--color-neutral-800);border-radius:var(--shape-border-radius-1)}div.dropin-input-container--primary .dropin-input--disabled{border:var(--shape-border-width-1) solid var(--color-neutral-500)}.dropin-input-container--primary .dropin-input--error{border:var(--shape-border-width-2) solid var(--color-alert-500)}.dropin-input-container--primary .dropin-input--success{border:var(--shape-border-width-2) solid var(--color-positive-500)}.dropin-input--secondary{border:0;border-radius:0;border-top:var(--shape-border-width-1) solid transparent;border-bottom:var(--shape-border-width-1) solid var(--color-neutral-600)}.dropin-input--secondary:focus{border-top-left-radius:var(--shape-border-radius-1);border-top-right-radius:var(--shape-border-radius-1);border-bottom-color:var(--color-neutral-800)}div.dropin-input-container--secondary .dropin-input--disabled{border:0;border-radius:0;border-bottom:var(--shape-border-width-1) solid var(--color-neutral-500)}.dropin-input-container--secondary .dropin-input--error{border:0;border-radius:0;border-bottom:var(--shape-border-width-2) solid var(--color-alert-500)}.dropin-input-container--secondary .dropin-input--success{border:0;border-radius:0;border-bottom:var(--shape-border-width-2) solid var(--color-positive-500)}.dropin-input--medium{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);padding:9px var(--spacing-small)}.dropin-input--medium~label{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.dropin-input--large{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);padding:11px var(--spacing-small)}.dropin-input--large~label{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-input__label--floating{cursor:text;color:var(--color-neutral-700);padding-left:var(--spacing-small);position:absolute;pointer-events:none;transform:translateY(-50%);top:50%;transition:top 50ms ease-in,left 50ms ease-in,font-size 50ms ease-in;z-index:1}.dropin-input__label--floating,.dropin-input--floating{transition:all .2s;touch-action:manipulation}.dropin-input--medium.dropin-input--floating{padding-top:17px;padding-bottom:17px}.dropin-input--medium.dropin-input--floating:focus,.dropin-input--medium.dropin-input--floating:not(:placeholder-shown){padding-top:26px}.dropin-input--large.dropin-input--floating{padding-top:15px;padding-bottom:15px}.dropin-input--large.dropin-input--floating:focus,.dropin-input--large.dropin-input--floating:not(:placeholder-shown){padding-top:22px}.dropin-input--floating:focus,.dropin-input--floating:not(:placeholder-shown){padding-bottom:calc(var(--spacing-small) - var(--spacing-xsmall))}.dropin-input__label--floating--icon-left{padding-left:calc(var(--icon-size) + (var(--spacing-small) * 2))}.dropin-input--floating:-webkit-autofill~.dropin-input__label--floating,.dropin-input-container--floating:focus-within .dropin-input__label--floating{color:var(--color-neutral-800);transform:translate(.1em,-1.5em);font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing)}.dropin-input--floating:not(:placeholder-shown)~.dropin-input__label--floating{transform:translate(.1em,-1.5em);font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing)}.dropin-input-container--disabled .dropin-icon,.dropin-input-container--disabled .dropin-input__label--floating{color:var(--color-neutral-500)}.dropin-input--floating::-webkit-input-placeholder,.dropin-input--floating::placeholder{opacity:0;transition:inherit}.dropin-input--floating:focus::-webkit-input-placeholder,.dropin-input--floating:focus::placeholder{opacity:1}.dropin-input__label--floating--error{color:var(--color-alert-500)}.dropin-input--icon-right,.dropin-input--icon-left{--icon-space: calc(var(--icon-size) + (var(--spacing-small) * 2))}.dropin-input--icon-right{padding-right:var(--icon-space)}.dropin-input--icon-left{padding-left:var(--icon-space)}.dropin-input__field-icon--left,.dropin-input__field-icon--right{position:absolute;z-index:2}.dropin-input__field-icon--left{left:var(--spacing-small)}.dropin-input__field-icon--right{right:var(--spacing-small)}.dropin-input__field-icon--error,.dropin-input__field-icon--success{color:var(--color-neutral-100);height:var(--icon-size);width:var(--icon-size)}.dropin-input__field-icon--success{color:var(--color-positive-500)}.dropin-input__field-icon--error{color:var(--color-alert-500)}.dropin-input-date{position:relative;width:100%}.dropin-input-date__input{max-height:56px;z-index:1}.dropin-input-date input[type=date]{height:56px;max-height:56px;text-align:left}.dropin-input-date input[type=date]::-webkit-date-and-time-value{text-align:left}.dropin-input-date__input--ios{z-index:-1;opacity:0;position:absolute}.dropin-input-date__icon{cursor:pointer;background-color:var(--color-neutral-50);position:absolute;top:var(--spacing-small);right:var(--spacing-small);border:0 none;padding:1px;z-index:2}.dropin-input-date__icon svg{color:var(--color-neutral-800)}.dropin-input-date svg.dropin-input--warning-icon{position:absolute;top:55%;left:0;transform:translate(-200%,-50%)}.dropin-password-status-indicator__item{display:grid;grid-template-columns:20px auto;align-items:center;justify-content:left;gap:0 8px;font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing)}.dropin-password-status-indicator__item--pending{color:var(--color-neutral-700, #666)}.dropin-password-status-indicator__item--success{color:var(--color-positive-800, #53824c)}.dropin-password-status-indicator__item--error{color:var(--color-alert-800, #bf4545)}.dropin-input-password{position:relative}.dropin-input-password>div:first-child{margin-bottom:var(--spacing-small)}.dropin-input-password .dropin-input-password__eye-icon{position:absolute;padding:0;height:24px;top:17px;right:17px;cursor:pointer;z-index:2}.dropin-input-password--error .dropin-input-password__eye-icon{right:var(--spacing-xbig);transition:all .3s ease-in-out}.dropin-textarea-container{position:relative}.dropin-textarea.dropin-textarea--error{border:var(--shape-border-width-1) solid var(--color-alert-800)}.dropin-textarea.dropin-textarea--error .dropin-textarea__label--floating{color:var(--color-alert-800)}.dropin-textarea__label--floating{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);color:var(--color-neutral-700);position:absolute;top:18px;left:17px;transition:all .2s}.dropin-textarea{margin:0;padding:0;border:none;outline:none;resize:none;box-shadow:none;font:inherit;color:inherit;background:none;overflow:hidden;width:100%}.dropin-textarea{border:1px solid var(--color-neutral-500);box-sizing:border-box}.dropin-textarea{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);color:var(--color-neutral-800, #3d3d3d);min-height:200px;padding:var(--spacing-big) var(--spacing-small);border-radius:var(--shape-border-radius-1);transition:border-color .2s;scrollbar-color:var(--color-neutral-500) transparent;scrollbar-width:thin;overflow-y:hidden}.dropin-textarea::-webkit-scrollbar{width:12px;background-color:transparent}.dropin-textarea:disabled{border-top-left-radius:var(--shape-border-radius-1);border-top-right-radius:var(--shape-border-radius-1);border-color:var(--color-neutral-500);background-color:var(--color-neutral-300);color:var(--color-neutral-500)}.dropin-textarea:disabled::-webkit-input-placeholder{color:var(--color-neutral-500)}.dropin-textarea:disabled:-moz-placeholder{color:var(--color-neutral-500)}.dropin-textarea:disabled::-moz-placeholder{color:var(--color-neutral-500)}.dropin-textarea:disabled:-ms-input-placeholder{color:var(--color-neutral-500)}.dropin-textarea::placeholder{color:var(--color-neutral-700);opacity:0;transition:color .2s,opacity .2s}.dropin-textarea:focus{border-color:var(--color-neutral-800, #3d3d3d);border-radius:var(--shape-border-radius-1)}.dropin-textarea:focus::placeholder{color:var(--color-neutral-700);opacity:.8}.dropin-textarea:not(:placeholder-shown)+.dropin-textarea__label--floating,.dropin-textarea:focus+.dropin-textarea__label--floating{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-1-letter-spacing);color:var(--color-neutral-700, #666666);transition:all .2s;touch-action:manipulation;top:1px;left:1px;width:99%;background-color:var(--color-neutral-50);border-radius:var(--shape-border-radius-1);height:30px;padding:12px 16px 0;box-sizing:border-box}.dropin-textarea:focus+.dropin-textarea__label--floating{color:var(--color-neutral-800)}.dropin-textarea:focus-visible{outline:none}.dropin-textarea__label--floating--error{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);color:var(--color-alert-800);padding-top:var(--spacing-xsmall)}.dropin-image{background:var(--color-neutral-300) linear-gradient(to right,var(--color-neutral-300) 0%,var(--color-neutral-100) 20%,var(--color-neutral-300) 40%,var(--color-neutral-300) 100%) no-repeat;animation:imageShimmer infinite 1.2s linear;border-radius:var(--shape-border-radius-2)}.dropin-image--loaded{background:unset;border-radius:unset}@keyframes imageShimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.dropin-divider{border:none}.dropin-divider--primary{border-top:var(--shape-border-width-3) solid var(--color-neutral-400);margin:var(--spacing-xbig) auto}.dropin-divider--secondary{border-top:var(--shape-border-width-2) solid var(--color-neutral-400);margin:var(--spacing-medium) auto}.dropin-price{color:inherit}.dropin-price--small{font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing)}.dropin-price--medium{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-price--large{font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing)}.dropin-price--strikethrough{text-decoration:line-through}.dropin-price--sale{color:var(--color-alert-800)}.dropin-price--bold{font-weight:700}.dropin-price--normal{font-weight:400}.dropin-radio-button{display:block;position:relative}.dropin-radio-button__input{position:fixed;opacity:0;pointer-events:none;margin:0}.dropin-radio-button__label{color:var(--color-neutral-800);position:relative;display:flex;flex-direction:row;align-items:center;cursor:pointer;width:fit-content}.dropin-radio-button__label:before{content:" ";display:inline-block;position:relative;width:16px;height:16px;border-radius:var(--shape-border-radius-3);background-color:var(--color-neutral-50);border:var(--shape-border-width-1) solid var(--color-neutral-600);margin-right:var(--spacing-small);vertical-align:middle}.dropin-radio-button__label:hover:before{border:var(--shape-border-width-1) solid var(--color-neutral-700)}.dropin-radio-button__input:checked+.dropin-radio-button__label:after{content:" ";display:block;position:absolute;width:8px;height:8px;border-radius:var(--shape-border-radius-3);margin-left:calc(var(--spacing-xxsmall) + var(--shape-border-width-1));background:var(--color-brand-500);accent-color:var(--color-brand-500)}.dropin-radio-button__input:focus-visible+.dropin-radio-button__label:before{border:var(--shape-border-width-1) solid var(--color-neutral-800);box-shadow:0 0 0 var(--shape-icon-stroke-4) var(--color-neutral-400)}.dropin-radio-button__description{clear:both;color:var(--color-neutral-700);margin-left:calc(var(--spacing-big) + var(--shape-border-width-3));margin-top:var(--spacing-xxsmall)}.dropin-radio-button__description:empty{display:none}.dropin-radio-button__label--medium{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.dropin-radio-button__label--large{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-radio-button__description--medium{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing)}.dropin-radio-button__description--large{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.dropin-radio-button__input--disabled,.dropin-radio-button__label--disabled,.dropin-radio-button__description--disabled{color:var(--color-neutral-500);cursor:default}div.dropin-radio-button__label--disabled:before{box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-500);background-color:var(--color-neutral-300)}.dropin-radio-button__label--error:before{box-shadow:0 0 0 var(--shape-border-width-2) var(--color-alert-500);background:var(--color-neutral-50) 0 0% no-repeat padding-box}.dropin-radio-button__input--error:checked+.dropin-radio-button__label--error:after{background:var(--color-alert-500)}.dropin-button,.dropin-iconButton{border:0 none;cursor:pointer;white-space:normal}.dropin-button{border-radius:var(--shape-border-radius-3);font-size:var(--type-button-1-font);font-weight:var(--type-button-1-font);padding:var(--spacing-xsmall) var(--spacing-medium);display:flex;justify-content:center;align-items:center;text-align:left;word-wrap:break-word}.dropin-iconButton{height:var(--spacing-xbig);width:var(--spacing-xbig);padding:var(--spacing-xsmall)}.dropin-button:disabled,.dropin-iconButton:disabled{pointer-events:none;-webkit-user-select:none;user-select:none}.dropin-button:not(:disabled),.dropin-iconButton:not(:disabled){cursor:pointer}.dropin-button:focus,.dropin-iconButton:focus{outline:none}.dropin-button:focus-visible,.dropin-iconButton:focus-visible{outline:var(--spacing-xxsmall) solid var(--color-button-focus)}.dropin-button--primary,a.dropin-button--primary,.dropin-iconButton--primary{border:none;background:var(--color-brand-500) 0 0% no-repeat padding-box;color:var(--color-neutral-50);text-align:left;margin-right:0}.dropin-iconButton--primary{border-radius:var(--spacing-xbig);min-height:var(--spacing-xbig);min-width:var(--spacing-xbig);padding:var(--spacing-xsmall)}.dropin-button--primary--disabled,a.dropin-button--primary--disabled,.dropin-iconButton--primary--disabled{background:var(--color-neutral-300) 0 0% no-repeat padding-box;color:var(--color-neutral-500);fill:var(--color-neutral-300);pointer-events:none;-webkit-user-select:none;user-select:none}.dropin-button--primary:hover,a.dropin-button--primary:hover,.dropin-iconButton--primary:hover,.dropin-button--primary:focus:hover,.dropin-iconButton--primary:focus:hover{background-color:var(--color-button-hover);text-decoration:none}.dropin-button--primary:focus,.dropin-iconButton--primary:focus{background-color:var(--color-brand-500)}.dropin-button--primary:hover:active,.dropin-iconButton--primary:hover:active{background-color:var(--color-button-active)}.dropin-button--secondary,a.dropin-button--secondary,.dropin-iconButton--secondary{border:var(--shape-border-width-2) solid var(--color-brand-500);background:none 0 0% no-repeat padding-box;color:var(--color-brand-500);padding-top:calc(var(--spacing-xsmall) - var(--shape-border-width-2));padding-left:calc(var(--spacing-medium) - var(--shape-border-width-2))}.dropin-iconButton--secondary{border-radius:var(--spacing-xbig);min-height:var(--spacing-xbig);min-width:var(--spacing-xbig);padding:var(--spacing-xsmall);padding-top:calc(var(--spacing-xsmall) - var(--shape-border-width-2));padding-left:calc(var(--spacing-xsmall) - var(--shape-border-width-2))}.dropin-button--secondary--disabled,a.dropin-button--secondary--disabled,.dropin-iconButton--secondary--disabled{border:var(--shape-border-width-2) solid var(--color-neutral-300);background:none 0 0% no-repeat padding-box;color:var(--color-neutral-500);fill:var(--color-neutral-300);pointer-events:none;-webkit-user-select:none;user-select:none}.dropin-button--secondary:hover,a.dropin-button--secondary:hover,.dropin-iconButton--secondary:hover{border:var(--shape-border-width-2) solid var(--color-button-hover);color:var(--color-button-hover);text-decoration:none}.dropin-button--secondary:active,.dropin-iconButton--secondary:active{border:var(--shape-border-width-2) solid var(--color-button-active);color:var(--color-button-active)}.dropin-button--tertiary,a.dropin-button--tertiary,.dropin-iconButton--tertiary{border:none;background:none 0 0% no-repeat padding-box;color:var(--color-brand-500)}.dropin-iconButton--tertiary{border:none;border-radius:var(--spacing-xbig);min-height:var(--spacing-xbig);min-width:var(--spacing-xbig);padding:var(--spacing-xsmall)}.dropin-button--tertiary--disabled,a.dropin-button--tertiary--disabled,.dropin-iconButton--tertiary--disabled{border:none;color:var(--color-neutral-500);pointer-events:none;-webkit-user-select:none;user-select:none}.dropin-button--tertiary:hover,a.dropin-button--tertiary:hover,.dropin-iconButton--tertiary:hover{color:var(--color-button-hover);text-decoration:none}.dropin-button--tertiary:active,.dropin-iconButton--tertiary:active{color:var(--color-button-active)}.dropin-button--tertiary:focus-visible,.dropin-iconButton--tertiary:focus-visible{-webkit-box-shadow:inset 0 0 0 2px var(--color-neutral-800);-moz-box-shadow:inset 0 0 0 2px var(--color-neutral-800);box-shadow:inset 0 0 0 2px var(--color-neutral-800)}.dropin-button--large{font:var(--type-button-1-font);letter-spacing:var(--type-button-1-letter-spacing)}.dropin-button--medium{font:var(--type-button-2-font);letter-spacing:var(--type-button-2-letter-spacing)}.dropin-button-icon{height:24px}.dropin-button--with-icon{column-gap:var(--spacing-xsmall);row-gap:var(--spacing-xsmall)}.dropin-picker{position:relative;display:flex;flex-direction:row;background-color:var(--color-neutral-50);justify-content:space-between;align-items:center;cursor:pointer;gap:var(--spacing-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dropin-picker select{background-color:transparent;border:var(--shape-border-width-1) solid var(--color-neutral-600);border-radius:var(--shape-border-radius-1);color:var(--color-neutral-700);-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;flex:1;cursor:pointer;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dropin-picker__select:focus{outline:none;border:var(--shape-border-width-1) solid var(--color-neutral-800)}.dropin-picker__medium .dropin-picker__select--primary,.dropin-picker__medium .dropin-picker__select--secondary{padding:9px var(--spacing-xxbig) 9px var(--spacing-small)}.dropin-picker__large .dropin-picker__select--primary,.dropin-picker__large .dropin-picker__select--secondary{padding:11px var(--spacing-xxbig) 11px var(--spacing-small)}.dropin-picker__select--medium{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.dropin-picker__select--large{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-picker__chevronDown{z-index:1;position:absolute;color:var(--color-neutral-700);right:var(--spacing-small);display:block;pointer-events:none;padding:0;height:var(--icon-size);width:var(--icon-size)}.dropin-picker__floatingLabel{position:absolute;pointer-events:none;left:var(--spacing-small);color:var(--color-neutral-700);touch-action:manipulation;transform:translateY(-50%);transition:top 20ms ease-in,font-size 50ms ease-in}.dropin-picker__select--floating:focus~label{transition:all 40ms}.dropin-picker__selected select{color:var(--color-neutral-800)}.dropin-picker__selected label{top:30%}.dropin-picker__medium.dropin-picker__floating.dropin-picker__selected label{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing)}.dropin-picker__large.dropin-picker__floating.dropin-picker__selected label{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing)}.dropin-picker__medium.dropin-picker__floating select{padding:17px var(--spacing-small)}.dropin-picker__large.dropin-picker__floating select{padding:15px var(--spacing-small)}.dropin-picker__large.dropin-picker__floating.dropin-picker__selected select{padding:25px var(--spacing-xxbig) 5px var(--spacing-small)}.dropin-picker__medium.dropin-picker__floating.dropin-picker__selected select{padding:27px var(--spacing-xxbig) 7px var(--spacing-small)}select::-ms-expand{display:none}.dropin-picker__disabled select.dropin-picker__select{background-color:var(--color-neutral-300);border:var(--shape-border-width-1) solid var(--color-neutral-500);color:var(--color-neutral-500);cursor:not-allowed}.dropin-picker__disabled svg.dropin-picker__chevronDown{color:var(--color-neutral-500)}.dropin-picker__error select{border:var(--shape-border-width-2) solid var(--color-alert-500);color:var(--color-alert-500)}.dropin-picker__error .dropin-picker__select:focus{border:var(--shape-border-width-2) solid var(--color-alert-500)}.dropin-picker__error .dropin-picker__chevronDown,.dropin-picker__error label{color:var(--color-alert-500)}.dropin-picker select.dropin-picker__select--secondary{border-top:var(--shape-border-width-1) solid transparent;border-left:0 none;border-right:0 none;border-radius:0}.dropin-picker__disabled select.dropin-picker__select--secondary{border-bottom:var(--shape-border-width-1) solid var(--color-neutral-500)}.dropin-picker__error select.dropin-picker__select--secondary{border-top:var(--shape-border-width-1) solid transparent;border-left:0 none;border-right:0 none}.dropin-picker__icon--placeholder{z-index:1;position:absolute;color:var(--color-neutral-700);left:var(--spacing-small);display:block;pointer-events:none;padding:0;height:var(--icon-size);width:var(--icon-size)}.dropin-picker__icon select.dropin-picker__select,.dropin-picker__floating.dropin-picker__selected.dropin-picker__icon select{padding-left:var(--spacing-xxbig)}.dropin-picker__floating.dropin-picker__selected.dropin-picker__icon label{left:var(--spacing-xxbig)}.dropin-field{display:grid;font:var(--type-body-2-strong-font);grid-auto-rows:max-content}.dropin-field__label--medium{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);color:var(--color-neutral-800);text-align:left;padding-bottom:var(--spacing-xsmall)}.dropin-field__label--large{font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);color:var(--color-neutral-800);text-align:left;padding-bottom:var(--spacing-xsmall)}.dropin-field__label--disabled{color:var(--color-neutral-500)}.dropin-field__content{display:grid;grid-auto-rows:max-content}.dropin-field__hint{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);color:var(--color-neutral-700);text-align:left}.dropin-field__hint:empty{display:none}.dropin-field__hint--medium{padding-top:var(--spacing-xsmall)}.dropin-field__hint--large{padding-top:var(--spacing-small)}.dropin-field__hint--error{color:var(--color-alert-800)}.dropin-field__hint--success{color:var(--color-positive-800)}.dropin-field__hint--disabled{color:var(--color-neutral-500)}.dropin-action-button{--bgColor: var(--color-neutral-200);--textColor: var(--color-neutral-800);--borderColor: var(--color-neutral-400);display:inline-flex;box-sizing:border-box;row-gap:var(--spacing-small);white-space:normal;align-items:center;justify-content:center;font:var(--type-body-2-strong-font);padding:6px var(--spacing-small);background:var(--bgColor);color:var(--textColor);border:var(--shape-border-width-1) solid var(--borderColor);border-radius:var(--shape-border-radius-1);word-wrap:break-word;text-align:left}.dropin-action-button:hover,.dropin-action-button:focus:hover{--textColor: var(--color-neutral-900)}.dropin-action-button:active:focus{--borderColor: var(--color-neutral-500)}.dropin-action-button:focus{outline:none}.dropin-action-button:focus-visible{--borderColor: var(--color-neutral-800);outline:solid var(--shape-border-width-4) var(--color-neutral-400)}.dropin-action-button--active{--bgColor: var(--color-action-button-active);--borderColor: var(--color-neutral-400);--textColor: var(--color-neutral-900)}.dropin-action-button--active:hover,.dropin-action-button--active:focus:hover{--bgColor: var(--color-action-button-active);--textColor: var(--color-neutral-800)}.dropin-action-button--active:active:focus{--bgColor: var(--color-action-button-active);--textColor: var(--color-neutral-700)}.dropin-action-button--disabled,.dropin-action-button:disabled,.dropin-action-button--disabled:focus-visible{--bgColor: var(--color-neutral-300);--textColor: var(--color-neutral-500);pointer-events:none}.dropin-action-button:not(:disabled){cursor:pointer}.dropin-action-button-icon{display:inline-flex;justify-content:center;align-items:center;height:16px}.dropin-action-button-icon:first-child:not(:last-child){margin-right:var(--spacing-xsmall)}.dropin-action-button-group{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--shape-border-radius-1);border:var(--shape-border-width-1) solid var(--color-neutral-400)}.dropin-action-button-group__option{border:none;border-radius:0;align-self:stretch;--borderRadiusValue: calc( var(--shape-border-radius-1) - var(--shape-border-width-1) )}.dropin-action-button-group__option:first-child{border-radius:var(--borderRadiusValue) 0 0 var(--borderRadiusValue)}.dropin-action-button-group__option:last-child{border-radius:0 var(--borderRadiusValue) var(--borderRadiusValue) 0}.dropin-action-button-group__option:only-child{border-radius:var(--borderRadiusValue)}.dropin-action-button-group__option--with-dividers{border-right:var(--shape-border-width-1) solid var(--color-neutral-400)}.dropin-action-button-group__option--with-dividers:last-child{border-right:none}.dropin-action-button-group__option--active:not(:disabled){background:var(--color-neutral-50)}.dropin-action-button-group--secondary{border:none}.dropin-action-button-group__option--secondary{background:var(--color-neutral-100)}.dropin-action-button-group__option:focus-visible{outline:solid var(--shape-border-width-4) var(--color-neutral-400);border-radius:var(--shape-border-radius-1);z-index:1}.dropin-card{--bgColor: var(--color-neutral-200);background-color:var(--bgColor);border-width:0;border-radius:var(--shape-border-radius-2)}.dropin-card--secondary{--bgColor: var(--color-neutral-50);border-width:var(--shape-border-width-2);border-style:solid;border-color:var(--color-neutral-400)}.dropin-card__content{display:flex;flex-direction:column;gap:var(--spacing-medium);padding-top:var(--spacing-medium);padding-right:var(--spacing-medium);padding-bottom:var(--spacing-medium);padding-left:var(--spacing-medium)}.dropin-checkbox{align-items:flex-start;display:grid;grid-template-columns:var(--spacing-small) auto;grid-gap:var(--spacing-xxsmall) 0}.dropin-checkbox__checkbox{display:none;margin:0}.dropin-checkbox__checkbox-icon{display:flex;align-items:center}.dropin-checkbox__box{margin:0;width:14px;height:14px;border-radius:var(--shape-border-radius-1);border:var(--shape-border-width-1) solid var(--color-neutral-600);background:var(--color-neutral-50) 0 0 no-repeat padding-box;cursor:pointer}.dropin-checkbox__checkmark{opacity:0;border-radius:var(--shape-border-radius-1)}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box{border:none}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box .dropin-checkbox__checkmark{opacity:1;color:var(--color-neutral-50);background:var(--color-neutral-700) 0 0 no-repeat padding-box;top:-1px;position:relative}.dropin-checkbox__box:hover{border:var(--shape-border-width-1) solid var(--color-neutral-800)}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box:hover{border:none;background:var(--color-neutral-800) 0 0 no-repeat padding-box}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box .dropin-checkbox__checkmark:hover{background:var(--color-neutral-800) 0 0 no-repeat padding-box}.dropin-checkbox__box:focus-visible{border:var(--shape-border-width-1) solid var(--color-neutral-800);outline:var(--shape-border-width-3) solid var(--color-neutral-400)}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box:focus-visible{width:var(--spacing-small);height:var(--spacing-small);border:none;background:var(--color-neutral-800) 0 0 no-repeat padding-box;outline:var(--shape-border-width-3) solid var(--color-neutral-400)}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box:focus-visible .dropin-checkbox__checkmark{top:0}.dropin-checkbox__label,.dropin-checkbox__label--medium{padding-left:var(--spacing-xsmall);color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);text-align:left}.dropin-checkbox__label--large{padding-left:var(--spacing-small);color:var(--color-neutral-800);font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);text-align:left}.dropin-checkbox__label--medium a{font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing)}.dropin-checkbox__label--large a{font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing)}.dropin-checkbox__description{display:block;clear:both;flex-basis:100%;width:100%}.dropin-checkbox__description,.dropin-checkbox__description--medium{padding-left:var(--spacing-xsmall);color:var(--color-neutral-700);font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);text-align:left}.dropin-checkbox__description--large{padding-left:var(--spacing-small);color:var(--color-neutral-700);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);text-align:left}.dropin-checkbox,.dropin-checkbox--checkbox:not(:disabled){cursor:pointer}.dropin-checkbox__box--error,.dropin-checkbox__box--error:hover{border:var(--shape-border-width-2) solid var(--color-alert-500);background:var(--color-neutral-50) 0 0 no-repeat padding-box}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--error,.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--error:hover{border:none;background:var(--color-alert-500) 0 0 no-repeat padding-box}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--error>.dropin-checkbox__checkmark,.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--error>.dropin-checkbox__checkmark:hover{background:var(--color-alert-500) 0 0 no-repeat padding-box}.dropin-checkbox__checkmark--error{opacity:1;color:var(--color-neutral-50);border:var(--color-alert-500);background:var(--color-alert-500) 0 0 no-repeat padding-box}.dropin-checkbox--disabled,.dropin-checkbox__label--disabled,.dropin-checkbox__description--disabled{color:var(--color-neutral-500);cursor:default;pointer-events:none}.dropin-checkbox__box--disabled,.dropin-checkbox__box--disabled:hover{background:var(--color-neutral-300) 0 0 no-repeat padding-box;border:var(--shape-border-width-1) solid var(--color-neutral-500);cursor:default}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--disabled,.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--disabled:hover{border:none;background:var(--color-neutral-300) 0 0 no-repeat padding-box}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--disabled>.dropin-checkbox__checkmark,.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--disabled>.dropin-checkbox__checkmark:hover{background:var(--color-neutral-300) 0 0 no-repeat padding-box}.dropin-color-swatch__container input[type=radio],.dropin-color-swatch__container input[type=checkbox]{opacity:0;position:absolute;width:0;height:0}.dropin-color-swatch__container .dropin-color-swatch__span{border-radius:50%;display:inline-block;--bg-color: var(--color-neutral-300);box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-400);position:relative;cursor:pointer;background-color:var(--bg-color)}.dropin-color-swatch__container--medium .dropin-color-swatch__span{height:32px;width:32px}.dropin-color-swatch__container--large .dropin-color-swatch__span{height:40px;width:40px}.dropin-color-swatch__container input[type=radio]:not(:checked):active~.dropin-color-swatch__span,.dropin-color-swatch__container input[type=checkbox]:not(:checked):active~.dropin-color-swatch__span{box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-500);outline:none}.dropin-color-swatch__container input[type=radio]:checked~.dropin-color-swatch__span,.dropin-color-swatch__container input[type=checkbox]:checked~.dropin-color-swatch__span,.dropin-color-swatch--selected{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 3px var(--color-neutral-800)}.dropin-color-swatch__container input[type=radio]:checked:active~.dropin-color-swatch__span,.dropin-color-swatch__container input[type=checkbox]:checked:active~.dropin-color-swatch__span{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-900)}.dropin-color-swatch__container input[type=radio]:focus-visible+.dropin-color-swatch__span,.dropin-color-swatch__container input[type=checkbox]:focus-visible+.dropin-color-swatch__span{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-900),0 0 0 6px var(--color-neutral-400)}.dropin-color-swatch__container input[type=radio]:disabled~.dropin-color-swatch__span,.dropin-color-swatch__container input[type=checkbox]:disabled~.dropin-color-swatch__span,.dropin-color-swatch--disabled,.dropin-color-swatch__container input[type=radio]:disabled:active~.dropin-color-swatch__span,.dropin-color-swatch__container input[type=checkbox]:disabled:active~.dropin-color-swatch__span{box-shadow:0 0 0 var(--shape-border-width-4) var(--color-neutral-500);opacity:.24;pointer-events:none}.dropin-color-swatch__span--out-of-stock{box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-700);background:linear-gradient(to top left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) calc(50% - .8px),var(--color-neutral-700) 50%,rgba(0,0,0,0) calc(50% + .8px),rgba(0,0,0,0) 100%),var(--bg-color)}.dropin-color-swatch__container input[type=radio]:not(:disabled)~.dropin-color-swatch__span,.dropin-color-swatch__container input[type=checkbox]:not(:disabled)~.dropin-color-swatch__span{cursor:pointer}.dropin-text-swatch__container input[type=radio],.dropin-text-swatch__container input[type=checkbox]{opacity:0;position:absolute;width:0}.dropin-text-swatch__container label{display:inline-block;background-color:var(--color-neutral-200);color:var(--color-neutral-800);border:var(--shape-border-width-1) solid var(--color-neutral-400);padding:6px var(--spacing-small);border-radius:var(--shape-border-radius-1);box-sizing:border-box;align-items:center;justify-content:center;font:var(--type-body-1-strong-font);position:relative;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropin-text-swatch__container label:hover{color:var(--color-neutral-900)}.dropin-text-swatch__container input[type=radio]:checked+.dropin-text-swatch__label,.dropin-text-swatch__container input[type=checkbox]:checked+.dropin-text-swatch__label,.dropin-text-swatch--selected{background-color:var(--color-neutral-50);box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-900)}.dropin-text-swatch__container input[type=radio]:focus-visible+label,.dropin-text-swatch__container input[type=checkbox]:focus-visible+label{background-color:var(--color-neutral-200);border:var(--shape-border-width-3) solid var(--color-neutral-800);outline:solid var(--shape-border-width-4) var(--color-neutral-400)}.dropin-text-swatch__container input[type=radio]:checked+label:active,.dropin-text-swatch__container input[type=checkbox]:checked+label:active,.dropin-text-swatch--selected{background-color:var(--color-neutral-200);box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-900),0 0 0 6px var(--color-neutral-400)}.dropin-text-swatch__container input[type=radio]:active+label,.dropin-text-swatch__container input[type=radio]:checked+label:active,.dropin-text-swatch__container input[type=radio]:checked+label:hover:not(:focus-visible),.dropin-text-swatch__container input[type=checkbox]:active+label,.dropin-text-swatch__container input[type=checkbox]:checked+label:active,.dropin-text-swatch__container input[type=checkbox]:checked+label:hover:not(:focus-visible){border:var(--shape-border-width-1) solid var(--color-neutral-500);color:var(--color-neutral-900);outline:none}.dropin-text-swatch__container input[type=radio]:disabled+label,.dropin-text-swatch__container input[type=checkbox]:disabled+label,.dropin-text-swatch--disabled,.dropin-text-swatch__container input[type=radio]:disabled:focus-visible+label,.dropin-text-swatch__container input[type=checkbox]:disabled:focus-visible+label{background-color:var(--color-neutral-300);color:var(--color-neutral-500);pointer-events:none;border:var(--shape-border-width-1) solid var(--color-neutral-500);outline:none}.dropin-text-swatch__label--out-of-stock{background:linear-gradient(to top left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) calc(50% - .8px),var(--color-neutral-700) 50%,rgba(0,0,0,0) calc(50% + .8px),rgba(0,0,0,0) 100%),var(--color-neutral-200)}.dropin-text-swatch__container input[type=radio]:not(:disabled)+label,.dropin-text-swatch__container input[type=checkbox]:not(:disabled)+label{cursor:pointer}[data-tooltip]{position:relative}[data-tooltip]:after{display:none;content:attr(data-tooltip);position:absolute;bottom:100%;left:0;background-color:var(--color-neutral-50);color:var(--color-neutral-800);border:var(--shape-border-width-1) solid var(--color-neutral-400);padding:6px var(--spacing-small);border-radius:var(--shape-border-radius-1);white-space:nowrap;z-index:1000;font:var(--type-body-1-strong-font);margin-bottom:var(--spacing-xxsmall);-webkit-border-radius:var(--shape-border-radius-1);-moz-border-radius:var(--shape-border-radius-1)}[data-tooltip]:hover:after{display:block}.dropin-progress-spinner-provider{position:relative;display:flex;flex-direction:column;border-radius:inherit;opacity:1;padding:var(--spacing-small)}.dropin-progress-spinner{--size: var(--spacing-medium);--stroke-width: var(--shape-icon-stroke-4);width:var(--size);height:var(--size);border-style:solid;border-width:var(--stroke-width);border-color:var(--color-neutral-400);border-top-color:var(--color-brand-500);border-radius:50%;animation:indeterminate 1s infinite ease-in-out}.dropin-progress-spinner-with-provider{position:absolute;top:calc(50% - var(--size) / 2 - var(--stroke-width));left:calc(50% - var(--size) / 2 - var(--stroke-width))}.dropin-progress-spinner-background{--bgColor: var(--color-neutral-50);background-color:var(--bgColor);border-radius:inherit;opacity:.5;position:absolute;width:100%;height:100%;margin-top:calc(-1 * var(--spacing-small));margin-left:calc(-1 * var(--spacing-small))}.dropin-progress-spinner--shape-size-small{--size: var(--spacing-medium)}.dropin-progress-spinner--shape-size-medium{--size: var(--spacing-big)}.dropin-progress-spinner--shape-size-big{--size: var(--spacing-xxbig)}.dropin-progress-spinner--shape-size-large{--size: var(--spacing-large)}.dropin-progress-spinner--shape-stroke-1{--stroke-width: var(--shape-icon-stroke-1)}.dropin-progress-spinner--shape-stroke-2{--stroke-width: var(--shape-icon-stroke-2)}.dropin-progress-spinner--shape-stroke-3{--stroke-width: var(--shape-icon-stroke-3)}.dropin-progress-spinner--shape-stroke-4{--stroke-width: var(--shape-icon-stroke-4)}@keyframes indeterminate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dropin-image-swatch__container input[type=radio],.dropin-image-swatch__container input[type=checkbox]{opacity:0;position:absolute;width:0;height:0}.dropin-image-swatch__container .dropin-image-swatch__span{display:inline-block;--bg-color: var(--color-neutral-300);box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-400);position:relative;cursor:pointer;background-color:var(--bg-color);background-image:var(--background-image);background-repeat:no-repeat;background-size:cover;height:100px;width:100px;overflow:hidden}.dropin-image-swatch__span img,.dropin-image-swatch__content{width:inherit;position:absolute;top:-9999px;bottom:-9999px;left:-9999px;right:-9999px;margin:auto}.dropin-image-swatch__span:hover{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-500);outline:none}.dropin-image-swatch__container input[type=radio]:not(:checked):active~.dropin-image-swatch__span,.dropin-image-swatch__container input[type=checkbox]:not(:checked):active~.dropin-image-swatch__span{box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-500);outline:none}.dropin-image-swatch__container input[type=radio]:checked~.dropin-image-swatch__span,.dropin-image-swatch__container input[type=checkbox]:checked~.dropin-image-swatch__span,.dropin-image-swatch--selected{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-800)}.dropin-image-swatch__container input[type=radio]:checked:active~.dropin-image-swatch__span,.dropin-image-swatch__container input[type=checkbox]:checked:active~.dropin-image-swatch__span{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-600)}.dropin-image-swatch__container input[type=radio]:focus-visible+.dropin-image-swatch__span,.dropin-image-swatch__container input[type=checkbox]:focus-visible+.dropin-image-swatch__span{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-900),0 0 0 6px var(--color-neutral-400)}.dropin-image-swatch__container input[type=radio]:disabled~.dropin-image-swatch__span,.dropin-image-swatch__container input[type=checkbox]:disabled~.dropin-image-swatch__span,.dropin-image-swatch--disabled,.dropin-image-swatch__container input[type=radio]:disabled:active~.dropin-image-swatch__span,.dropin-image-swatch__container input[type=checkbox]:disabled:active~.dropin-image-swatch__span{box-shadow:0 0 0 var(--shape-border-width-4) var(--color-neutral-500);background-color:#ffffffc2;pointer-events:none}.dropin-image-swatch__container .dropin-image-swatch__span--out-of-stock{background:linear-gradient(to top left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) calc(50% - .8px),var(--color-neutral-700) 50%,rgba(0,0,0,0) calc(50% + .8px),rgba(0,0,0,0) 100%);background-color:#fff9}.dropin-image-swatch__span--out-of-stock>.dropin-image-swatch__content,.dropin-image-swatch__span--out-of-stock img,.dropin-image-swatch__container input[type=radio]:disabled~.dropin-image-swatch__span img,.dropin-image-swatch__container input[type=radio]:disabled~.dropin-image-swatch__span>.dropin-image-swatch__content,.dropin-image-swatch__container input[type=checkbox]:disabled~.dropin-image-swatch__span img,.dropin-image-swatch__container input[type=checkbox]:disabled~.dropin-image-swatch__span>.dropin-image-swatch__content{z-index:-1}.dropin-image-swatch__container input[type=radio]:not(:disabled)~.dropin-image-swatch__span,.dropin-image-swatch__container input[type=checkbox]:not(:disabled)~.dropin-image-swatch__span{cursor:pointer}.dropin-accordion-section__heading{display:grid;grid-template-columns:1fr max-content}.dropin-accordion-section p{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);color:var(--color-neutral-700);margin:0}.dropin-accordion-section__flex{display:flex;justify-content:space-between;cursor:pointer;align-items:center}.dropin-accordion-section__title-container,.dropin-accordion-section__secondary-text-container{display:flex;gap:var(--spacing-xsmall);align-items:center}.dropin-accordion-section__secondary-text-container h4,.dropin-accordion-section__title-container h3{margin:0}.dropin-accordion-section__title{color:var(--color-neutral-800);font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing);cursor:pointer}.dropin-accordion-section__secondary-text{color:var(--color-neutral-700);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-accordion-section__secondary-text a{font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing)}.dropin-accordion-section svg{cursor:pointer}.dropin-accordion-section__content-container{display:grid;margin:var(--spacing-medium) 0;gap:var(--spacing-medium)}.dropin-accordion-section__content-container:empty{margin:0}.dropin-in-line-alert{border-width:var(--shape-border-width-2);border-style:solid;border-radius:var(--shape-border-radius-1);display:grid;grid-auto-flow:row;gap:var(--spacing-small);padding:var(--spacing-small);position:relative}.dropin-in-line-alert__heading{display:grid;gap:var(--spacing-small);grid-template-columns:auto auto;align-items:center}.dropin-in-line-alert__title-container{display:flex;align-items:center;gap:var(--spacing-xsmall)}.dropin-in-line-alert__title{color:var(--color-neutral-800);font:var(--type-body-2-emphasized-font);letter-spacing:var(--type-body-2-emphasized-letter-spacing);margin:0}.dropin-in-line-alert__actions-container{display:flex;justify-content:end}.dropin-in-line-alert__additional-action{padding:0}.dropin-in-line-alert__additional-action span{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);text-decoration:underline;color:var(--color-neutral-700)}.dropin-in-line-alert__dismiss-button{padding:0}.dropin-in-line-alert__description{color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);margin:0}.dropin-in-line-alert__additional-actions-container{display:flex;gap:var(--spacing-small);justify-content:flex-end}.dropin-in-line-alert__item-list:first-child:before{content:"";display:block;border-top:var(--shape-border-width-3) solid var(--color-neutral-400);margin-bottom:var(--spacing-medium)}.dropin-in-line-alert--error{border-color:var(--color-alert-500)}.dropin-in-line-alert--warning{border-color:var(--color-warning-500)}.dropin-in-line-alert--success{border-color:var(--color-positive-500)}.dropin-in-line-alert--secondary{border:none;background-color:var(--color-neutral-200)}.dropin-modal{height:100vh;width:100vw;position:fixed;top:0;left:0;z-index:99999;overflow:auto;display:grid;grid-template-columns:repeat(var(--grid-2-columns),1fr);grid-auto-flow:column}.dropin-modal--dim{background-color:#0000003d}.dropin-modal__body{background-color:var(--color-neutral-50);padding:var(--spacing-medium);overflow:hidden;text-align:left;vertical-align:middle;position:relative;box-shadow:var(--shape-shadow-2);border-radius:4px;flex-direction:column}.dropin-modal__body--centered{text-align:center;margin-left:auto;margin-right:auto}.dropin-modal__body--full{grid-column-start:1;grid-column-end:span var(--grid-2-columns);margin-block:auto}.dropin-modal__body--small,.dropin-modal__body--medium{grid-column-start:3;grid-column-end:11;margin-block:auto}.dropin-modal__body--small>.dropin-modal__content,.dropin-modal__body--medium>.dropin-modal__content,.dropin-modal__body--full>.dropin-modal__content{margin-bottom:var(--spacing-xbig)}.dropin-modal__header{flex-direction:row;min-height:var(--spacing-medium);display:flex;position:relative}.dropin-modal__header-title{margin-bottom:var(--spacing-small)}.dropin-modal__header-title-content{flex-direction:row;display:flex;position:relative}.dropin-modal__header-close-button{margin-left:auto}@media only screen and (min-width: 768px){.dropin-modal__body--small{grid-column-start:6;grid-column-end:9;margin-block:auto}.dropin-modal__body--medium{grid-column-start:4;grid-column-end:10;margin-block:auto}.dropin-modal__body--medium>.dropin-modal__content,.dropin-modal__body--full>.dropin-modal__content{margin:0 var(--spacing-xxbig) var(--spacing-large)}.dropin-modal__body--medium>.dropin-modal__header,.dropin-modal__body--full>.dropin-modal__header{min-height:var(--spacing-xxbig)}.dropin-modal__body--medium>.dropin-modal__header-title,.dropin-modal__body--full>.dropin-modal__header-title{margin-bottom:var(--spacing-medium)}}.dropin-cart-item{--item-group-spacing: 0;--group-spacing: var(--spacing-xsmall);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);color:var(--color-neutral-700);container-type:inline-size;container-name:cart-item;position:relative}.dropin-cart-item__skeleton{gap:var(--spacing-xsmall)}.dropin-cart-item__skeleton__item{width:100%;height:auto}.dropin-cart-item__skeleton__item:after{content:"";display:inline-block}.dropin-cart-item__image .dropin-cart-item__skeleton__item{padding-bottom:100%}.dropin-cart-item__image:is(img),.dropin-cart-item__image img{width:100%;height:auto}.dropin-cart-item__title{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);color:var(--color-neutral-800)}.dropin-cart-item__sku{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing)}.dropin-cart-item__configurations{list-style-type:none;margin:var(--group-spacing) 0 0 0;padding:0}.dropin-cart-item__configurations__item__value{font-weight:inherit;color:var(--color-neutral-800)}.dropin-cart-item__configurations__item:not(:last-child){margin-right:var(--spacing-xxsmall)}.dropin-cart-item__quantity__value{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);display:none}.dropin-cart-item__quantity__number{font-weight:inherit;color:var(--color-neutral-800)}.dropin-cart-item__quantity__incrementer,.dropin-cart-item__quantity__picker{max-width:160px;margin-top:calc(var(--group-spacing) / 2);margin-bottom:var(--group-spacing)}.dropin-cart-item__remove{position:absolute;right:0;top:0}.dropin-cart-item__warning,.dropin-cart-item__alert{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);margin-bottom:var(--group-spacing);display:flex;align-items:center}.dropin-cart-item__discount,.dropin-cart-item__savings{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.dropin-cart-item__warning svg,.dropin-cart-item__alert svg{margin-right:var(--spacing-xxsmall)}.dropin-cart-item__savings__large-screen,.dropin-cart-item__discount__large-screen,.dropin-cart-item__savings__wrapper{display:none}.dropin-cart-item__warning,.dropin-cart-item__discount,.dropin-cart-item__savings{color:var(--color-warning-800)}.dropin-cart-item__warning svg{fill:var(--color-warning-800);color:var(--color-neutral-50)}.dropin-cart-item__alert{color:var(--color-alert-800)}.dropin-cart-item__alert svg{fill:var(--color-alert-800);color:var(--color-neutral-50)}.dropin-cart-item__total{display:flex;gap:var(--spacing-xxsmall);flex-direction:column}.dropin-cart-item__row-total{display:flex;gap:var(--spacing-xxsmall)}.dropin-cart-item__row-total__wrapper{display:flex}.dropin-cart-item__total-tax-excluded{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);color:var(--color-neutral-800)}.dropin-cart-item--updating{opacity:.4;pointer-events:none;position:relative}.dropin-cart-item__spinner{margin:0 auto;position:absolute;z-index:999;left:0;right:0;top:calc(50% - (var(--size) / 2));bottom:0}.dropin-cart-item__sr-only{border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1;margin:0 -1px -1px 0;overflow:hidden;padding:0;position:absolute;width:1}.dropin-cart-item__wrapper{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:min-content;grid-column-gap:var(--spacing-small)}.dropin-cart-item__image{grid-column:1 / 2;grid-row:1 / 10}.dropin-cart-item__title,.dropin-cart-item__sku,.dropin-cart-item__attributes,.dropin-cart-item__configurations,.dropin-cart-item__price,.dropin-cart-item__total,.dropin-cart-item__warning,.dropin-cart-item__alert,.dropin-cart-item__quantity,.dropin-cart-item__footer{grid-column:2 / 5}.dropin-cart-item__actions{grid-column:1 / 5;grid-row:5 / 10;text-align:left;display:flex;flex-direction:column;gap:0}.dropin-cart-item__actions button:only-child{padding-left:0;padding-right:0}.dropin-cart-item__title--edit{padding-right:var(--spacing-xbig)}.dropin-cart-item__description,.dropin-cart-item__sku{margin-top:var(--item-group-spacing)}.dropin-cart-item__price,.dropin-cart-item__footer div,.dropin-cart-item__attributes div{margin-top:var(--group-spacing)}.dropin-cart-item__footer p{margin-top:0}.dropin-cart-item__quantity:not(.dropin-cart-item__quantity--edit){display:none}.dropin-cart-item__warning--quantity,.dropin-cart-item__alert--quantity,.dropin-cart-item__description{display:none}.dropin-cart-item__price-tax-message,.dropin-cart-item__price-tax-excluded-message,.dropin-cart-item__total-tax-message{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);color:var(--color-neutral-800)}.dropin-cart-item__total-tax-message{margin-left:var(--spacing-xxsmall)}.dropin-cart-item__footer{font:var(--type-body-2-emphasized-font);letter-spacing:var(--type-body-2-emphasized-letter-spacing);color:var(--color-neutral-800)}.dropin-cart-item__attributes{font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);color:var(--color-neutral-800)}@container cart-item (width >= 400px) and (width < 737px){.dropin-cart-item__title,.dropin-cart-item__sku,.dropin-cart-item__attributes,.dropin-cart-item__configurations,.dropin-cart-item__price,.dropin-cart-item__warning,.dropin-cart-item__alert,.dropin-cart-item__quantity,.dropin-cart-item__footer{grid-column:2 / 4}.dropin-cart-item__actions{grid-column:1 / 4;grid-row:5 / 10}.dropin-cart-item__title--edit{grid-column:2 / 5}.dropin-cart-item__total:not(.dropin-cart-item__total--edit){grid-auto-rows:min-content;grid-column:4 / 5;grid-row:1 / 10;display:grid;justify-self:end;text-align:right;gap:unset}}@container cart-item (width >= 737px) and (width < 1192px){.dropin-cart-item__wrapper{grid-template-columns:repeat(12,1fr)}.dropin-cart-item__image{grid-column:1 / 3}.dropin-cart-item__savings,.dropin-cart-item__discount{display:none}.dropin-cart-item__savings__large-screen,.dropin-cart-item__discount__large-screen,.dropin-cart-item__savings__wrapper{display:block}.dropin-cart-item__savings__wrapper:empty{display:none}.dropin-cart-item__title,.dropin-cart-item__sku,.dropin-cart-item__savings__large-screen,.dropin-cart-item__discount__large-screen,.dropin-cart-item__attributes,.dropin-cart-item__configurations,.dropin-cart-item__savings__wrapper,.dropin-cart-item__price,.dropin-cart-item__warning,.dropin-cart-item__alert,.dropin-cart-item__quantity,.dropin-cart-item__footer{grid-column:3 / 9}.dropin-cart-item__actions{grid-column:10 / 13;grid-row:4 / 10;text-align:right}.dropin-cart-item__savings__wrapper{margin-top:var(--spacing-xsmall)}.dropin-cart-item__title--edit{padding-right:unset}.dropin-cart-item__total{grid-column:10 / 13;grid-row:1 / 10;text-align:right;display:flex;flex-direction:column;gap:0}.dropin-cart-item__row-total{display:contents;gap:var(--spacing-xxsmall)}.dropin-cart-item__total--edit{padding-right:calc(var(--spacing-xbig) + var(--spacing-xsmall))}.dropin-cart-item__row-total__wrapper{display:contents}}@container cart-item (width >= 1192px){.dropin-cart-item{--item-group-spacing: var(--spacing-xxsmall);--group-spacing: var(--spacing-small)}.dropin-cart-item__wrapper{grid-template-columns:repeat(8,1fr);grid-column-gap:var(--spacing-medium)}.dropin-cart-item__image{grid-column:1 / 2}.dropin-cart-item__title,.dropin-cart-item__description,.dropin-cart-item__sku,.dropin-cart-item__price,.dropin-cart-item__attributes,.dropin-cart-item__configurations,.dropin-cart-item__footer{grid-column:2 / 6}.dropin-cart-item__title{padding-right:unset}.dropin-cart-item__actions{grid-column:9 / 13;grid-row:4 / 10;text-align:right}.dropin-cart-item__warning,.dropin-cart-item__alert{grid-column:6 / 7}.dropin-cart-item__warning--quantity,.dropin-cart-item__alert--quantity{display:flex;align-items:center}.dropin-cart-item__warning--quantity svg,.dropin-cart-item__alert--quantity svg{margin-right:var(--spacing-xxsmall)}.dropin-cart-item__warning--quantity svg{fill:var(--color-warning-800);color:var(--color-neutral-50)}.dropin-cart-item__alert--quantity svg{fill:var(--color-alert-800);color:var(--color-neutral-50)}.dropin-cart-item__warning:not(.dropin-cart-item__warning--quantity),.dropin-cart-item__alert:not(.dropin-cart-item__alert--quantity){display:none}.dropin-cart-item__total{grid-column:10 / 13;grid-row:1 / 10;justify-self:end;text-align:right}.dropin-cart-item__total:has(.dropin-cart-item__total-tax-excluded){flex-direction:column;gap:0}.dropin-cart-item__row-total{display:flex;gap:var(--spacing-xxsmall)}.dropin-cart-item__total--edit{padding-right:calc(var(--spacing-xbig) + var(--spacing-xsmall))}.dropin-cart-item__quantity__incrementer,.dropin-cart-item__quantity__picker{margin-top:0}.dropin-cart-item__quantity:not(.dropin-cart-item__quantity--edit),.dropin-cart-item__quantity__value{display:unset}.dropin-cart-item__price__quantity{display:none}.dropin-cart-item__title{font:var(--type-headline-2-default-font);letter-spacing:var(--type-headline-2-default-letter-spacing)}}.dropin-cart-list{container-type:inline-size;container-name:cart-item}.dropin-cart-list__wrapper{display:grid;grid-auto-rows:min-content;grid-gap:var(--spacing-medium)}@container cart-item (width >= 737px){.dropin-cart-list__wrapper{grid-gap:0}.dropin-cart-list__item:not(:last-child):after{content:"";display:block;border-top:var(--shape-border-width-3) solid var(--color-neutral-400);margin:var(--spacing-medium) 0}}.dropin-price-range{display:flex;flex-wrap:wrap;font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.dropin-price-range__separator,.dropin-price-range__to{margin-left:5px;margin-right:5px;margin-block:auto}.dropin-price-range__from,.dropin-price-range__as-low-as{margin-right:5px}.dropin-price-range__from--small,.dropin-price-range__to--small,.dropin-price-range__as-low-as--small{font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing)}.dropin-price-range__from--medium,.dropin-price-range__to--medium,.dropin-price-range__as-low-as--medium{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-price-range__from--large,.dropin-price-range__to--large,.dropin-price-range__as-low-as--large{font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing)}.dropin-price-range__special{margin-left:5px}.dropin-breadcrumbs__container{display:flex}.dropin-breadcrumbs__items{display:flex;flex-wrap:wrap;font:var(--type-details-caption-1-font);list-style:none;margin:0;padding:0}.dropin-breadcrumbs__item{display:flex;justify-content:center}.dropin-breadcrumbs__item--last>:first-child{color:var(--color-brand-500);cursor:default}.dropin-breadcrumbs__item--last>:first-child:hover,.dropin-breadcrumbs__item--last>:first-child:focus-visible{text-decoration:none}.dropin-breadcrumbs__separator--default{margin:0 var(--spacing-xsmall)}.dropin-breadcrumbs__separator--icon{width:16px;height:16px;margin:0 var(--spacing-xxsmall)}.dropin-alert-banner{background-color:var(--color-alert-800);color:var(--color-neutral-50);font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);padding:var(--spacing-small);display:grid;grid-template-columns:1fr max-content;align-items:center;gap:var(--spacing-small)}.dropin-alert-banner__actions,.dropin-alert-banner__content{align-items:center;display:grid;grid-template-columns:max-content max-content}.dropin-alert-banner--neutral,.dropin-alert-banner--neutral button.dropin-alert-banner__dismiss-button{background-color:var(--color-neutral-700)}.dropin-alert-banner--neutral button.dropin-alert-banner__dismiss-button:hover,.dropin-alert-banner--neutral button.dropin-alert-banner__dismiss-button:focus,.dropin-alert-banner--neutral button.dropin-alert-banner__dismiss-button:focus:hover,.dropin-alert-banner--neutral button.dropin-alert-banner__dismiss-button:active{background-color:var(--color-neutral-500)}.dropin-alert-banner--brand,.dropin-alert-banner--brand button.dropin-alert-banner__dismiss-button{background-color:var(--color-brand-500)}.dropin-alert-banner--brand button.dropin-alert-banner__dismiss-button:hover,.dropin-alert-banner--brand button.dropin-alert-banner__dismiss-button:focus,.dropin-alert-banner--brand button.dropin-alert-banner__dismiss-button:focus:hover,.dropin-alert-banner--brand button.dropin-alert-banner__dismiss-button:active{background-color:var(--color-brand-700)}.dropin-alert-banner--success,.dropin-alert-banner--success button.dropin-alert-banner__dismiss-button{background-color:var(--color-positive-800)}.dropin-alert-banner--success button.dropin-alert-banner__dismiss-button:hover,.dropin-alert-banner--success button.dropin-alert-banner__dismiss-button:focus,.dropin-alert-banner--success button.dropin-alert-banner__dismiss-button:focus:hover,.dropin-alert-banner--success button.dropin-alert-banner__dismiss-button:active{background-color:var(--color-positive-500)}.dropin-alert-banner--warning,.dropin-alert-banner--warning button.dropin-alert-banner__dismiss-button{background-color:var(--color-alert-800)}.dropin-alert-banner--warning button.dropin-alert-banner__dismiss-button:hover,.dropin-alert-banner--warning button.dropin-alert-banner__dismiss-button:focus,.dropin-alert-banner--warning button.dropin-alert-banner__dismiss-button:focus:hover,.dropin-alert-banner--warning button.dropin-alert-banner__dismiss-button:active{background-color:var(--color-alert-500)}.dropin-alert-banner__icon{flex-shrink:0;color:var(--color-neutral-50);margin-right:var(--spacing-small)}button.dropin-alert-banner__dismiss-button{margin-left:auto;color:var(--color-neutral-50);height:24px;min-height:24px;width:24px;min-width:24px;padding:0}button.dropin-alert-banner__action{color:var(--color-neutral-50);font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);padding:0;margin-right:var(--spacing-xxsmall)}@media only screen and (width >= 400px) and (width < 768px){.dropin-alert-banner__actions,.dropin-alert-banner__content{grid-template-columns:auto auto;word-break:break-word;word-wrap:break-word}.dropin-alert-banner__message{word-break:break-word;word-wrap:break-word}}.dropin-illustrated-message{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;row-gap:var(--spacing-small)}.dropin-illustrated-message .dropin-card{width:100%}.dropin-illustrated-message__icon{color:var(--color-neutral-400);margin:0 auto var(--spacing-medium) auto}.dropin-illustrated-message__heading{color:var(--color-neutral-800);font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing);margin:0}.dropin-illustrated-message__message{color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);text-align:center;margin:0}.dropin-illustrated-message .dropin-illustrated-message__action{justify-self:center;align-self:center}.dropin-toggle-button{display:block;position:relative;width:100%}.dropin-toggle-button__actionButton{cursor:pointer;background-color:var(--color-neutral-200);border:var(--shape-border-width-1) solid var(--color-neutral-400);border-radius:var(--shape-border-radius-1);font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);padding:var(--spacing-medium);align-items:center;display:grid}.dropin-toggle-button__selected .dropin-toggle-button__actionButton{background-color:var(--color-neutral-50);border:var(--shape-border-width-1) solid var(--color-neutral-800)}.dropin-toggle-button:has(input:focus-visible){outline:0 none;box-shadow:0 0 0 var(--shape-icon-stroke-4) var(--color-neutral-400);-webkit-box-shadow:0 0 0 var(--shape-icon-stroke-4) var(--color-neutral-400);-moz-box-shadow:0 0 0 var(--shape-icon-stroke-4) var(--color-neutral-400);border-radius:var(--shape-border-radius-1)}.dropin-toggle-button__radioButton.dropin-radio-button{cursor:pointer;position:absolute}.dropin-toggle-button__radioButton .dropin-radio-button__label:before{cursor:pointer;margin-right:0}.dropin-toggle-button__radioButton .dropin-radio-button__input:focus-visible+.dropin-radio-button__label:before{box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-600)}.dropin-toggle-button__content{color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);display:flex;align-items:center;justify-content:center;margin-left:var(--spacing-big);cursor:pointer}.dropin-toggle-button__content a{color:var(--color-brand-500);font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing)}.dropin-toggle-button__icon{height:24px;margin-right:var(--spacing-xsmall)}.dropin-header-container{display:grid;grid-template-columns:repeat(2,auto);justify-content:space-between;gap:0px 0px;grid-template-areas:"title actions" "divider divider";width:100%}.dropin-header-container__title{grid-area:title;color:var(--color-neutral-800)}.dropin-header-container__title--medium{font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-1-letter-spacing)}.dropin-header-container__title--large{font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing)}.dropin-header-container__actions{grid-area:actions;font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);color:var(--color-brand-500);align-self:center}.dropin-header-container .dropin-header-container__divider{grid-area:divider;width:100%;border-top:3px solid var(--color-neutral-400)}.dropin-header-container .dropin-header-container__divider--medium{margin:var(--spacing-xsmall) 0 var(--spacing-medium) 0}.dropin-header-container .dropin-header-container__divider--large{margin:22px 0 var(--spacing-medium) 0}.dropin-tag-container{position:relative;border-radius:20px;-webkit-user-select:none;user-select:none;padding:8px 16px;background-color:var(--color-neutral-400);display:flex;justify-content:center;align-items:center}.dropin-tag-container__label{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-overline-letter-spacing);color:var(--color-neutral-800);line-height:21px}.dropin-content-grid{container-type:inline-size;container-name:dropin-content-grid;max-width:inherit;overflow:scroll}.dropin-content-grid__content{display:grid;gap:var(--spacing-small);margin:auto;justify-items:center}.dropin-content-grid__dynamic-columns-content{display:flex;flex-wrap:wrap}.dropin-content-grid__content--empty{grid-template-columns:repeat(1,1fr)}@container dropin-content-grid (width < 360){.dropin-content-grid__content{grid-template-columns:repeat(4,1fr);gap:var(--spacing-xsmall)}}.dropin-pagination{display:flex;justify-content:center;align-items:center;gap:0 var(--grid-2-gutters)}.dropin-pagination-arrow{margin:0;padding:0;box-sizing:border-box;background-color:transparent;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer}.dropin-pagination-arrow--backward svg{transform:rotate(90deg)}.dropin-pagination-arrow--forward svg{transform:rotate(-90deg)}.dropin-pagination_list{list-style:none;display:flex;justify-content:center;align-items:center;gap:0 var(--grid-2-gutters);margin:0;padding:0}.dropin-pagination_list-item{display:flex;justify-content:center;align-items:center;margin:0;padding:0;width:16px;height:16px}.dropin-pagination_list-item--active{background-color:var(--color-neutral-300);width:16px;height:16px;border-radius:50%;display:flex;justify-content:center;align-items:center}.dropin-pagination_list-item button{cursor:pointer;margin:0;padding:0;background-color:transparent;border:none;font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing)}.dropin-pagination_list-item--active button{cursor:default}.dropin-pagination_list-item--active button:disabled,.dropin-pagination_list-item--ellipsis button,.dropin-pagination-arrow--backward:disabled,.dropin-pagination-arrow--forward:disabled{cursor:default}.dropin-pagination button:not(:disabled){color:var(--color-neutral-800)}.dropin-pagination button{-moz-appearance:none;appearance:none;-webkit-appearance:none}`,{styleId:"sdk"});
|
|
3
|
+
(function(a,e){try{if(typeof document<"u"){const o=e.styleId;if(document.querySelector(`style[data-dropin="${o}"]`))return;const r=document.createElement("style");for(const i in e.attributes)r.setAttribute(i,e.attributes[i]);r.setAttribute("data-dropin",o),r.appendChild(document.createTextNode(a));const t=document.querySelector('link[rel="stylesheet"], style');t?t.before(r):document.head.append(r)}}catch(o){console.error("sdk-styles (injectCodeFunction)",o)}})(`.dropin-debugger--show-slots [data-slot-key]{outline:1px dashed var(--color-neutral-600);border-radius:4px}.dropin-debugger--show-slots [data-slot-key]:before{content:attr(data-slot-key);font:var(--type-details-caption-1-font);color:var(--color-informational-800);background-color:var(--color-informational-200);font-size:.75rem;border-radius:4px 4px 0 0;padding:.2rem .4rem;font-weight:600;position:absolute;z-index:2}.dropin-debugger--show-slots [data-slot]{outline:2px dashed var(--color-informational-800);outline-offset:3px;border-radius:4px;min-height:2rem}.dropin-debugger--show-slots [data-slot]:before{font:var(--type-details-caption-1-font);content:attr(data-slot);color:var(--color-informational-200);background-color:var(--color-informational-800);font-size:.75rem;border-radius:4px 4px 0 0;padding:.2rem .4rem;font-weight:600;position:absolute;transform:translateY(-26px);z-index:2}
|
|
4
|
+
.dropin-skeleton{--row-gap-spacing: var(--spacing-medium);display:grid;grid-template-columns:1fr 1fr;gap:var(--row-gap-spacing)}.dropin-skeleton .dropin-skeleton--row__content{background:var(--color-neutral-300) linear-gradient(to right,var(--color-neutral-300) 0%,var(--color-neutral-100) 20%,var(--color-neutral-300) 40%,var(--color-neutral-300) 100%) no-repeat;animation:skeletonShimmer infinite 1.2s linear;border-radius:var(--shape-border-radius-2)}.dropin-skeleton__empty{background:none}.dropin-skeleton-row--multiline{--multiline-gap-spacing: var(--spacing-medium);display:grid;grid-auto-rows:max-content;gap:var(--multiline-gap-spacing)}.dropin-skeleton-row--full{grid-column:1 / -1}.dropin-skeleton-row svg{fill:var(--color-neutral-400);fill-opacity:.5;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeholderShimmer;animation-timing-function:linear}.dropin-skeleton-row__row-xsmall{height:32px}.dropin-skeleton-row__row-small{height:40px}.dropin-skeleton-row__row-medium{height:48px}.dropin-skeleton-row__row-large{height:56px}.dropin-skeleton-row__row-xlarge{height:72px}.dropin-skeleton-row__heading-xsmall{height:20px}.dropin-skeleton-row__heading-small{height:24px}.dropin-skeleton-row__heading-medium{height:32px}.dropin-skeleton-row__heading-large{height:40px}.dropin-skeleton-row__heading-xlarge{height:48px}@keyframes skeletonShimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes placeholderShimmer{0%{fill-opacity:.5}50%{fill-opacity:1}to{fill-opacity:.5}}@media only screen and (max-width: 600px){.dropin-skeleton{grid-template-columns:1fr}}.dropin-design{--color-brand-500: #454545;--color-brand-600: #383838;--color-brand-700: #2b2b2b;--color-neutral-50: #ffffff;--color-neutral-100: #fafafa;--color-neutral-200: #f5f5f5;--color-neutral-300: #e8e8e8;--color-neutral-400: #d6d6d6;--color-neutral-500: #b8b8b8;--color-neutral-600: #8f8f8f;--color-neutral-700: #666666;--color-neutral-800: #3d3d3d;--color-neutral-900: #292929;--color-positive-200: #eff5ef;--color-positive-500: #7fb078;--color-positive-800: #53824c;--color-informational-200: #eeeffb;--color-informational-500: #6978d9;--color-informational-800: #5d6dd6;--color-warning-200: #fdf3e9;--color-warning-500: #e79f5c;--color-warning-800: #ad5c00;--color-alert-200: #ffebeb;--color-alert-500: #db7070;--color-alert-800: #bf4545;--color-opacity-16: rgba(255, 255, 255, .16);--color-opacity-24: rgba(255, 255, 255, .24);--color-action-button-active: #ffffff;--color-action-button-hover: #e8e8e8;--color-button-active: #2b2b2b;--color-button-focus: #d6d6d6;--color-button-hover: #383838;--grid-1-columns: 4;--grid-1-margins: 0;--grid-1-gutters: 16px;--grid-2-columns: 12;--grid-2-margins: 0;--grid-2-gutters: 16px;--grid-3-columns: 12;--grid-3-margins: 0;--grid-3-gutters: 24px;--grid-4-columns: 12;--grid-4-margins: 0;--grid-4-gutters: 24px;--grid-5-columns: 12;--grid-5-margins: 0;--grid-5-gutters: 24px;--shape-border-radius-1: 3px;--shape-border-radius-2: 8px;--shape-border-radius-3: 24px;--shape-border-width-1: 1px;--shape-border-width-2: 1.5px;--shape-border-width-3: 2px;--shape-border-width-4: 4px;--shape-shadow-1: 0 0 16px 0 rgba(0, 0, 0, .16);--shape-shadow-2: 0 2px 16px 0 rgba(0, 0, 0, .16);--shape-shadow-3: 0 2px 3px 0 rgba(0, 0, 0, .16);--shape-icon-stroke-1: 1px;--shape-icon-stroke-2: 1.5px;--shape-icon-stroke-3: 2px;--shape-icon-stroke-4: 4px;--spacing-xxsmall: 4px;--spacing-xsmall: 8px;--spacing-small: 16px;--spacing-medium: 24px;--spacing-big: 32px;--spacing-xbig: 40px;--spacing-xxbig: 48px;--spacing-large: 64px;--spacing-xlarge: 72px;--spacing-xxlarge: 96px;--spacing-huge: 120px;--spacing-xhuge: 144px;--spacing-xxhuge: 192px;--type-base-font-family: system-ui, sans-serif;--type-display-1-font: normal normal 300 60px/72px var(--type-base-font-family);--type-display-1-letter-spacing: .04em;--type-display-2-font: normal normal 300 48px/56px var(--type-base-font-family);--type-display-2-letter-spacing: .04em;--type-display-3-font: normal normal 300 34px/40px var(--type-base-font-family);--type-display-3-letter-spacing: .04em;--type-headline-1-font: normal normal 400 24px/32px var(--type-base-font-family);--type-headline-1-letter-spacing: .04em;--type-headline-2-default-font: normal normal 300 20px/24px var(--type-base-font-family);--type-headline-2-default-letter-spacing: .04em;--type-headline-2-strong-font: normal normal 400 20px/24px var(--type-base-font-family);--type-headline-2-strong-letter-spacing: .04em;--type-body-1-default-font: normal normal 300 16px/24px var(--type-base-font-family);--type-body-1-default-letter-spacing: .04em;--type-body-1-strong-font: normal normal 400 16px/24px var(--type-base-font-family);--type-body-1-strong-letter-spacing: .04em;--type-body-1-emphasized-font: normal normal 700 16px/24px var(--type-base-font-family);--type-body-1-emphasized-letter-spacing: .04em;--type-body-2-default-font: normal normal 300 14px/20px var(--type-base-font-family);--type-body-2-default-letter-spacing: .04em;--type-body-2-strong-font: normal normal 400 14px/20px var(--type-base-font-family);--type-body-2-strong-letter-spacing: .04em;--type-body-2-emphasized-font: normal normal 700 14px/20px var(--type-base-font-family);--type-body-2-emphasized-letter-spacing: .04em;--type-button-1-font: normal normal 400 20px/26px var(--type-base-font-family);--type-button-1-letter-spacing: .08em;--type-button-2-font: normal normal 400 16px/24px var(--type-base-font-family);--type-button-2-letter-spacing: .08em;--type-details-caption-1-font: normal normal 400 12px/16px var(--type-base-font-family);--type-details-caption-1-letter-spacing: .08em;--type-details-caption-2-font: normal normal 300 12px/16px var(--type-base-font-family);--type-details-caption-2-letter-spacing: .08em;--type-details-overline-font: normal normal 700 12px/20px var(--type-base-font-family);--type-details-overline-letter-spacing: .16em}.dropin-design a{--textColor: var(--color-brand-500);color:var(--textColor);text-decoration:none}.dropin-design a:hover{--textColor: var(--color-brand-700);text-decoration:solid underline var(--textColor);text-underline-offset:6px}.dropin-design a:focus-visible{outline:solid var(--shape-border-width-4) var(--color-neutral-400);border:var(--shape-border-width-1) solid var(--color-neutral-800);border-radius:var(--shape-border-radius-1)}.dropin-icon--shape-stroke-1{stroke-width:var(--shape-icon-stroke-1)}.dropin-icon--shape-stroke-2{stroke-width:var(--shape-icon-stroke-2)}.dropin-icon--shape-stroke-3{stroke-width:var(--shape-icon-stroke-3)}.dropin-icon--shape-stroke-4{stroke-width:var(--shape-icon-stroke-4)}.dropin-incrementer__content{border-radius:var(--shape-border-radius-1);border:solid var(--shape-border-width-1) var(--color-neutral-600);display:grid;grid-template-columns:var(--spacing-xxbig) auto var(--spacing-xxbig);height:var(--spacing-xbig);opacity:1}.dropin-incrementer__content--disabled{background:var(--color-neutral-300);border-radius:var(--shape-border-radius-1);border:solid var(--shape-border-width-1) var(--color-neutral-500)}.dropin-incrementer__content--large{height:var(--spacing-xxbig)}.dropin-incrementer__content:hover{border:solid var(--shape-border-width-1) var(--color-neutral-700)}.dropin-incrementer__content:active{border:solid var(--shape-border-width-1) var(--color-neutral-800)}.dropin-incrementer__content--error:hover,.dropin-incrementer__content--error{border:var(--shape-border-width-2) solid var(--color-alert-500)}.dropin-incrementer__content--error-message{color:var(--color-alert-800);font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);text-align:left}.dropin-incrementer__footer{font:var(--type-details-caption-2-font)}.dropin-incrementer__decrease-button>svg,.dropin-incrementer__increase-button>svg{align-items:center;justify-content:center}.dropin-incrementer__button-container{align-items:center;border-radius:var(--shape-border-radius-1);display:grid;justify-content:center;background:var(--color-neutral-50)}.dropin-incrementer__button-container--disabled{background-color:var(--color-neutral-300)}.dropin-incrementer__decrease-button,.dropin-incrementer__increase-button{align-items:center;background-color:var(--color-neutral-50);border-radius:var(--shape-border-radius-3);border:none;display:grid;height:var(--spacing-medium);width:var(--spacing-medium)}.dropin-incrementer__decrease-button:enabled,.dropin-incrementer__increase-button:enabled{cursor:pointer}.dropin-incrementer__decrease-button--disabled,.dropin-incrementer__increase-button--disabled{background-color:var(--color-neutral-300)}.dropin-incrementer__increase-button:focus-visible,.dropin-incrementer__decrease-button:focus-visible{outline:var(--shape-border-width-1) solid var(--color-brand-500);box-shadow:0 0 0 var(--shape-border-radius-1) var(--color-neutral-500)}.dropin-incrementer__decrease-button:focus:not(:focus-visible),.dropin-incrementer__increase-button:focus:not(:focus-visible){background-color:var(--color-neutral-50)}.dropin-incrementer__decrease-button:hover:enabled,.dropin-incrementer__increase-button:hover:enabled,.dropin-incrementer__decrease-button:focus,.dropin-incrementer__increase-button:focus{background:var(--color-neutral-300)}.dropin-incrementer__input{box-sizing:border-box;text-align:center;min-width:var(--spacing-xxbig)}.dropin-incrementer__input:disabled{background-color:var(--color-neutral-300);color:var(--color-neutral-500)}.dropin-incrementer__input::-webkit-outer-spin-button,.dropin-incrementer__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dropin-incrementer__input:focus-within{border:none;box-sizing:border-box;text-align:center}.dropin-incrementer__input:focus-within[type=number]{box-shadow:none}.dropin-incrementer__input[type=number]{-moz-appearance:textfield;box-shadow:none;border:none}textarea:focus,input:focus{outline:none}.dropin-input{background-color:transparent;border-color:var(--color-neutral-600);border-radius:var(--shape-border-radius-1);border-style:inset solid;color:var(--color-neutral-800);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;z-index:1}.dropin-input[type=number],.dropin-input[type=text]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.dropin-input:focus{outline:none;box-shadow:none}.dropin-input:disabled{border-top-left-radius:var(--shape-border-radius-1);border-top-right-radius:var(--shape-border-radius-1);border-color:var(--color-neutral-500);background-color:var(--color-neutral-300);color:var(--color-neutral-500)}.dropin-input::placeholder,.dropin-input::-webkit-input-placeholder,.dropin-input::-ms-input-placeholder{color:var(--color-neutral-700);opacity:1}.dropin-input:disabled::-webkit-input-placeholder{color:var(--color-neutral-500)}.dropin-input:disabled:-moz-placeholder{color:var(--color-neutral-500)}.dropin-input:disabled::-moz-placeholder{color:var(--color-neutral-500)}.dropin-input:disabled:-ms-input-placeholder{color:var(--color-neutral-500)}.dropin-input-container{--icon-size: var(--spacing-small);display:flex;align-items:center;position:relative}.dropin-input-label-container{position:relative;display:flex;flex-grow:1;flex-direction:column}.dropin-input--primary{border:var(--shape-border-width-1) solid var(--color-neutral-600)}.dropin-input--primary:focus{border-color:var(--color-neutral-800);border-radius:var(--shape-border-radius-1)}div.dropin-input-container--primary .dropin-input--disabled{border:var(--shape-border-width-1) solid var(--color-neutral-500)}.dropin-input-container--primary .dropin-input--error{border:var(--shape-border-width-2) solid var(--color-alert-500)}.dropin-input-container--primary .dropin-input--success{border:var(--shape-border-width-2) solid var(--color-positive-500)}.dropin-input--secondary{border:0;border-radius:0;border-top:var(--shape-border-width-1) solid transparent;border-bottom:var(--shape-border-width-1) solid var(--color-neutral-600)}.dropin-input--secondary:focus{border-top-left-radius:var(--shape-border-radius-1);border-top-right-radius:var(--shape-border-radius-1);border-bottom-color:var(--color-neutral-800)}div.dropin-input-container--secondary .dropin-input--disabled{border:0;border-radius:0;border-bottom:var(--shape-border-width-1) solid var(--color-neutral-500)}.dropin-input-container--secondary .dropin-input--error{border:0;border-radius:0;border-bottom:var(--shape-border-width-2) solid var(--color-alert-500)}.dropin-input-container--secondary .dropin-input--success{border:0;border-radius:0;border-bottom:var(--shape-border-width-2) solid var(--color-positive-500)}.dropin-input--medium{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);padding:9px var(--spacing-small)}.dropin-input--medium~label{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.dropin-input--large{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);padding:11px var(--spacing-small)}.dropin-input--large~label{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-input__label--floating{cursor:text;color:var(--color-neutral-700);padding-left:var(--spacing-small);position:absolute;pointer-events:none;transform:translateY(-50%);top:50%;transition:top 50ms ease-in,left 50ms ease-in,font-size 50ms ease-in;z-index:1}.dropin-input__label--floating,.dropin-input--floating{transition:all .2s;touch-action:manipulation}.dropin-input--medium.dropin-input--floating{padding-top:17px;padding-bottom:17px}.dropin-input--medium.dropin-input--floating:focus,.dropin-input--medium.dropin-input--floating:not(:placeholder-shown){padding-top:26px}.dropin-input--large.dropin-input--floating{padding-top:15px;padding-bottom:15px}.dropin-input--large.dropin-input--floating:focus,.dropin-input--large.dropin-input--floating:not(:placeholder-shown){padding-top:22px}.dropin-input--floating:focus,.dropin-input--floating:not(:placeholder-shown){padding-bottom:calc(var(--spacing-small) - var(--spacing-xsmall))}.dropin-input__label--floating--icon-left{padding-left:calc(var(--icon-size) + (var(--spacing-small) * 2))}.dropin-input--floating:-webkit-autofill~.dropin-input__label--floating,.dropin-input-container--floating:focus-within .dropin-input__label--floating{color:var(--color-neutral-800);transform:translate(.1em,-1.5em);font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing)}.dropin-input--floating:not(:placeholder-shown)~.dropin-input__label--floating{transform:translate(.1em,-1.5em);font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing)}.dropin-input-container--disabled .dropin-icon,.dropin-input-container--disabled .dropin-input__label--floating{color:var(--color-neutral-500)}.dropin-input--floating::-webkit-input-placeholder,.dropin-input--floating::placeholder{opacity:0;transition:inherit}.dropin-input--floating:focus::-webkit-input-placeholder,.dropin-input--floating:focus::placeholder{opacity:1}.dropin-input__label--floating--error{color:var(--color-alert-500)}.dropin-input--icon-right,.dropin-input--icon-left{--icon-space: calc(var(--icon-size) + (var(--spacing-small) * 2))}.dropin-input--icon-right{padding-right:var(--icon-space)}.dropin-input--icon-left{padding-left:var(--icon-space)}.dropin-input__field-icon--left,.dropin-input__field-icon--right{position:absolute;z-index:2}.dropin-input__field-icon--left{left:var(--spacing-small)}.dropin-input__field-icon--right{right:var(--spacing-small)}.dropin-input__field-icon--error,.dropin-input__field-icon--success{color:var(--color-neutral-100);height:var(--icon-size);width:var(--icon-size)}.dropin-input__field-icon--success{color:var(--color-positive-500)}.dropin-input__field-icon--error{color:var(--color-alert-500)}.dropin-input-date{position:relative;width:100%}.dropin-input-date__input{max-height:56px;z-index:1}.dropin-input-date input[type=date]{height:56px;max-height:56px;text-align:left}.dropin-input-date input[type=date]::-webkit-date-and-time-value{text-align:left}.dropin-input-date__input--ios{z-index:-1;opacity:0;position:absolute}.dropin-input-date__icon{cursor:pointer;background-color:var(--color-neutral-50);position:absolute;top:var(--spacing-small);right:var(--spacing-small);border:0 none;padding:1px;z-index:2}.dropin-input-date__icon svg{color:var(--color-neutral-800)}.dropin-input-date svg.dropin-input--warning-icon{position:absolute;top:55%;left:0;transform:translate(-200%,-50%)}.dropin-password-status-indicator__item{display:grid;grid-template-columns:20px auto;align-items:center;justify-content:left;gap:0 8px;font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing)}.dropin-password-status-indicator__item--pending{color:var(--color-neutral-700, #666)}.dropin-password-status-indicator__item--success{color:var(--color-positive-800, #53824c)}.dropin-password-status-indicator__item--error{color:var(--color-alert-800, #bf4545)}.dropin-input-password{position:relative}.dropin-input-password>div:first-child{margin-bottom:var(--spacing-small)}.dropin-input-password .dropin-input-password__eye-icon{position:absolute;padding:0;height:24px;top:17px;right:17px;cursor:pointer;z-index:2}.dropin-input-password--error .dropin-input-password__eye-icon{right:var(--spacing-xbig);transition:all .3s ease-in-out}.dropin-textarea-container{position:relative}.dropin-textarea.dropin-textarea--error{border:var(--shape-border-width-1) solid var(--color-alert-800)}.dropin-textarea.dropin-textarea--error .dropin-textarea__label--floating{color:var(--color-alert-800)}.dropin-textarea__label--floating{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);color:var(--color-neutral-700);position:absolute;top:18px;left:17px;transition:all .2s}.dropin-textarea{margin:0;padding:0;border:none;outline:none;resize:none;box-shadow:none;font:inherit;color:inherit;background:none;overflow:hidden;width:100%}.dropin-textarea{border:1px solid var(--color-neutral-500);box-sizing:border-box}.dropin-textarea{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);color:var(--color-neutral-800, #3d3d3d);min-height:200px;padding:var(--spacing-big) var(--spacing-small);border-radius:var(--shape-border-radius-1);transition:border-color .2s;scrollbar-color:var(--color-neutral-500) transparent;scrollbar-width:thin;overflow-y:hidden}.dropin-textarea::-webkit-scrollbar{width:12px;background-color:transparent}.dropin-textarea:disabled{border-top-left-radius:var(--shape-border-radius-1);border-top-right-radius:var(--shape-border-radius-1);border-color:var(--color-neutral-500);background-color:var(--color-neutral-300);color:var(--color-neutral-500)}.dropin-textarea:disabled::-webkit-input-placeholder{color:var(--color-neutral-500)}.dropin-textarea:disabled:-moz-placeholder{color:var(--color-neutral-500)}.dropin-textarea:disabled::-moz-placeholder{color:var(--color-neutral-500)}.dropin-textarea:disabled:-ms-input-placeholder{color:var(--color-neutral-500)}.dropin-textarea::placeholder{color:var(--color-neutral-700);opacity:0;transition:color .2s,opacity .2s}.dropin-textarea:focus{border-color:var(--color-neutral-800, #3d3d3d);border-radius:var(--shape-border-radius-1)}.dropin-textarea:focus::placeholder{color:var(--color-neutral-700);opacity:.8}.dropin-textarea:not(:placeholder-shown)+.dropin-textarea__label--floating,.dropin-textarea:focus+.dropin-textarea__label--floating{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-1-letter-spacing);color:var(--color-neutral-700, #666666);transition:all .2s;touch-action:manipulation;top:1px;left:1px;width:99%;background-color:var(--color-neutral-50);border-radius:var(--shape-border-radius-1);height:30px;padding:12px 16px 0;box-sizing:border-box}.dropin-textarea:focus+.dropin-textarea__label--floating{color:var(--color-neutral-800)}.dropin-textarea:focus-visible{outline:none}.dropin-textarea__label--floating--error{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);color:var(--color-alert-800);padding-top:var(--spacing-xsmall)}.dropin-image{background:var(--color-neutral-300) linear-gradient(to right,var(--color-neutral-300) 0%,var(--color-neutral-100) 20%,var(--color-neutral-300) 40%,var(--color-neutral-300) 100%) no-repeat;animation:imageShimmer infinite 1.2s linear;border-radius:var(--shape-border-radius-2)}.dropin-image--loaded{background:unset;border-radius:unset}@keyframes imageShimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.dropin-divider{border:none}.dropin-divider--primary{border-top:var(--shape-border-width-3) solid var(--color-neutral-400);margin:var(--spacing-xbig) auto}.dropin-divider--secondary{border-top:var(--shape-border-width-2) solid var(--color-neutral-400);margin:var(--spacing-medium) auto}.dropin-price{color:inherit}.dropin-price--small{font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing)}.dropin-price--medium{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-price--large{font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing)}.dropin-price--strikethrough{text-decoration:line-through}.dropin-price--sale{color:var(--color-alert-800)}.dropin-price--bold{font-weight:700}.dropin-price--normal{font-weight:400}.dropin-radio-button{display:block;position:relative}.dropin-radio-button__input{position:fixed;opacity:0;pointer-events:none;margin:0}.dropin-radio-button__label{color:var(--color-neutral-800);position:relative;display:flex;flex-direction:row;align-items:center;cursor:pointer;width:fit-content}.dropin-radio-button__label:before{content:" ";display:inline-block;position:relative;width:16px;height:16px;border-radius:var(--shape-border-radius-3);background-color:var(--color-neutral-50);border:var(--shape-border-width-1) solid var(--color-neutral-600);margin-right:var(--spacing-small);vertical-align:middle}.dropin-radio-button__label:hover:before{border:var(--shape-border-width-1) solid var(--color-neutral-700)}.dropin-radio-button__input:checked+.dropin-radio-button__label:after{content:" ";display:block;position:absolute;width:8px;height:8px;border-radius:var(--shape-border-radius-3);margin-left:calc(var(--spacing-xxsmall) + var(--shape-border-width-1));background:var(--color-brand-500);accent-color:var(--color-brand-500)}.dropin-radio-button__input:focus-visible+.dropin-radio-button__label:before{border:var(--shape-border-width-1) solid var(--color-neutral-800);box-shadow:0 0 0 var(--shape-icon-stroke-4) var(--color-neutral-400)}.dropin-radio-button__description{clear:both;color:var(--color-neutral-700);margin-left:calc(var(--spacing-big) + var(--shape-border-width-3));margin-top:var(--spacing-xxsmall)}.dropin-radio-button__description:empty{display:none}.dropin-radio-button__label--medium{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.dropin-radio-button__label--large{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-radio-button__description--medium{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing)}.dropin-radio-button__description--large{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.dropin-radio-button__input--disabled,.dropin-radio-button__label--disabled,.dropin-radio-button__description--disabled{color:var(--color-neutral-500);cursor:default}div.dropin-radio-button__label--disabled:before{box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-500);background-color:var(--color-neutral-300)}.dropin-radio-button__label--error:before{box-shadow:0 0 0 var(--shape-border-width-2) var(--color-alert-500);background:var(--color-neutral-50) 0 0% no-repeat padding-box}.dropin-radio-button__input--error:checked+.dropin-radio-button__label--error:after{background:var(--color-alert-500)}.dropin-button,.dropin-iconButton{border:0 none;cursor:pointer;white-space:normal}.dropin-button{border-radius:var(--shape-border-radius-3);font-size:var(--type-button-1-font);font-weight:var(--type-button-1-font);padding:var(--spacing-xsmall) var(--spacing-medium);display:flex;justify-content:center;align-items:center;text-align:left;word-wrap:break-word}.dropin-iconButton{height:var(--spacing-xbig);width:var(--spacing-xbig);padding:var(--spacing-xsmall)}.dropin-button:disabled,.dropin-iconButton:disabled{pointer-events:none;-webkit-user-select:none;user-select:none}.dropin-button:not(:disabled),.dropin-iconButton:not(:disabled){cursor:pointer}.dropin-button:focus,.dropin-iconButton:focus{outline:none}.dropin-button:focus-visible,.dropin-iconButton:focus-visible{outline:var(--spacing-xxsmall) solid var(--color-button-focus)}.dropin-button--primary,a.dropin-button--primary,.dropin-iconButton--primary{border:none;background:var(--color-brand-500) 0 0% no-repeat padding-box;color:var(--color-neutral-50);text-align:left;margin-right:0}.dropin-iconButton--primary{border-radius:var(--spacing-xbig);min-height:var(--spacing-xbig);min-width:var(--spacing-xbig);padding:var(--spacing-xsmall)}.dropin-button--primary--disabled,a.dropin-button--primary--disabled,.dropin-iconButton--primary--disabled{background:var(--color-neutral-300) 0 0% no-repeat padding-box;color:var(--color-neutral-500);fill:var(--color-neutral-300);pointer-events:none;-webkit-user-select:none;user-select:none}.dropin-button--primary:hover,a.dropin-button--primary:hover,.dropin-iconButton--primary:hover,.dropin-button--primary:focus:hover,.dropin-iconButton--primary:focus:hover{background-color:var(--color-button-hover);text-decoration:none}.dropin-button--primary:focus,.dropin-iconButton--primary:focus{background-color:var(--color-brand-500)}.dropin-button--primary:hover:active,.dropin-iconButton--primary:hover:active{background-color:var(--color-button-active)}.dropin-button--secondary,a.dropin-button--secondary,.dropin-iconButton--secondary{border:var(--shape-border-width-2) solid var(--color-brand-500);background:none 0 0% no-repeat padding-box;color:var(--color-brand-500);padding-top:calc(var(--spacing-xsmall) - var(--shape-border-width-2));padding-left:calc(var(--spacing-medium) - var(--shape-border-width-2))}.dropin-iconButton--secondary{border-radius:var(--spacing-xbig);min-height:var(--spacing-xbig);min-width:var(--spacing-xbig);padding:var(--spacing-xsmall);padding-top:calc(var(--spacing-xsmall) - var(--shape-border-width-2));padding-left:calc(var(--spacing-xsmall) - var(--shape-border-width-2))}.dropin-button--secondary--disabled,a.dropin-button--secondary--disabled,.dropin-iconButton--secondary--disabled{border:var(--shape-border-width-2) solid var(--color-neutral-300);background:none 0 0% no-repeat padding-box;color:var(--color-neutral-500);fill:var(--color-neutral-300);pointer-events:none;-webkit-user-select:none;user-select:none}.dropin-button--secondary:hover,a.dropin-button--secondary:hover,.dropin-iconButton--secondary:hover{border:var(--shape-border-width-2) solid var(--color-button-hover);color:var(--color-button-hover);text-decoration:none}.dropin-button--secondary:active,.dropin-iconButton--secondary:active{border:var(--shape-border-width-2) solid var(--color-button-active);color:var(--color-button-active)}.dropin-button--tertiary,a.dropin-button--tertiary,.dropin-iconButton--tertiary{border:none;background:none 0 0% no-repeat padding-box;color:var(--color-brand-500)}.dropin-iconButton--tertiary{border:none;border-radius:var(--spacing-xbig);min-height:var(--spacing-xbig);min-width:var(--spacing-xbig);padding:var(--spacing-xsmall)}.dropin-button--tertiary--disabled,a.dropin-button--tertiary--disabled,.dropin-iconButton--tertiary--disabled{border:none;color:var(--color-neutral-500);pointer-events:none;-webkit-user-select:none;user-select:none}.dropin-button--tertiary:hover,a.dropin-button--tertiary:hover,.dropin-iconButton--tertiary:hover{color:var(--color-button-hover);text-decoration:none}.dropin-button--tertiary:active,.dropin-iconButton--tertiary:active{color:var(--color-button-active)}.dropin-button--tertiary:focus-visible,.dropin-iconButton--tertiary:focus-visible{-webkit-box-shadow:inset 0 0 0 2px var(--color-neutral-800);-moz-box-shadow:inset 0 0 0 2px var(--color-neutral-800);box-shadow:inset 0 0 0 2px var(--color-neutral-800)}.dropin-button--large{font:var(--type-button-1-font);letter-spacing:var(--type-button-1-letter-spacing)}.dropin-button--medium{font:var(--type-button-2-font);letter-spacing:var(--type-button-2-letter-spacing)}.dropin-button-icon{height:24px}.dropin-button--with-icon{column-gap:var(--spacing-xsmall);row-gap:var(--spacing-xsmall)}.dropin-picker{position:relative;display:flex;flex-direction:row;background-color:var(--color-neutral-50);justify-content:space-between;align-items:center;cursor:pointer;gap:var(--spacing-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dropin-picker select{background-color:transparent;border:var(--shape-border-width-1) solid var(--color-neutral-600);border-radius:var(--shape-border-radius-1);color:var(--color-neutral-700);-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;flex:1;cursor:pointer;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dropin-picker__select:focus{outline:none;border:var(--shape-border-width-1) solid var(--color-neutral-800)}.dropin-picker__medium .dropin-picker__select--primary,.dropin-picker__medium .dropin-picker__select--secondary{padding:9px var(--spacing-xxbig) 9px var(--spacing-small)}.dropin-picker__large .dropin-picker__select--primary,.dropin-picker__large .dropin-picker__select--secondary{padding:11px var(--spacing-xxbig) 11px var(--spacing-small)}.dropin-picker__select--medium{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.dropin-picker__select--large{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-picker__chevronDown{z-index:1;position:absolute;color:var(--color-neutral-700);right:var(--spacing-small);display:block;pointer-events:none;padding:0;height:var(--icon-size);width:var(--icon-size)}.dropin-picker__floatingLabel{position:absolute;pointer-events:none;left:var(--spacing-small);color:var(--color-neutral-700);touch-action:manipulation;transform:translateY(-50%);transition:top 20ms ease-in,font-size 50ms ease-in}.dropin-picker__select--floating:focus~label{transition:all 40ms}.dropin-picker__selected select{color:var(--color-neutral-800)}.dropin-picker__selected label{top:30%}.dropin-picker__medium.dropin-picker__floating.dropin-picker__selected label{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing)}.dropin-picker__large.dropin-picker__floating.dropin-picker__selected label{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing)}.dropin-picker__medium.dropin-picker__floating select{padding:17px var(--spacing-small)}.dropin-picker__large.dropin-picker__floating select{padding:15px var(--spacing-small)}.dropin-picker__large.dropin-picker__floating.dropin-picker__selected select{padding:25px var(--spacing-xxbig) 5px var(--spacing-small)}.dropin-picker__medium.dropin-picker__floating.dropin-picker__selected select{padding:27px var(--spacing-xxbig) 7px var(--spacing-small)}select::-ms-expand{display:none}.dropin-picker__disabled select.dropin-picker__select{background-color:var(--color-neutral-300);border:var(--shape-border-width-1) solid var(--color-neutral-500);color:var(--color-neutral-500);cursor:not-allowed}.dropin-picker__disabled svg.dropin-picker__chevronDown{color:var(--color-neutral-500)}.dropin-picker__error select{border:var(--shape-border-width-2) solid var(--color-alert-500);color:var(--color-alert-500)}.dropin-picker__error .dropin-picker__select:focus{border:var(--shape-border-width-2) solid var(--color-alert-500)}.dropin-picker__error .dropin-picker__chevronDown,.dropin-picker__error label{color:var(--color-alert-500)}.dropin-picker select.dropin-picker__select--secondary{border-top:var(--shape-border-width-1) solid transparent;border-left:0 none;border-right:0 none;border-radius:0}.dropin-picker__disabled select.dropin-picker__select--secondary{border-bottom:var(--shape-border-width-1) solid var(--color-neutral-500)}.dropin-picker__error select.dropin-picker__select--secondary{border-top:var(--shape-border-width-1) solid transparent;border-left:0 none;border-right:0 none}.dropin-picker__icon--placeholder{z-index:1;position:absolute;color:var(--color-neutral-700);left:var(--spacing-small);display:block;pointer-events:none;padding:0;height:var(--icon-size);width:var(--icon-size)}.dropin-picker__icon select.dropin-picker__select,.dropin-picker__floating.dropin-picker__selected.dropin-picker__icon select{padding-left:var(--spacing-xxbig)}.dropin-picker__floating.dropin-picker__selected.dropin-picker__icon label{left:var(--spacing-xxbig)}.dropin-field{display:grid;font:var(--type-body-2-strong-font);grid-auto-rows:max-content}.dropin-field__label--medium{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);color:var(--color-neutral-800);text-align:left;padding-bottom:var(--spacing-xsmall)}.dropin-field__label--large{font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);color:var(--color-neutral-800);text-align:left;padding-bottom:var(--spacing-xsmall)}.dropin-field__label--disabled{color:var(--color-neutral-500)}.dropin-field__content{display:grid;grid-auto-rows:max-content}.dropin-field__hint{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);color:var(--color-neutral-700);text-align:left}.dropin-field__hint:empty{display:none}.dropin-field__hint--medium{padding-top:var(--spacing-xsmall)}.dropin-field__hint--large{padding-top:var(--spacing-small)}.dropin-field__hint--error{color:var(--color-alert-800)}.dropin-field__hint--success{color:var(--color-positive-800)}.dropin-field__hint--disabled{color:var(--color-neutral-500)}.dropin-action-button{--bgColor: var(--color-neutral-200);--textColor: var(--color-neutral-800);--borderColor: var(--color-neutral-400);display:inline-flex;box-sizing:border-box;row-gap:var(--spacing-small);white-space:normal;align-items:center;justify-content:center;font:var(--type-body-2-strong-font);padding:6px var(--spacing-small);background:var(--bgColor);color:var(--textColor);border:var(--shape-border-width-1) solid var(--borderColor);border-radius:var(--shape-border-radius-1);word-wrap:break-word;text-align:left}.dropin-action-button:hover,.dropin-action-button:focus:hover{--textColor: var(--color-neutral-900)}.dropin-action-button:active:focus{--borderColor: var(--color-neutral-500)}.dropin-action-button:focus{outline:none}.dropin-action-button:focus-visible{--borderColor: var(--color-neutral-800);outline:solid var(--shape-border-width-4) var(--color-neutral-400)}.dropin-action-button--active{--bgColor: var(--color-action-button-active);--borderColor: var(--color-neutral-400);--textColor: var(--color-neutral-900)}.dropin-action-button--active:hover,.dropin-action-button--active:focus:hover{--bgColor: var(--color-action-button-active);--textColor: var(--color-neutral-800)}.dropin-action-button--active:active:focus{--bgColor: var(--color-action-button-active);--textColor: var(--color-neutral-700)}.dropin-action-button--disabled,.dropin-action-button:disabled,.dropin-action-button--disabled:focus-visible{--bgColor: var(--color-neutral-300);--textColor: var(--color-neutral-500);pointer-events:none}.dropin-action-button:not(:disabled){cursor:pointer}.dropin-action-button-icon{display:inline-flex;justify-content:center;align-items:center;height:16px}.dropin-action-button-icon:first-child:not(:last-child){margin-right:var(--spacing-xsmall)}.dropin-action-button-group{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--shape-border-radius-1);border:var(--shape-border-width-1) solid var(--color-neutral-400)}.dropin-action-button-group__option{border:none;border-radius:0;align-self:stretch;--borderRadiusValue: calc( var(--shape-border-radius-1) - var(--shape-border-width-1) )}.dropin-action-button-group__option:first-child{border-radius:var(--borderRadiusValue) 0 0 var(--borderRadiusValue)}.dropin-action-button-group__option:last-child{border-radius:0 var(--borderRadiusValue) var(--borderRadiusValue) 0}.dropin-action-button-group__option:only-child{border-radius:var(--borderRadiusValue)}.dropin-action-button-group__option--with-dividers{border-right:var(--shape-border-width-1) solid var(--color-neutral-400)}.dropin-action-button-group__option--with-dividers:last-child{border-right:none}.dropin-action-button-group__option--active:not(:disabled){background:var(--color-neutral-50)}.dropin-action-button-group--secondary{border:none}.dropin-action-button-group__option--secondary{background:var(--color-neutral-100)}.dropin-action-button-group__option:focus-visible{outline:solid var(--shape-border-width-4) var(--color-neutral-400);border-radius:var(--shape-border-radius-1);z-index:1}.dropin-card{--bgColor: var(--color-neutral-200);background-color:var(--bgColor);border-width:0;border-radius:var(--shape-border-radius-2)}.dropin-card--secondary{--bgColor: var(--color-neutral-50);border-width:var(--shape-border-width-2);border-style:solid;border-color:var(--color-neutral-400)}.dropin-card__content{display:flex;flex-direction:column;gap:var(--spacing-medium);padding-top:var(--spacing-medium);padding-right:var(--spacing-medium);padding-bottom:var(--spacing-medium);padding-left:var(--spacing-medium)}.dropin-checkbox{align-items:flex-start;display:grid;grid-template-columns:var(--spacing-small) auto;grid-gap:var(--spacing-xxsmall) 0}.dropin-checkbox__checkbox{display:none;margin:0}.dropin-checkbox__checkbox-icon{display:flex;align-items:center}.dropin-checkbox__box{margin:0;width:14px;height:14px;border-radius:var(--shape-border-radius-1);border:var(--shape-border-width-1) solid var(--color-neutral-600);background:var(--color-neutral-50) 0 0 no-repeat padding-box;cursor:pointer}.dropin-checkbox__checkmark{opacity:0;border-radius:var(--shape-border-radius-1)}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box{border:none}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box .dropin-checkbox__checkmark{opacity:1;color:var(--color-neutral-50);background:var(--color-neutral-700) 0 0 no-repeat padding-box;top:-1px;position:relative}.dropin-checkbox__box:hover{border:var(--shape-border-width-1) solid var(--color-neutral-800)}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box:hover{border:none;background:var(--color-neutral-800) 0 0 no-repeat padding-box}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box .dropin-checkbox__checkmark:hover{background:var(--color-neutral-800) 0 0 no-repeat padding-box}.dropin-checkbox__box:focus-visible{border:var(--shape-border-width-1) solid var(--color-neutral-800);outline:var(--shape-border-width-3) solid var(--color-neutral-400)}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box:focus-visible{width:var(--spacing-small);height:var(--spacing-small);border:none;background:var(--color-neutral-800) 0 0 no-repeat padding-box;outline:var(--shape-border-width-3) solid var(--color-neutral-400)}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box:focus-visible .dropin-checkbox__checkmark{top:0}.dropin-checkbox__label,.dropin-checkbox__label--medium{padding-left:var(--spacing-xsmall);color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);text-align:left}.dropin-checkbox__label--large{padding-left:var(--spacing-small);color:var(--color-neutral-800);font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);text-align:left}.dropin-checkbox__label--medium a{font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing)}.dropin-checkbox__label--large a{font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing)}.dropin-checkbox__description{display:block;clear:both;flex-basis:100%;width:100%}.dropin-checkbox__description,.dropin-checkbox__description--medium{padding-left:var(--spacing-xsmall);color:var(--color-neutral-700);font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);text-align:left}.dropin-checkbox__description--large{padding-left:var(--spacing-small);color:var(--color-neutral-700);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);text-align:left}.dropin-checkbox,.dropin-checkbox--checkbox:not(:disabled){cursor:pointer}.dropin-checkbox__box--error,.dropin-checkbox__box--error:hover{border:var(--shape-border-width-2) solid var(--color-alert-500);background:var(--color-neutral-50) 0 0 no-repeat padding-box}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--error,.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--error:hover{border:none;background:var(--color-alert-500) 0 0 no-repeat padding-box}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--error>.dropin-checkbox__checkmark,.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--error>.dropin-checkbox__checkmark:hover{background:var(--color-alert-500) 0 0 no-repeat padding-box}.dropin-checkbox__checkmark--error{opacity:1;color:var(--color-neutral-50);border:var(--color-alert-500);background:var(--color-alert-500) 0 0 no-repeat padding-box}.dropin-checkbox--disabled,.dropin-checkbox__label--disabled,.dropin-checkbox__description--disabled{color:var(--color-neutral-500);cursor:default;pointer-events:none}.dropin-checkbox__box--disabled,.dropin-checkbox__box--disabled:hover{background:var(--color-neutral-300) 0 0 no-repeat padding-box;border:var(--shape-border-width-1) solid var(--color-neutral-500);cursor:default}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--disabled,.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--disabled:hover{border:none;background:var(--color-neutral-300) 0 0 no-repeat padding-box}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--disabled>.dropin-checkbox__checkmark,.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--disabled>.dropin-checkbox__checkmark:hover{background:var(--color-neutral-300) 0 0 no-repeat padding-box}.dropin-color-swatch__container input[type=radio],.dropin-color-swatch__container input[type=checkbox]{opacity:0;position:absolute;width:0;height:0}.dropin-color-swatch__container .dropin-color-swatch__span{border-radius:50%;display:inline-block;--bg-color: var(--color-neutral-300);box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-400);position:relative;cursor:pointer;background-color:var(--bg-color)}.dropin-color-swatch__container--medium .dropin-color-swatch__span{height:32px;width:32px}.dropin-color-swatch__container--large .dropin-color-swatch__span{height:40px;width:40px}.dropin-color-swatch__container input[type=radio]:not(:checked):active~.dropin-color-swatch__span,.dropin-color-swatch__container input[type=checkbox]:not(:checked):active~.dropin-color-swatch__span{box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-500);outline:none}.dropin-color-swatch__container input[type=radio]:checked~.dropin-color-swatch__span,.dropin-color-swatch__container input[type=checkbox]:checked~.dropin-color-swatch__span,.dropin-color-swatch--selected{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 3px var(--color-neutral-800)}.dropin-color-swatch__container input[type=radio]:checked:active~.dropin-color-swatch__span,.dropin-color-swatch__container input[type=checkbox]:checked:active~.dropin-color-swatch__span{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-900)}.dropin-color-swatch__container input[type=radio]:focus-visible+.dropin-color-swatch__span,.dropin-color-swatch__container input[type=checkbox]:focus-visible+.dropin-color-swatch__span{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-900),0 0 0 6px var(--color-neutral-400)}.dropin-color-swatch__container input[type=radio]:disabled~.dropin-color-swatch__span,.dropin-color-swatch__container input[type=checkbox]:disabled~.dropin-color-swatch__span,.dropin-color-swatch--disabled,.dropin-color-swatch__container input[type=radio]:disabled:active~.dropin-color-swatch__span,.dropin-color-swatch__container input[type=checkbox]:disabled:active~.dropin-color-swatch__span{box-shadow:0 0 0 var(--shape-border-width-4) var(--color-neutral-500);opacity:.24;pointer-events:none}.dropin-color-swatch__span--out-of-stock{box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-700);background:linear-gradient(to top left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) calc(50% - .8px),var(--color-neutral-700) 50%,rgba(0,0,0,0) calc(50% + .8px),rgba(0,0,0,0) 100%),var(--bg-color)}.dropin-color-swatch__container input[type=radio]:not(:disabled)~.dropin-color-swatch__span,.dropin-color-swatch__container input[type=checkbox]:not(:disabled)~.dropin-color-swatch__span{cursor:pointer}.dropin-text-swatch__container input[type=radio],.dropin-text-swatch__container input[type=checkbox]{opacity:0;position:absolute;width:0}.dropin-text-swatch__container label{display:inline-block;background-color:var(--color-neutral-200);color:var(--color-neutral-800);border:var(--shape-border-width-1) solid var(--color-neutral-400);padding:6px var(--spacing-small);border-radius:var(--shape-border-radius-1);box-sizing:border-box;align-items:center;justify-content:center;font:var(--type-body-1-strong-font);position:relative;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropin-text-swatch__container label:hover{color:var(--color-neutral-900)}.dropin-text-swatch__container input[type=radio]:checked+.dropin-text-swatch__label,.dropin-text-swatch__container input[type=checkbox]:checked+.dropin-text-swatch__label,.dropin-text-swatch--selected{background-color:var(--color-neutral-50);box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-900)}.dropin-text-swatch__container input[type=radio]:focus-visible+label,.dropin-text-swatch__container input[type=checkbox]:focus-visible+label{background-color:var(--color-neutral-200);border:var(--shape-border-width-3) solid var(--color-neutral-800);outline:solid var(--shape-border-width-4) var(--color-neutral-400)}.dropin-text-swatch__container input[type=radio]:checked+label:active,.dropin-text-swatch__container input[type=checkbox]:checked+label:active,.dropin-text-swatch--selected{background-color:var(--color-neutral-200);box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-900),0 0 0 6px var(--color-neutral-400)}.dropin-text-swatch__container input[type=radio]:active+label,.dropin-text-swatch__container input[type=radio]:checked+label:active,.dropin-text-swatch__container input[type=radio]:checked+label:hover:not(:focus-visible),.dropin-text-swatch__container input[type=checkbox]:active+label,.dropin-text-swatch__container input[type=checkbox]:checked+label:active,.dropin-text-swatch__container input[type=checkbox]:checked+label:hover:not(:focus-visible){border:var(--shape-border-width-1) solid var(--color-neutral-500);color:var(--color-neutral-900);outline:none}.dropin-text-swatch__container input[type=radio]:disabled+label,.dropin-text-swatch__container input[type=checkbox]:disabled+label,.dropin-text-swatch--disabled,.dropin-text-swatch__container input[type=radio]:disabled:focus-visible+label,.dropin-text-swatch__container input[type=checkbox]:disabled:focus-visible+label{background-color:var(--color-neutral-300);color:var(--color-neutral-500);pointer-events:none;border:var(--shape-border-width-1) solid var(--color-neutral-500);outline:none}.dropin-text-swatch__label--out-of-stock{background:linear-gradient(to top left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) calc(50% - .8px),var(--color-neutral-700) 50%,rgba(0,0,0,0) calc(50% + .8px),rgba(0,0,0,0) 100%),var(--color-neutral-200)}.dropin-text-swatch__container input[type=radio]:not(:disabled)+label,.dropin-text-swatch__container input[type=checkbox]:not(:disabled)+label{cursor:pointer}[data-tooltip]{position:relative}[data-tooltip]:after{display:none;content:attr(data-tooltip);position:absolute;bottom:100%;left:0;background-color:var(--color-neutral-50);color:var(--color-neutral-800);border:var(--shape-border-width-1) solid var(--color-neutral-400);padding:6px var(--spacing-small);border-radius:var(--shape-border-radius-1);white-space:nowrap;z-index:1000;font:var(--type-body-1-strong-font);margin-bottom:var(--spacing-xxsmall);-webkit-border-radius:var(--shape-border-radius-1);-moz-border-radius:var(--shape-border-radius-1)}[data-tooltip]:hover:after{display:block}.dropin-progress-spinner-provider{position:relative;display:flex;flex-direction:column;border-radius:inherit;opacity:1;padding:var(--spacing-small)}.dropin-progress-spinner{--size: var(--spacing-medium);--stroke-width: var(--shape-icon-stroke-4);width:var(--size);height:var(--size);border-style:solid;border-width:var(--stroke-width);border-color:var(--color-neutral-400);border-top-color:var(--color-brand-500);border-radius:50%;animation:indeterminate 1s infinite ease-in-out}.dropin-progress-spinner-with-provider{position:absolute;top:calc(50% - var(--size) / 2 - var(--stroke-width));left:calc(50% - var(--size) / 2 - var(--stroke-width))}.dropin-progress-spinner-background{--bgColor: var(--color-neutral-50);background-color:var(--bgColor);border-radius:inherit;opacity:.5;position:absolute;width:100%;height:100%;margin-top:calc(-1 * var(--spacing-small));margin-left:calc(-1 * var(--spacing-small))}.dropin-progress-spinner--shape-size-small{--size: var(--spacing-medium)}.dropin-progress-spinner--shape-size-medium{--size: var(--spacing-big)}.dropin-progress-spinner--shape-size-big{--size: var(--spacing-xxbig)}.dropin-progress-spinner--shape-size-large{--size: var(--spacing-large)}.dropin-progress-spinner--shape-stroke-1{--stroke-width: var(--shape-icon-stroke-1)}.dropin-progress-spinner--shape-stroke-2{--stroke-width: var(--shape-icon-stroke-2)}.dropin-progress-spinner--shape-stroke-3{--stroke-width: var(--shape-icon-stroke-3)}.dropin-progress-spinner--shape-stroke-4{--stroke-width: var(--shape-icon-stroke-4)}@keyframes indeterminate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dropin-image-swatch__container input[type=radio],.dropin-image-swatch__container input[type=checkbox]{opacity:0;position:absolute;width:0;height:0}.dropin-image-swatch__container .dropin-image-swatch__span{display:inline-block;--bg-color: var(--color-neutral-300);box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-400);position:relative;cursor:pointer;background-color:var(--bg-color);background-image:var(--background-image);background-repeat:no-repeat;background-size:cover;height:100px;width:100px;overflow:hidden}.dropin-image-swatch__span span{display:inline-block;width:100%;height:100%}.dropin-image-swatch__span img,.dropin-image-swatch__content{width:inherit;position:absolute;top:-9999px;bottom:-9999px;left:-9999px;right:-9999px;margin:auto}.dropin-image-swatch__span:hover{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-500);outline:none}.dropin-image-swatch__container input[type=radio]:not(:checked):active~.dropin-image-swatch__span,.dropin-image-swatch__container input[type=checkbox]:not(:checked):active~.dropin-image-swatch__span{box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-500);outline:none}.dropin-image-swatch__container input[type=radio]:checked~.dropin-image-swatch__span,.dropin-image-swatch__container input[type=checkbox]:checked~.dropin-image-swatch__span,.dropin-image-swatch--selected{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-800)}.dropin-image-swatch__container input[type=radio]:checked:active~.dropin-image-swatch__span,.dropin-image-swatch__container input[type=checkbox]:checked:active~.dropin-image-swatch__span{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-600)}.dropin-image-swatch__container input[type=radio]:focus-visible+.dropin-image-swatch__span,.dropin-image-swatch__container input[type=checkbox]:focus-visible+.dropin-image-swatch__span{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-900),0 0 0 6px var(--color-neutral-400)}.dropin-image-swatch__container input[type=radio]:disabled~.dropin-image-swatch__span,.dropin-image-swatch__container input[type=checkbox]:disabled~.dropin-image-swatch__span,.dropin-image-swatch--disabled,.dropin-image-swatch__container input[type=radio]:disabled:active~.dropin-image-swatch__span,.dropin-image-swatch__container input[type=checkbox]:disabled:active~.dropin-image-swatch__span{box-shadow:0 0 0 var(--shape-border-width-4) var(--color-neutral-500);background-color:#ffffffc2;pointer-events:none}.dropin-image-swatch__container .dropin-image-swatch__span--out-of-stock{background:linear-gradient(to top left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) calc(50% - .8px),var(--color-neutral-700) 50%,rgba(0,0,0,0) calc(50% + .8px),rgba(0,0,0,0) 100%);background-color:#fff9}.dropin-image-swatch__span--out-of-stock>.dropin-image-swatch__content,.dropin-image-swatch__span--out-of-stock img,.dropin-image-swatch__container input[type=radio]:disabled~.dropin-image-swatch__span img,.dropin-image-swatch__container input[type=radio]:disabled~.dropin-image-swatch__span>.dropin-image-swatch__content,.dropin-image-swatch__container input[type=checkbox]:disabled~.dropin-image-swatch__span img,.dropin-image-swatch__container input[type=checkbox]:disabled~.dropin-image-swatch__span>.dropin-image-swatch__content{z-index:-1}.dropin-image-swatch__container input[type=radio]:not(:disabled)~.dropin-image-swatch__span,.dropin-image-swatch__container input[type=checkbox]:not(:disabled)~.dropin-image-swatch__span{cursor:pointer}.dropin-accordion-section__heading{display:grid;grid-template-columns:1fr max-content}.dropin-accordion-section p{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);color:var(--color-neutral-700);margin:0}.dropin-accordion-section__flex{display:flex;justify-content:space-between;cursor:pointer;align-items:center}.dropin-accordion-section__title-container,.dropin-accordion-section__secondary-text-container{display:flex;gap:var(--spacing-xsmall);align-items:center}.dropin-accordion-section__secondary-text-container h4,.dropin-accordion-section__title-container h3{margin:0}.dropin-accordion-section__title{color:var(--color-neutral-800);font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing);cursor:pointer}.dropin-accordion-section__secondary-text{color:var(--color-neutral-700);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-accordion-section__secondary-text a{font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing)}.dropin-accordion-section svg{cursor:pointer}.dropin-accordion-section__content-container{display:grid;margin:var(--spacing-medium) 0;gap:var(--spacing-medium)}.dropin-accordion-section__content-container:empty{margin:0}.dropin-in-line-alert{border-width:var(--shape-border-width-2);border-style:solid;border-radius:var(--shape-border-radius-1);display:grid;grid-auto-flow:row;gap:var(--spacing-small);padding:var(--spacing-small);position:relative}.dropin-in-line-alert__heading{display:grid;gap:var(--spacing-small);grid-template-columns:auto auto;align-items:center}.dropin-in-line-alert__title-container{display:flex;align-items:center;gap:var(--spacing-xsmall)}.dropin-in-line-alert__title{color:var(--color-neutral-800);font:var(--type-body-2-emphasized-font);letter-spacing:var(--type-body-2-emphasized-letter-spacing);margin:0}.dropin-in-line-alert__actions-container{display:flex;justify-content:end}.dropin-in-line-alert__additional-action{padding:0}.dropin-in-line-alert__additional-action span{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);text-decoration:underline;color:var(--color-neutral-700)}.dropin-in-line-alert__dismiss-button{padding:0}.dropin-in-line-alert__description{color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);margin:0}.dropin-in-line-alert__additional-actions-container{display:flex;gap:var(--spacing-small);justify-content:flex-end}.dropin-in-line-alert__item-list:first-child:before{content:"";display:block;border-top:var(--shape-border-width-3) solid var(--color-neutral-400);margin-bottom:var(--spacing-medium)}.dropin-in-line-alert--error{border-color:var(--color-alert-500)}.dropin-in-line-alert--warning{border-color:var(--color-warning-500)}.dropin-in-line-alert--success{border-color:var(--color-positive-500)}.dropin-in-line-alert--secondary{border:none;background-color:var(--color-neutral-200)}.dropin-modal{height:100vh;width:100vw;position:fixed;top:0;left:0;z-index:99999;overflow:auto;display:grid;grid-template-columns:repeat(var(--grid-2-columns),1fr);grid-auto-flow:column}.dropin-modal--dim{background-color:#0000003d}.dropin-modal__body{background-color:var(--color-neutral-50);padding:var(--spacing-medium);overflow:hidden;text-align:left;vertical-align:middle;position:relative;box-shadow:var(--shape-shadow-2);border-radius:4px;flex-direction:column}.dropin-modal__body--centered{text-align:center;margin-left:auto;margin-right:auto}.dropin-modal__body--full{grid-column-start:1;grid-column-end:span var(--grid-2-columns);margin-block:auto}.dropin-modal__body--small,.dropin-modal__body--medium{grid-column-start:3;grid-column-end:11;margin-block:auto}.dropin-modal__body--small>.dropin-modal__content,.dropin-modal__body--medium>.dropin-modal__content,.dropin-modal__body--full>.dropin-modal__content{margin-bottom:var(--spacing-xbig)}.dropin-modal__header{flex-direction:row;min-height:var(--spacing-medium);display:flex;position:relative}.dropin-modal__header-title{margin-bottom:var(--spacing-small)}.dropin-modal__header-title-content{flex-direction:row;display:flex;position:relative}.dropin-modal__header-close-button{margin-left:auto}@media only screen and (min-width: 768px){.dropin-modal__body--small{grid-column-start:6;grid-column-end:9;margin-block:auto}.dropin-modal__body--medium{grid-column-start:4;grid-column-end:10;margin-block:auto}.dropin-modal__body--medium>.dropin-modal__content,.dropin-modal__body--full>.dropin-modal__content{margin:0 var(--spacing-xxbig) var(--spacing-large)}.dropin-modal__body--medium>.dropin-modal__header,.dropin-modal__body--full>.dropin-modal__header{min-height:var(--spacing-xxbig)}.dropin-modal__body--medium>.dropin-modal__header-title,.dropin-modal__body--full>.dropin-modal__header-title{margin-bottom:var(--spacing-medium)}}.dropin-cart-item{--item-group-spacing: 0;--group-spacing: var(--spacing-xsmall);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);color:var(--color-neutral-700);container-type:inline-size;container-name:cart-item;position:relative}.dropin-cart-item__skeleton{gap:var(--spacing-xsmall)}.dropin-cart-item__skeleton__item{width:100%;height:auto}.dropin-cart-item__skeleton__item:after{content:"";display:inline-block}.dropin-cart-item__image .dropin-cart-item__skeleton__item{padding-bottom:100%}.dropin-cart-item__image:is(img),.dropin-cart-item__image img{width:100%;height:auto}.dropin-cart-item__title{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);color:var(--color-neutral-800)}.dropin-cart-item__sku{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing)}.dropin-cart-item__configurations{list-style-type:none;margin:var(--group-spacing) 0 0 0;padding:0}.dropin-cart-item__configurations__item__value{font-weight:inherit;color:var(--color-neutral-800)}.dropin-cart-item__configurations__item:not(:last-child){margin-right:var(--spacing-xxsmall)}.dropin-cart-item__quantity__value{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);display:none}.dropin-cart-item__quantity__number{font-weight:inherit;color:var(--color-neutral-800)}.dropin-cart-item__quantity__incrementer,.dropin-cart-item__quantity__picker{max-width:160px;margin-top:calc(var(--group-spacing) / 2);margin-bottom:var(--group-spacing)}.dropin-cart-item__remove{position:absolute;right:0;top:0}.dropin-cart-item__warning,.dropin-cart-item__alert{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);margin-bottom:var(--group-spacing);display:flex;align-items:center}.dropin-cart-item__discount,.dropin-cart-item__savings{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.dropin-cart-item__warning svg,.dropin-cart-item__alert svg{margin-right:var(--spacing-xxsmall)}.dropin-cart-item__savings__large-screen,.dropin-cart-item__discount__large-screen,.dropin-cart-item__savings__wrapper{display:none}.dropin-cart-item__warning,.dropin-cart-item__discount,.dropin-cart-item__savings{color:var(--color-warning-800)}.dropin-cart-item__warning svg{fill:var(--color-warning-800);color:var(--color-neutral-50)}.dropin-cart-item__alert{color:var(--color-alert-800)}.dropin-cart-item__alert svg{fill:var(--color-alert-800);color:var(--color-neutral-50)}.dropin-cart-item__total{display:flex;gap:var(--spacing-xxsmall);flex-direction:column}.dropin-cart-item__row-total{display:flex;gap:var(--spacing-xxsmall)}.dropin-cart-item__row-total__wrapper{display:flex}.dropin-cart-item__total-tax-excluded{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);color:var(--color-neutral-800)}.dropin-cart-item--updating{opacity:.4;pointer-events:none;position:relative}.dropin-cart-item__spinner{margin:0 auto;position:absolute;z-index:999;left:0;right:0;top:calc(50% - (var(--size) / 2));bottom:0}.dropin-cart-item__sr-only{border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1;margin:0 -1px -1px 0;overflow:hidden;padding:0;position:absolute;width:1}.dropin-cart-item__wrapper{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:min-content;grid-column-gap:var(--spacing-small)}.dropin-cart-item__image{grid-column:1 / 2;grid-row:1 / 10}.dropin-cart-item__title,.dropin-cart-item__sku,.dropin-cart-item__attributes,.dropin-cart-item__configurations,.dropin-cart-item__price,.dropin-cart-item__total,.dropin-cart-item__warning,.dropin-cart-item__alert,.dropin-cart-item__quantity,.dropin-cart-item__footer{grid-column:2 / 5}.dropin-cart-item__actions{grid-column:1 / 5;grid-row:5 / 10;text-align:left;display:flex;flex-direction:column;gap:0}.dropin-cart-item__actions button:only-child{padding-left:0;padding-right:0}.dropin-cart-item__title--edit{padding-right:var(--spacing-xbig)}.dropin-cart-item__description,.dropin-cart-item__sku{margin-top:var(--item-group-spacing)}.dropin-cart-item__price,.dropin-cart-item__footer div,.dropin-cart-item__attributes div{margin-top:var(--group-spacing)}.dropin-cart-item__footer p{margin-top:0}.dropin-cart-item__quantity:not(.dropin-cart-item__quantity--edit){display:none}.dropin-cart-item__warning--quantity,.dropin-cart-item__alert--quantity,.dropin-cart-item__description{display:none}.dropin-cart-item__price-tax-message,.dropin-cart-item__price-tax-excluded-message,.dropin-cart-item__total-tax-message{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);color:var(--color-neutral-800)}.dropin-cart-item__total-tax-message{margin-left:var(--spacing-xxsmall)}.dropin-cart-item__footer{font:var(--type-body-2-emphasized-font);letter-spacing:var(--type-body-2-emphasized-letter-spacing);color:var(--color-neutral-800)}.dropin-cart-item__attributes{font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);color:var(--color-neutral-800)}@container cart-item (width >= 400px) and (width < 737px){.dropin-cart-item__title,.dropin-cart-item__sku,.dropin-cart-item__attributes,.dropin-cart-item__configurations,.dropin-cart-item__price,.dropin-cart-item__warning,.dropin-cart-item__alert,.dropin-cart-item__quantity,.dropin-cart-item__footer{grid-column:2 / 4}.dropin-cart-item__actions{grid-column:1 / 4;grid-row:5 / 10}.dropin-cart-item__title--edit{grid-column:2 / 5}.dropin-cart-item__total:not(.dropin-cart-item__total--edit){grid-auto-rows:min-content;grid-column:4 / 5;grid-row:1 / 10;display:grid;justify-self:end;text-align:right;gap:unset}}@container cart-item (width >= 737px) and (width < 1192px){.dropin-cart-item__wrapper{grid-template-columns:repeat(12,1fr)}.dropin-cart-item__image{grid-column:1 / 3}.dropin-cart-item__savings,.dropin-cart-item__discount{display:none}.dropin-cart-item__savings__large-screen,.dropin-cart-item__discount__large-screen,.dropin-cart-item__savings__wrapper{display:block}.dropin-cart-item__savings__wrapper:empty{display:none}.dropin-cart-item__title,.dropin-cart-item__sku,.dropin-cart-item__savings__large-screen,.dropin-cart-item__discount__large-screen,.dropin-cart-item__attributes,.dropin-cart-item__configurations,.dropin-cart-item__savings__wrapper,.dropin-cart-item__price,.dropin-cart-item__warning,.dropin-cart-item__alert,.dropin-cart-item__quantity,.dropin-cart-item__footer{grid-column:3 / 9}.dropin-cart-item__actions{grid-column:10 / 13;grid-row:4 / 10;text-align:right}.dropin-cart-item__savings__wrapper{margin-top:var(--spacing-xsmall)}.dropin-cart-item__title--edit{padding-right:unset}.dropin-cart-item__total{grid-column:10 / 13;grid-row:1 / 10;text-align:right;display:flex;flex-direction:column;gap:0}.dropin-cart-item__row-total{display:contents;gap:var(--spacing-xxsmall)}.dropin-cart-item__total--edit{padding-right:calc(var(--spacing-xbig) + var(--spacing-xsmall))}.dropin-cart-item__row-total__wrapper{display:contents}}@container cart-item (width >= 1192px){.dropin-cart-item{--item-group-spacing: var(--spacing-xxsmall);--group-spacing: var(--spacing-small)}.dropin-cart-item__wrapper{grid-template-columns:repeat(8,1fr);grid-column-gap:var(--spacing-medium)}.dropin-cart-item__image{grid-column:1 / 2}.dropin-cart-item__title,.dropin-cart-item__description,.dropin-cart-item__sku,.dropin-cart-item__price,.dropin-cart-item__attributes,.dropin-cart-item__configurations,.dropin-cart-item__footer{grid-column:2 / 6}.dropin-cart-item__title{padding-right:unset}.dropin-cart-item__actions{grid-column:9 / 13;grid-row:4 / 10;text-align:right}.dropin-cart-item__warning,.dropin-cart-item__alert{grid-column:6 / 7}.dropin-cart-item__warning--quantity,.dropin-cart-item__alert--quantity{display:flex;align-items:center}.dropin-cart-item__warning--quantity svg,.dropin-cart-item__alert--quantity svg{margin-right:var(--spacing-xxsmall)}.dropin-cart-item__warning--quantity svg{fill:var(--color-warning-800);color:var(--color-neutral-50)}.dropin-cart-item__alert--quantity svg{fill:var(--color-alert-800);color:var(--color-neutral-50)}.dropin-cart-item__warning:not(.dropin-cart-item__warning--quantity),.dropin-cart-item__alert:not(.dropin-cart-item__alert--quantity){display:none}.dropin-cart-item__total{grid-column:10 / 13;grid-row:1 / 10;justify-self:end;text-align:right}.dropin-cart-item__total:has(.dropin-cart-item__total-tax-excluded){flex-direction:column;gap:0}.dropin-cart-item__row-total{display:flex;gap:var(--spacing-xxsmall)}.dropin-cart-item__total--edit{padding-right:calc(var(--spacing-xbig) + var(--spacing-xsmall))}.dropin-cart-item__quantity__incrementer,.dropin-cart-item__quantity__picker{margin-top:0}.dropin-cart-item__quantity:not(.dropin-cart-item__quantity--edit),.dropin-cart-item__quantity__value{display:unset}.dropin-cart-item__price__quantity{display:none}.dropin-cart-item__title{font:var(--type-headline-2-default-font);letter-spacing:var(--type-headline-2-default-letter-spacing)}}.dropin-cart-list{container-type:inline-size;container-name:cart-item}.dropin-cart-list__wrapper{display:grid;grid-auto-rows:min-content;grid-gap:var(--spacing-medium)}@container cart-item (width >= 737px){.dropin-cart-list__wrapper{grid-gap:0}.dropin-cart-list__item:not(:last-child):after{content:"";display:block;border-top:var(--shape-border-width-3) solid var(--color-neutral-400);margin:var(--spacing-medium) 0}}.dropin-price-range{display:flex;flex-wrap:wrap;font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.dropin-price-range__separator,.dropin-price-range__to{margin-left:5px;margin-right:5px;margin-block:auto}.dropin-price-range__from,.dropin-price-range__as-low-as{margin-right:5px}.dropin-price-range__from--small,.dropin-price-range__to--small,.dropin-price-range__as-low-as--small{font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing)}.dropin-price-range__from--medium,.dropin-price-range__to--medium,.dropin-price-range__as-low-as--medium{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-price-range__from--large,.dropin-price-range__to--large,.dropin-price-range__as-low-as--large{font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing)}.dropin-price-range__special{margin-left:5px}.dropin-breadcrumbs__container{display:flex}.dropin-breadcrumbs__items{display:flex;flex-wrap:wrap;font:var(--type-details-caption-1-font);list-style:none;margin:0;padding:0}.dropin-breadcrumbs__item{display:flex;justify-content:center}.dropin-breadcrumbs__item--last>:first-child{color:var(--color-brand-500);cursor:default}.dropin-breadcrumbs__item--last>:first-child:hover,.dropin-breadcrumbs__item--last>:first-child:focus-visible{text-decoration:none}.dropin-breadcrumbs__separator--default{margin:0 var(--spacing-xsmall)}.dropin-breadcrumbs__separator--icon{width:16px;height:16px;margin:0 var(--spacing-xxsmall)}.dropin-alert-banner{background-color:var(--color-alert-800);color:var(--color-neutral-50);font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);padding:var(--spacing-small);display:grid;grid-template-columns:1fr max-content;align-items:center;gap:var(--spacing-small)}.dropin-alert-banner__actions,.dropin-alert-banner__content{align-items:center;display:grid;grid-template-columns:max-content max-content}.dropin-alert-banner--neutral,.dropin-alert-banner--neutral button.dropin-alert-banner__dismiss-button{background-color:var(--color-neutral-700)}.dropin-alert-banner--neutral button.dropin-alert-banner__dismiss-button:hover,.dropin-alert-banner--neutral button.dropin-alert-banner__dismiss-button:focus,.dropin-alert-banner--neutral button.dropin-alert-banner__dismiss-button:focus:hover,.dropin-alert-banner--neutral button.dropin-alert-banner__dismiss-button:active{background-color:var(--color-neutral-500)}.dropin-alert-banner--brand,.dropin-alert-banner--brand button.dropin-alert-banner__dismiss-button{background-color:var(--color-brand-500)}.dropin-alert-banner--brand button.dropin-alert-banner__dismiss-button:hover,.dropin-alert-banner--brand button.dropin-alert-banner__dismiss-button:focus,.dropin-alert-banner--brand button.dropin-alert-banner__dismiss-button:focus:hover,.dropin-alert-banner--brand button.dropin-alert-banner__dismiss-button:active{background-color:var(--color-brand-700)}.dropin-alert-banner--success,.dropin-alert-banner--success button.dropin-alert-banner__dismiss-button{background-color:var(--color-positive-800)}.dropin-alert-banner--success button.dropin-alert-banner__dismiss-button:hover,.dropin-alert-banner--success button.dropin-alert-banner__dismiss-button:focus,.dropin-alert-banner--success button.dropin-alert-banner__dismiss-button:focus:hover,.dropin-alert-banner--success button.dropin-alert-banner__dismiss-button:active{background-color:var(--color-positive-500)}.dropin-alert-banner--warning,.dropin-alert-banner--warning button.dropin-alert-banner__dismiss-button{background-color:var(--color-alert-800)}.dropin-alert-banner--warning button.dropin-alert-banner__dismiss-button:hover,.dropin-alert-banner--warning button.dropin-alert-banner__dismiss-button:focus,.dropin-alert-banner--warning button.dropin-alert-banner__dismiss-button:focus:hover,.dropin-alert-banner--warning button.dropin-alert-banner__dismiss-button:active{background-color:var(--color-alert-500)}.dropin-alert-banner__icon{flex-shrink:0;color:var(--color-neutral-50);margin-right:var(--spacing-small)}button.dropin-alert-banner__dismiss-button{margin-left:auto;color:var(--color-neutral-50);height:24px;min-height:24px;width:24px;min-width:24px;padding:0}button.dropin-alert-banner__action{color:var(--color-neutral-50);font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);padding:0;margin-right:var(--spacing-xxsmall)}@media only screen and (width >= 400px) and (width < 768px){.dropin-alert-banner__actions,.dropin-alert-banner__content{grid-template-columns:auto auto;word-break:break-word;word-wrap:break-word}.dropin-alert-banner__message{word-break:break-word;word-wrap:break-word}}.dropin-illustrated-message{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;row-gap:var(--spacing-small)}.dropin-illustrated-message .dropin-card{width:100%}.dropin-illustrated-message__icon{color:var(--color-neutral-400);margin:0 auto var(--spacing-medium) auto}.dropin-illustrated-message__heading{color:var(--color-neutral-800);font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing);margin:0}.dropin-illustrated-message__message{color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);text-align:center;margin:0}.dropin-illustrated-message .dropin-illustrated-message__action{justify-self:center;align-self:center}.dropin-toggle-button{display:block;position:relative;width:100%}.dropin-toggle-button__actionButton{cursor:pointer;background-color:var(--color-neutral-200);border:var(--shape-border-width-1) solid var(--color-neutral-400);border-radius:var(--shape-border-radius-1);font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);padding:var(--spacing-medium);align-items:center;display:grid}.dropin-toggle-button__selected .dropin-toggle-button__actionButton{background-color:var(--color-neutral-50);border:var(--shape-border-width-1) solid var(--color-neutral-800)}.dropin-toggle-button:has(input:focus-visible){outline:0 none;box-shadow:0 0 0 var(--shape-icon-stroke-4) var(--color-neutral-400);-webkit-box-shadow:0 0 0 var(--shape-icon-stroke-4) var(--color-neutral-400);-moz-box-shadow:0 0 0 var(--shape-icon-stroke-4) var(--color-neutral-400);border-radius:var(--shape-border-radius-1)}.dropin-toggle-button__radioButton.dropin-radio-button{cursor:pointer;position:absolute}.dropin-toggle-button__radioButton .dropin-radio-button__label:before{cursor:pointer;margin-right:0}.dropin-toggle-button__radioButton .dropin-radio-button__input:focus-visible+.dropin-radio-button__label:before{box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-600)}.dropin-toggle-button__content{color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);display:flex;align-items:center;justify-content:center;margin-left:var(--spacing-big);cursor:pointer}.dropin-toggle-button__content a{color:var(--color-brand-500);font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing)}.dropin-toggle-button__icon{height:24px;margin-right:var(--spacing-xsmall)}.dropin-header-container{display:grid;grid-template-columns:repeat(2,auto);justify-content:space-between;gap:0px 0px;grid-template-areas:"title actions" "divider divider";width:100%}.dropin-header-container__title{grid-area:title;color:var(--color-neutral-800)}.dropin-header-container__title--medium{font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-1-letter-spacing)}.dropin-header-container__title--large{font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing)}.dropin-header-container__actions{grid-area:actions;font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);color:var(--color-brand-500);align-self:center}.dropin-header-container .dropin-header-container__divider{grid-area:divider;width:100%;border-top:3px solid var(--color-neutral-400)}.dropin-header-container .dropin-header-container__divider--medium{margin:var(--spacing-xsmall) 0 var(--spacing-medium) 0}.dropin-header-container .dropin-header-container__divider--large{margin:22px 0 var(--spacing-medium) 0}.dropin-tag-container{position:relative;border-radius:20px;-webkit-user-select:none;user-select:none;padding:8px 16px;background-color:var(--color-neutral-400);display:flex;justify-content:center;align-items:center}.dropin-tag-container__label{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-overline-letter-spacing);color:var(--color-neutral-800);line-height:21px}.dropin-content-grid{container-type:inline-size;container-name:dropin-content-grid;max-width:inherit;overflow:scroll}.dropin-content-grid__content{display:grid;gap:var(--spacing-small);margin:auto;justify-items:center}.dropin-content-grid__dynamic-columns-content{display:flex;flex-wrap:wrap}.dropin-content-grid__content--empty{grid-template-columns:repeat(1,1fr)}@container dropin-content-grid (width < 360){.dropin-content-grid__content{grid-template-columns:repeat(4,1fr);gap:var(--spacing-xsmall)}}.dropin-pagination{display:flex;justify-content:center;align-items:center;gap:0 var(--grid-2-gutters)}.dropin-pagination-arrow{margin:0;padding:0;box-sizing:border-box;background-color:transparent;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer}.dropin-pagination-arrow--backward svg{transform:rotate(90deg)}.dropin-pagination-arrow--forward svg{transform:rotate(-90deg)}.dropin-pagination_list{list-style:none;display:flex;justify-content:center;align-items:center;gap:0 var(--grid-2-gutters);margin:0;padding:0}.dropin-pagination_list-item{display:flex;justify-content:center;align-items:center;margin:0;padding:0;width:16px;height:16px}.dropin-pagination_list-item--active{background-color:var(--color-neutral-300);width:16px;height:16px;border-radius:50%;display:flex;justify-content:center;align-items:center}.dropin-pagination_list-item button{cursor:pointer;margin:0;padding:0;background-color:transparent;border:none;font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing)}.dropin-pagination_list-item--active button{cursor:default}.dropin-pagination_list-item--active button:disabled,.dropin-pagination_list-item--ellipsis button,.dropin-pagination-arrow--backward:disabled,.dropin-pagination-arrow--forward:disabled{cursor:default}.dropin-pagination button:not(:disabled){color:var(--color-neutral-800)}.dropin-pagination button{-moz-appearance:none;appearance:none;-webkit-appearance:none}.dropin-product-item-card__skeleton{gap:var(--spacing-small)}.dropin-product-item-card__skeleton__image{height:375px}.dropin-product-item-card__skeleton__content{grid-column:1/-1}.dropin-product-item-card{display:grid;position:relative;grid-auto-flow:row;background:var(--color-neutral-50);border:1px solid var(--color-neutral-400);color:var(--color-neutral-800);font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);margin:var(--spacing-small);width:300px}.dropin-product-item-card__image-container{overflow:hidden;width:100%;height:auto}.dropin-product-item-card__image img{width:100%;max-height:375px}.dropin-product-item-card__content{display:grid;grid-template-columns:1fr 1fr;padding:var(--spacing-small);gap:var(--spacing-xxsmall);align-items:center;color:var(--color-neutral-800)}.dropin-product-item-card__title,.dropin-product-item-card__sku,.dropin-product-item-card__price,.dropin-product-item-card__swatches,.dropin-product-item-card__action{grid-column:1/3}.dropin-product-item-card__title{font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing)}.dropin-product-item-card__sku,.dropin-product-item-card__price{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-product-item-card__swatches{margin-top:var(--spacing-xsmall)}.dropin-product-item-card__action{margin-top:var(--spacing-xsmall);width:100%}`,{styleId:"sdk"});
|
|
5
5
|
import{I as t,i as e}from"./chunks/initializer.js";import"./chunks/image-params-keymap.js";export{t as Initializer,e as initializers};
|
|
6
|
+
//# sourceMappingURL=initializer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"initializer.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '../../types/elsie/src/lib/aem/configs'
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*! Copyright 2025 Adobe
|
|
2
|
+
All Rights Reserved. */
|
|
3
|
+
import{d as f}from"../../chunks/cjs.js";let o=null,a=null,r=null;function C(){o=null,a=null,r=null}function u(){return new URL(`${window.location.origin}/config.json`)}function c(n,t){return t.split(".").reduce((e,i)=>{if(!Object.prototype.hasOwnProperty.call(e,i)){console.warn(`Property ${t} does not exist in the object`);return}return e[i]},n)}function m(n){const t=document.cookie.split(";");let e;return t.forEach(i=>{const[l,s]=i.trim().split("=");l===n&&(e=decodeURIComponent(s))}),e}function g(n=o){return n?Object.keys(n==null?void 0:n.public).sort((e,i)=>{const l=e.split("/").filter(Boolean).length;return i.split("/").filter(Boolean).length-l}).find(e=>window.location.pathname===e||window.location.pathname.startsWith(e))??"/":(console.warn("No config found. Please call initializeConfig() first."),"/")}function d(){return o?Object.keys(o.public).filter(n=>n!=="default"):(console.warn("No config found. Please call initializeConfig() first."),[])}function y(){return d().length>=1}function S(n){if(!r)throw new Error("Configuration not initialized. Call initializeConfig() first.");const t=r.headers??{};return{...t.all??{},...t[n]??{}}}function w(n,t){var i;const e=(i=n.public)==null?void 0:i.default;return t==="/"||!n.public[t]?e:f(e,n.public[t])}async function p(){try{const n=window.sessionStorage.getItem("config");if(!n)throw new Error("No config in session storage");const t=JSON.parse(n);if(!t[":expiry"]||t[":expiry"]<Math.round(Date.now()/1e3))throw new Error("Config expired");return t}catch{const t=await fetch(u());if(!t.ok)throw new Error("Failed to fetch config");const e=await t.json();return e[":expiry"]=Math.round(Date.now()/1e3)+7200,window.sessionStorage.setItem("config",JSON.stringify(e)),e}}async function z(){return o=await p(),a=g(o),r=w(o,a),r}function N(n){if(!r)throw new Error("Configuration not initialized. Call initializeConfig() first.");return c(r,n)}export{N as getConfigValue,m as getCookie,S as getHeaders,d as getListOfRootPaths,g as getRootPath,z as initializeConfig,y as isMultistore,C as resetConfig};
|
|
4
|
+
//# sourceMappingURL=configs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"configs.js","sources":["/@dropins/tools/src/lib/aem/configs.ts"],"sourcesContent":["import { deepmerge } from '../deepmerge';\n\ninterface ConfigHeaders {\n all?: Record<string, string>;\n [key: string]: Record<string, string> | undefined;\n}\n\ninterface ConfigPublic {\n default: ConfigRoot;\n [key: string]: ConfigRoot;\n}\n\ninterface ConfigRoot {\n headers?: ConfigHeaders;\n [key: string]: any;\n}\n\ninterface Config {\n public: ConfigPublic;\n [key: string]: any;\n}\n\n// Private state\nlet config: Config | null = null;\nlet rootPath: string | null = null;\nlet rootConfig: ConfigRoot | null = null;\n\n/**\n * Reset the config state\n */\nfunction resetConfig() {\n config = null;\n rootPath = null;\n rootConfig = null;\n}\n\n/**\n * Builds the URL for the config file.\n *\n * @returns {URL} - The URL for the config file.\n */\nfunction buildConfigURL() {\n return new URL(`${window.location.origin}/config.json`);\n}\n\n/**\n * Retrieves a value from a config object using dot notation.\n *\n * @param {Object} obj - The config object.\n * @param {string} key - The key to retrieve (supports dot notation).\n * @returns {any} - The value of the key.\n */\nfunction getValue(obj: Record<string, any>, key: string): any {\n return key.split('.').reduce((current: Record<string, any>, part: string) => {\n if (!Object.prototype.hasOwnProperty.call(current, part)) {\n console.warn(`Property ${key} does not exist in the object`);\n return undefined;\n }\n return current[part];\n }, obj);\n}\n\n/**\n * Get cookie\n * @param {string} cookieName - The name of the cookie to get\n * @returns {string} - The value of the cookie\n */\nfunction getCookie(cookieName: string): string | undefined {\n const cookies = document.cookie.split(';');\n let foundValue;\n\n cookies.forEach((cookie) => {\n const [name, value] = cookie.trim().split('=');\n if (name === cookieName) {\n foundValue = decodeURIComponent(value);\n }\n });\n\n return foundValue;\n}\n\n/**\n * Get root path\n * @param {Object} [configObj=config] - The config object.\n * @returns {string} - The root path.\n */\nfunction getRootPath(configObj: Config | null = config): string {\n if (!configObj) {\n console.warn('No config found. Please call initializeConfig() first.');\n return '/';\n }\n\n const value = Object.keys(configObj?.public)\n // Sort by number of non-empty segments to find the deepest path\n .sort((a, b) => {\n const aSegments = a.split('/').filter(Boolean).length;\n const bSegments = b.split('/').filter(Boolean).length;\n return bSegments - aSegments;\n })\n .find(\n (key) =>\n window.location.pathname === key ||\n window.location.pathname.startsWith(key)\n );\n\n return value ?? '/';\n}\n\n/**\n * Get list of root paths from public config\n * @returns {Array} - The list of root paths.\n */\nfunction getListOfRootPaths(): string[] {\n if (!config) {\n console.warn('No config found. Please call initializeConfig() first.');\n return [];\n }\n\n return Object.keys(config.public).filter((root) => root !== 'default');\n}\n\n/**\n * Checks if the public config contains more than \"default\"\n * @returns {boolean} - true if public config contains more than \"default\"\n */\nfunction isMultistore(): boolean {\n return getListOfRootPaths().length >= 1;\n}\n\n/**\n * Retrieves headers from config entries like commerce.headers.pdp.my-header, etc and\n * returns as object of all headers like { my-header: value, ... }\n * @param {string} scope - The scope of the headers to retrieve.\n * @returns {Object} - The headers.\n */\nfunction getHeaders(scope: string): Record<string, string> {\n if (!rootConfig) {\n throw new Error(\n 'Configuration not initialized. Call initializeConfig() first.'\n );\n }\n const headers = rootConfig.headers ?? {};\n return {\n ...(headers.all ?? {}),\n ...(headers[scope] ?? {}),\n };\n}\n\n/**\n * Applies config overrides from metadata.\n *\n * @param {Object} [configObj=config] - The base config.\n * @param {string} [root=rootPath] - The root path.\n * @returns {Object} - The config with overrides applied.\n */\nfunction applyConfigOverrides(\n configObj: Config | null,\n root: string | null\n): ConfigRoot {\n const defaultConfig = configObj!.public?.default;\n\n if (root === '/' || !configObj!.public[root as keyof ConfigPublic])\n return defaultConfig;\n\n return deepmerge(\n defaultConfig,\n configObj!.public[root as keyof ConfigPublic]\n );\n}\n\n/**\n * Fetches config from remote and saves in session, then returns it, otherwise\n * returns if it already exists.\n *\n * @returns {Promise<Object>} - The config JSON from session storage\n */\nasync function getConfigFromSession(): Promise<Config> {\n try {\n const configJSON = window.sessionStorage.getItem('config');\n if (!configJSON) {\n throw new Error('No config in session storage');\n }\n\n const parsedConfig = JSON.parse(configJSON);\n if (\n !parsedConfig[':expiry'] ||\n parsedConfig[':expiry'] < Math.round(Date.now() / 1000)\n ) {\n throw new Error('Config expired');\n }\n return parsedConfig;\n } catch (e) {\n const config = await fetch(buildConfigURL());\n if (!config.ok) throw new Error('Failed to fetch config');\n const configJSON = await config.json();\n configJSON[':expiry'] = Math.round(Date.now() / 1000) + 7200;\n window.sessionStorage.setItem('config', JSON.stringify(configJSON));\n return configJSON;\n }\n}\n\n/**\n * Initializes the configuration system.\n * @returns {Promise<void>}\n */\nasync function initializeConfig(): Promise<ConfigRoot> {\n config = await getConfigFromSession();\n rootPath = getRootPath(config);\n rootConfig = applyConfigOverrides(config, rootPath);\n return rootConfig;\n}\n\n/**\n * Retrieves a configuration value.\n *\n * @param {string} configParam - The configuration parameter to retrieve.\n * @returns {string|undefined} - The value of the configuration parameter, or undefined.\n */\nfunction getConfigValue(configParam: string): any {\n if (!rootConfig) {\n throw new Error(\n 'Configuration not initialized. Call initializeConfig() first.'\n );\n }\n return getValue(rootConfig, configParam);\n}\n\nexport {\n initializeConfig,\n getCookie,\n getRootPath,\n getListOfRootPaths,\n isMultistore,\n getConfigValue,\n getHeaders,\n resetConfig,\n};\n"],"names":["config","rootPath","rootConfig","resetConfig","buildConfigURL","getValue","obj","key","current","part","getCookie","cookieName","cookies","foundValue","cookie","name","value","getRootPath","configObj","a","b","aSegments","getListOfRootPaths","root","isMultistore","getHeaders","scope","headers","applyConfigOverrides","defaultConfig","_a","deepmerge","getConfigFromSession","configJSON","parsedConfig","initializeConfig","getConfigValue","configParam"],"mappings":"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"}
|
package/lib.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
/*! Copyright 2025 Adobe
|
|
2
2
|
All Rights Reserved. */
|
|
3
|
-
import{
|
|
3
|
+
import{S as v}from"./chunks/deviceUtils.js";import{R as x,V as ee,c as re,d as te,g as ne,a as oe,i as se}from"./chunks/deviceUtils.js";import{d as E}from"./chunks/cjs.js";import{C as le,I as de,i as ae}from"./chunks/initializer.js";import{x as R,A as O,h as _,T as $,E as D,q as f,_ as B,y as M}from"./chunks/icons/Add.js";import{IntlContext as F}from"./i18n.js";import{g as ce,s as ge}from"./chunks/image-params-keymap.js";import"./preact-jsx-runtime.js";import"./signals.js";const U=r=>{const n=new FormData(r);return Object.fromEntries(n)},W=r=>{const n=new FormData(r),i=Object.fromEntries(n);return Object.entries(i).reduce((o,[a])=>{const u=r.elements[a];return u!=null&&u.validationMessage?{...o,[a]:u.validationMessage}:{...o}},{})},q={arrayMerge:(r,n,i)=>{const d=r.slice();return n.forEach((o,a)=>{typeof d[a]>"u"?d[a]=i.cloneUnlessOtherwiseSpecified(o,i):i.isMergeableObject(o)?d[a]=E(r[a],o,i):r.indexOf(o)===-1&&d.push(o)}),d}};function G(r,n){return n?E(r,n,q):r}const H=r=>r.replace("_","-");function z(r,n={},i,d,o,a="div"){const u=R(v),S=O(null),c=O("pending"),m=O([]),[y,P]=_({children:[d]}),[N,L]=_({}),b=$(()=>({get:t=>N[t],set:(t,e)=>{L({...b,[t]:e})}}),[N]),{intl:V}=R(F);n.dictionary=V.dictionary,n._setProps=t=>{P(e=>{const s=typeof t=="function"?t(e):t;if(o){const l=D(o(e),{key:"render"}),h=e.children.findIndex(p=>(p==null?void 0:p.key)==="render");e.children[h]=l}return s})};const g=f(t=>{typeof t=="function"?m.current.push(t):console.warn("Skipped: Invalid _registerMethod",t)},[]);n._registerMethod=g;const w=f(t=>B(a,{"data-slot-html-element":t.tagName.toLowerCase(),ref:e=>{e==null||e.appendChild(t)}},null),[a]);n._htmlElementToVNode=w,n.getSlotElement=f(t=>{var s,l;const e=(s=S.current)==null?void 0:s.querySelector(`[data-slot-key="${t}"]`);if(I(`🟦 "${r}" Slot getSlotElement: ${t}`,(l=S.current)==null?void 0:l.cloneNode(!0),e==null?void 0:e.cloneNode(!0)),!!e)return{appendChild:h=>{e.appendChild(h)},prependChild:h=>{e.insertBefore(h,e.firstChild)},appendSibling:h=>{const p=e.parentNode;p==null||p.insertBefore(h,e.nextSibling)},prependSibling:h=>{const p=e.parentNode;p==null||p.insertBefore(h,e)}}},[r]),n.onRender=f(t=>{m.current.push(t)},[]),n.onChange=n.onRender,n.replaceWith=f(t=>{g(e=>{const s=w(t);e._setProps({children:[s]})})},[w,g]),n.appendChild=f(t=>{g(e=>{const s=w(t);e._setProps(l=>({...l,children:[...l.children,s]}))})},[w,g]),n.prependChild=f(t=>{g(e=>{const s=w(t);e._setProps(l=>({...l,children:[s,...l.children]}))})},[w,g]),n.appendSibling=f(t=>{g(()=>{var s,l;const e=(s=S.current)==null?void 0:s.parentNode;e==null||e.insertBefore(t,((l=S.current)==null?void 0:l.nextSibling)??null)})},[g]),n.prependSibling=f(t=>{g(()=>{var s;const e=(s=S.current)==null?void 0:s.parentNode;e==null||e.insertBefore(t,S.current)})},[g]);const C=f(async()=>{if(c.current==="loading")return;c.current="loading",I(`🟨 "${r}" Slot Rendered`);const t=o?D(o(y),{key:"render"}):null;P({children:[t??d]}),m.current.forEach(e=>{e(n,b)}),c.current="ready"},[d,n,r,y,o,b]),j=f(async()=>{if(i)try{c.current="loading",I(`🟩 "${r}" Slot Initialized`),await i(n,S.current)}catch(t){console.error(`Error in "${i.name}" Slot callback`,t)}finally{c.current="ready",await C()}},[i,n,C,r]);return M(()=>{j().finally(()=>{u&&(u.value.delete(r),u.value=new Set(u.value))})},[]),M(()=>{C()},[JSON.stringify(n),JSON.stringify(N)]),[S,y]}function X({name:r,context:n,slot:i,children:d,render:o,slotTag:a="div",contentTag:u="div",...S}){const c=R(v),[m,y]=z(r,n,i,d,o,u);return $(()=>{if(!r)return console.warn('Slot "name" is required');c&&(c.value.add(r),c.value=new Set(c.value))},[r,c]),B(a,{...S,ref:m,"data-slot":r},y.children)}window.DROPINS=window.DROPINS||{};window.DROPINS.showSlots=async r=>{window.sessionStorage.setItem("dropin-debugger--show-slots",r.toString()),document.body.classList.toggle("dropin-debugger--show-slots",r)};let I=()=>{};window.DROPINS.logSlots=async r=>{window.sessionStorage.setItem("dropin-debugger--log-slots",r.toString()),I=r?(...n)=>console.log(...n):()=>{}};window.DROPINS.showSlots(window.sessionStorage.getItem("dropin-debugger--show-slots")==="true");window.DROPINS.logSlots(window.sessionStorage.getItem("dropin-debugger--log-slots")==="true");export{le as Config,de as Initializer,x as Render,X as Slot,v as SlotQueueContext,ee as VComponent,re as classes,te as debounce,E as deepmerge,ne as generateSrcset,W as getFormErrors,U as getFormValues,ce as getImageParamsKeyMap,ae as initializers,oe as isIOSMobileDevice,se as isNumber,G as merge,ge as setImageParamsKeyMap,H as toLanguageTag,z as useSlot};
|
|
4
|
+
//# sourceMappingURL=lib.js.map
|