@dropins/tools 1.6.0-beta3 → 1.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (73) hide show
  1. package/chunks/Image.js +1 -1
  2. package/chunks/cjs.js +1 -1
  3. package/chunks/get-path-value.js +1 -1
  4. package/chunks/get-price-formatter.js +1 -1
  5. package/chunks/icons/Add.js +1 -1
  6. package/chunks/icons/AddressBook.js +1 -1
  7. package/chunks/icons/Bulk.js +1 -1
  8. package/chunks/icons/Burger.js +1 -1
  9. package/chunks/icons/Business.js +1 -1
  10. package/chunks/icons/Card.js +1 -1
  11. package/chunks/icons/Cart.js +1 -1
  12. package/chunks/icons/Check.js +1 -1
  13. package/chunks/icons/CheckWithCircle.js +1 -1
  14. package/chunks/icons/ChevronDown.js +1 -1
  15. package/chunks/icons/ChevronRight.js +1 -1
  16. package/chunks/icons/ChevronUp.js +1 -1
  17. package/chunks/icons/Close.js +1 -1
  18. package/chunks/icons/Coupon.js +1 -1
  19. package/chunks/icons/Date.js +1 -1
  20. package/chunks/icons/Delivery.js +1 -1
  21. package/chunks/icons/Edit.js +1 -1
  22. package/chunks/icons/EmptyBox.js +1 -1
  23. package/chunks/icons/Eye.js +1 -1
  24. package/chunks/icons/EyeClose.js +1 -1
  25. package/chunks/icons/Gift.js +1 -1
  26. package/chunks/icons/GiftCard.js +1 -1
  27. package/chunks/icons/Heart.js +1 -1
  28. package/chunks/icons/HeartFilled.js +1 -1
  29. package/chunks/icons/InfoFilled.js +1 -1
  30. package/chunks/icons/List.js +1 -1
  31. package/chunks/icons/Locker.js +1 -1
  32. package/chunks/icons/Minus.js +1 -1
  33. package/chunks/icons/Order.js +1 -1
  34. package/chunks/icons/OrderError.js +1 -1
  35. package/chunks/icons/OrderSuccess.js +1 -1
  36. package/chunks/icons/PaymentError.js +1 -1
  37. package/chunks/icons/Placeholder.js +1 -1
  38. package/chunks/icons/PlaceholderFilled.js +1 -1
  39. package/chunks/icons/Purchase.js +1 -1
  40. package/chunks/icons/Quote.js +1 -1
  41. package/chunks/icons/Search.js +1 -1
  42. package/chunks/icons/SearchFilled.js +1 -1
  43. package/chunks/icons/Sort.js +1 -1
  44. package/chunks/icons/Star.js +1 -1
  45. package/chunks/icons/Structure.js +1 -1
  46. package/chunks/icons/Team.js +1 -1
  47. package/chunks/icons/Trash.js +1 -1
  48. package/chunks/icons/User.js +1 -1
  49. package/chunks/icons/View.js +1 -1
  50. package/chunks/icons/Wallet.js +1 -1
  51. package/chunks/icons/Warning.js +1 -1
  52. package/chunks/icons/WarningFilled.js +1 -1
  53. package/chunks/icons/WarningWithCircle.js +1 -1
  54. package/chunks/image-params-keymap.js +1 -1
  55. package/chunks/initializer.js +1 -1
  56. package/chunks/locale-config.js +1 -1
  57. package/chunks/vcomponent.js +1 -1
  58. package/components.js +1 -1
  59. package/event-bus.js +1 -1
  60. package/fetch-graphql.js +1 -1
  61. package/i18n.js +1 -1
  62. package/initializer.js +1 -1
  63. package/lib/aem/assets.js +1 -1
  64. package/lib/aem/configs.js +1 -1
  65. package/lib.js +1 -1
  66. package/package.json +1 -1
  67. package/preact-compat.js +1 -1
  68. package/preact-hooks.js +1 -1
  69. package/preact-jsx-runtime.js +1 -1
  70. package/preact.js +1 -1
  71. package/recaptcha.js +1 -1
  72. package/shims/importmap.js +1 -1
  73. package/signals.js +1 -1
@@ -1,4 +1,4 @@
1
- /*! Copyright 2025 Adobe
1
+ /*! Copyright 2026 Adobe
2
2
  All Rights Reserved. */
3
3
  import{_ as t}from"./Add.js";const e=o=>t("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o},t("path",{vectorEffect:"non-scaling-stroke",d:"M0.75 12C0.75 5.78421 5.78421 0.75 12 0.75C18.2158 0.75 23.25 5.78421 23.25 12C23.25 18.2158 18.2158 23.25 12 23.25C5.78421 23.25 0.75 18.2158 0.75 12Z",stroke:"currentColor"}),t("path",{vectorEffect:"non-scaling-stroke",d:"M11.75 5.88423V4.75H12.25V5.88423L12.0485 13.0713H11.9515L11.75 5.88423ZM11.7994 18.25V16.9868H12.2253V18.25H11.7994Z",stroke:"currentColor"}));export{e as default};
4
4
  //# sourceMappingURL=WarningWithCircle.js.map
@@ -1,4 +1,4 @@
1
- /*! Copyright 2025 Adobe
1
+ /*! Copyright 2026 Adobe
2
2
  All Rights Reserved. */
3
3
  var p=Object.defineProperty;var m=(e,a,t)=>a in e?p(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t;var s=(e,a,t)=>m(e,typeof a!="symbol"?a+"":a,t);class g{constructor(){s(this,"_map")}get map(){return this._map}set map(a){this._map=a}getMethods(){return{setMap:a=>{this.map=a},getMap:()=>this.map}}}const M=new g,{setMap:h,getMap:n}=M.getMethods();export{n as g,h as s};
4
4
  //# sourceMappingURL=image-params-keymap.js.map
@@ -1,4 +1,4 @@
1
- /*! Copyright 2025 Adobe
1
+ /*! Copyright 2026 Adobe
2
2
  All Rights Reserved. */
3
3
  (function(i,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 a in e.attributes)r.setAttribute(a,e.attributes[a]);r.setAttribute("data-dropin",o),r.appendChild(document.createTextNode(i));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
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}}svg.dropin-icon--shape-stroke-1,svg.dropin-icon--shape-stroke-1 *{stroke-width:var(--shape-icon-stroke-1)}svg.dropin-icon--shape-stroke-2,svg.dropin-icon--shape-stroke-2 *{stroke-width:var(--shape-icon-stroke-2)}svg.dropin-icon--shape-stroke-3,svg.dropin-icon--shape-stroke-3 *{stroke-width:var(--shape-icon-stroke-3)}svg.dropin-icon--shape-stroke-4,svg.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--no-buttons{grid-template-columns:max-content;width:fit-content;margin-inline:auto}.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-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)}button.dropin-button.dropin-button--primary,a.dropin-button.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)}button.dropin-button.dropin-button--primary--disabled,a.dropin-button.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}button.dropin-button.dropin-button--primary:hover,a.dropin-button.dropin-button--primary:hover,.dropin-iconButton--primary:hover,button.dropin-button.dropin-button--primary:focus:hover,.dropin-iconButton--primary:focus:hover{background-color:var(--color-button-hover);text-decoration:none}button.dropin-button.dropin-button--primary:focus,.dropin-iconButton--primary:focus{background-color:var(--color-brand-500)}button.dropin-button.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{position:fixed;top:0;right:0;bottom: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__attributes div{margin-top:var(--group-spacing)}.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__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__disabled .dropin-toggle-button__actionButton{cursor:default;background-color:var(--color-neutral-300);border:var(--shape-border-width-1) solid var(--color-neutral-500)}.dropin-toggle-button__disabled .dropin-toggle-button__content{color:var(--color-neutral-500);cursor:default}.dropin-toggle-button:not(.dropin-toggle-button__disabled):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,.dropin-pagination_list-item a{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);text-decoration:none}.dropin-pagination_list-item--active button,.dropin-pagination_list-item--active a{cursor:default}.dropin-pagination_list-item--active button:disabled,.dropin-pagination_list-item--ellipsis button,.dropin-pagination_list-item--ellipsis a,.dropin-pagination-arrow--backward:disabled,.dropin-pagination-arrow--forward:disabled,.dropin-pagination-arrow--disabled{cursor:default;opacity:.5;pointer-events:none}.dropin-pagination button:not(:disabled),.dropin-pagination a:not([aria-disabled=true]){color:var(--color-neutral-800)}.dropin-pagination button,.dropin-pagination a{-moz-appearance:none;appearance:none;-webkit-appearance:none}.dropin-product-item-card__skeleton__image{width:100%;height:370px}.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%}.dropin-input-file__input{display:none}.dropin-input-file__label{border:0 none;cursor:pointer;border-radius:var(--shape-border-radius-3);padding:var(--spacing-xsmall) var(--spacing-medium);display:flex;justify-content:center;align-items:center;background:var(--color-brand-500);color:var(--color-neutral-50);font:var(--type-button-2-font);letter-spacing:var(--type-button-2-letter-spacing)}.dropin-input-file__label:hover{background-color:var(--color-button-hover)}.dropin-input-file__icon{height:24px;margin-right:var(--spacing-xsmall)}.dropin-table{container-type:inline-size;overflow-x:auto;font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-table__table{border:var(--shape-border-width-1) solid var(--color-neutral-400);border-collapse:collapse;width:100%}.dropin-table__caption{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);text-align:left;margin-bottom:var(--spacing-small);caption-side:top}.dropin-table__header__cell{font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing)}.dropin-table__header__cell{color:var(--color-neutral-800);text-align:left;white-space:nowrap}.dropin-table__header__cell--sortable{cursor:pointer}.dropin-table__header__row{border-bottom:var(--shape-border-width-1) solid var(--color-neutral-400)}.dropin-table__header__row th{padding:var(--spacing-small) var(--spacing-medium)}.dropin-table__body__row:nth-child(2n){background-color:var(--color-neutral-100)}.dropin-table__body__row.dropin-table__body__row--expanded{background-color:var(--color-neutral-200)}.dropin-table__body__cell{padding:var(--spacing-small) var(--spacing-medium)}.dropin-table__header__sort-button{vertical-align:middle}.dropin-table__row-details{display:none}.dropin-table__row-details--expanded{display:table-row}.dropin-table__row-details__cell{padding:var(--spacing-small) var(--spacing-medium);background-color:var(--color-neutral-200)}.dropin-table__row-details--expanded .dropin-table__row-details__cell>*:last-child{margin:0}.dropin-table__row-details__cell h1,.dropin-table__row-details__cell h2,.dropin-table__row-details__cell h3,.dropin-table__row-details__cell h4,.dropin-table__row-details__cell h5,.dropin-table__row-details__cell h6{font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing);margin:0}.dropin-table__row-details__cell p,.dropin-table__row-details__cell span{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}@container (max-width: 600px){.dropin-table--mobile-layout-stacked .dropin-table__header{display:none}.dropin-table--mobile-layout-stacked .dropin-table__body__row{padding:var(--spacing-medium);display:block}.dropin-table--mobile-layout-stacked .dropin-table__body__cell{display:block;font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);padding:var(--spacing-xsmall) 0}.dropin-table--mobile-layout-stacked .dropin-table__body__cell:first-child{padding-top:0}.dropin-table--mobile-layout-stacked .dropin-table__body__cell:last-child{padding-bottom:0}.dropin-table--mobile-layout-stacked .dropin-table__body__cell:before{content:attr(data-label);font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);display:block;margin-bottom:var(--spacing-xxsmall)}.dropin-table--mobile-layout-stacked .dropin-table__row-details__cell{display:block;padding:var(--spacing-medium)}.dropin-table--mobile-layout-stacked .dropin-table__row-details__cell>*:first-child{border-top:var(--shape-border-width-1) solid var(--color-neutral-400);padding-top:var(--spacing-medium);margin-top:calc(var(--spacing-medium) * -1)}.dropin-table--mobile-layout-stacked .dropin-table__row-details--expanded .dropin-table__row-details__cell>*:last-child{margin:0}.dropin-table--mobile-layout-stacked .dropin-table__row-details__cell h1,.dropin-table--mobile-layout-stacked .dropin-table__row-details__cell h2,.dropin-table--mobile-layout-stacked .dropin-table__row-details__cell h3,.dropin-table--mobile-layout-stacked .dropin-table__row-details__cell h4,.dropin-table--mobile-layout-stacked .dropin-table__row-details__cell h5,.dropin-table--mobile-layout-stacked .dropin-table__row-details__cell h6{font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing)}.dropin-table--mobile-layout-stacked .dropin-table__row-details__cell p,.dropin-table--mobile-layout-stacked .dropin-table__row-details__cell span{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}}.dropin-multi-select{position:relative;min-width:300px}.dropin-multi-select__input-hidden{display:none}.dropin-multi-select__container{min-height:56px;box-sizing:border-box;border:var(--shape-border-width-1) solid var(--color-neutral-600);border-radius:var(--shape-border-radius-1);padding:var(--spacing-xsmall) var(--spacing-small);cursor:text;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xsmall);transition:all .2s ease;background-color:var(--color-neutral-50)}.dropin-multi-select__container--with-floating-label{padding:var(--spacing-small) var(--spacing-small) var(--spacing-xsmall) var(--spacing-small)}.dropin-multi-select__container:hover,.dropin-multi-select__container--open{border-color:var(--color-neutral-700)}.dropin-multi-select__container--disabled{background-color:var(--color-neutral-200);cursor:not-allowed;opacity:.6}.dropin-multi-select__container--error{border:var(--shape-border-width-2) solid var(--color-alert-500)}.dropin-multi-select__container--success{border:var(--shape-border-width-2) solid var(--color-positive-500)}.dropin-multi-select__tags-area{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xsmall);max-width:calc(100% - 30px);overflow:hidden}.dropin-multi-select__tag{padding:2px 16px}.dropin-multi-select__floating-label{position:absolute;top:50%;left:12px;transform:translateY(-50%);cursor:text;background-color:var(--color-neutral-50);padding:0 var(--spacing-xxsmall);font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);color:var(--color-neutral-500);pointer-events:none;transition:all .2s ease;z-index:1}.dropin-multi-select__container--with-floating-label.dropin-multi-select__container--has-value,.dropin-multi-select__container--with-floating-label.dropin-multi-select__container--open,.dropin-multi-select__container--with-floating-label:focus-within{padding-top:var(--spacing-big)}.dropin-multi-select__container--with-floating-label.dropin-multi-select__container--has-value .dropin-multi-select__floating-label,.dropin-multi-select__container--with-floating-label.dropin-multi-select__container--open .dropin-multi-select__floating-label,.dropin-multi-select__container--with-floating-label:focus-within .dropin-multi-select__floating-label{top:12px;left:12px;transform:translateY(0);font-size:12px;color:var(--color-neutral-800);font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);background-color:var(--color-neutral-50);z-index:2}.dropin-multi-select__tag-remove{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;transition:color .2s ease;color:var(--color-neutral-600)}.dropin-multi-select__search{outline:none;background:transparent;border:none;font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);padding:0}.dropin-multi-select__search:empty{width:100%}.dropin-multi-select__search::placeholder{font:var(--type-body-1-default-font)}.dropin-multi-select__container--with-floating-label .dropin-multi-select__search::placeholder{opacity:0}.dropin-multi-select__container--with-floating-label.dropin-multi-select__container--open .dropin-multi-select__search::placeholder{opacity:1}.dropin-multi-select__tags-area--has-values .dropin-multi-select__search{width:30px}.dropin-multi-select__chevron{transition:transform .2s ease;flex-shrink:0;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.dropin-multi-select__chevron--open{transform:translateY(-50%) rotate(180deg)}.dropin-multi-select__dropdown{position:absolute;overflow:hidden;z-index:50;width:100%;margin-top:var(--spacing-xxsmall);background-color:var(--color-neutral-50);border:var(--shape-border-width-1) solid var(--color-neutral-700);border-radius:var(--shape-border-radius-1);box-shadow:var(--shape-shadow-1);box-sizing:border-box}.dropin-multi-select__controls{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xsmall);border-bottom:var(--shape-border-width-1) solid var(--color-neutral-300);background-color:var(--color-neutral-200)}.dropin-multi-select__button{flex:1;font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);cursor:pointer}.dropin-multi-select__button--deselect-all:disabled{opacity:.5;cursor:not-allowed}.dropin-multi-select__button--deselect-all:disabled:hover{background-color:var(--color-neutral-200)}.dropin-multi-select__button--select-all,.dropin-multi-select__button--deselect-all{padding-left:var(--spacing-xsmall);padding-right:var(--spacing-xsmall)}.dropin-multi-select__options{overflow:auto}.dropin-multi-select__list{list-style:none;margin:0;padding:var(--spacing-xxsmall) 0}.dropin-multi-select__option{padding:var(--spacing-xsmall) 12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background-color .15s ease;font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-multi-select__option:hover{background-color:var(--color-neutral-300)}.dropin-multi-select__option--focused{background-color:var(--color-neutral-200)}.dropin-multi-select__option--selected{color:var(--color-brand-700);font:var(--type-body-1-emphasized-font);letter-spacing:var(--type-body-1-emphasized-letter-spacing)}.dropin-multi-select__option-label{flex:1}.dropin-multi-select__option-label--disabled{color:var(--color-neutral-200)}.dropin-multi-select__no-results{padding:var(--spacing-small);text-align:center;font:var(--type-body-1-default-font);color:var(--color-neutral-500)}.dropin-multi-select__sr-only{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
@@ -1,4 +1,4 @@
1
- /*! Copyright 2025 Adobe
1
+ /*! Copyright 2026 Adobe
2
2
  All Rights Reserved. */
3
3
  var a=Object.defineProperty;var c=(l,e,o)=>e in l?a(l,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):l[e]=o;var t=(l,e,o)=>c(l,typeof e!="symbol"?e+"":e,o);class s{constructor(){t(this,"_locale")}get locale(){return this._locale}set locale(e){this._locale=e}getMethods(){return{setLocale:e=>{this.locale=e},getLocale:()=>this.locale}}}const g=new s,{setLocale:L,getLocale:h}=g.getMethods();export{h as g,L as s};
4
4
  //# sourceMappingURL=locale-config.js.map
@@ -1,4 +1,4 @@
1
- /*! Copyright 2025 Adobe
1
+ /*! Copyright 2026 Adobe
2
2
  All Rights Reserved. */
3
3
  var me=Object.defineProperty;var be=(e,t,r)=>t in e?me(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var ne=(e,t,r)=>be(e,typeof t!="symbol"?t+"":t,r);import{g as we}from"./image-params-keymap.js";import{jsx as $}from"../preact-jsx-runtime.js";import{l as h,_ as _e,k as V,G as xe,B as Q}from"./icons/Add.js";import{signal as ie}from"../signals.js";const Oe=e=>e.reduce((r,n)=>{if(!n)return r;if(typeof n=="string"&&(r+=` ${n}`),Array.isArray(n)){const[u,p]=n;u&&p&&(r+=` ${u}`)}return r},"").trim(),se={medium:768,large:1024,xlarge:1366,xxlarge:1920},je=(e,t)=>{const[r,n]=e.split("?"),u=new URLSearchParams(n),p=we(),v=p&&Object.keys(p)||[];let c={},m={...p};return(v==null?void 0:v.length)>0&&t?c=Object.entries(t).reduce((d,[y,o])=>{const a=p[y];if(typeof a=="string")d[a]=o;else if(typeof a=="function"){const[x,w]=a(o);d[x]=w}return delete m[y],d},{}):c={auto:"webp",quality:80,crop:!1,fit:"cover",...t},Object.entries(m).forEach(([,d])=>{if(typeof d=="function"){const[y,o]=d(void 0);c[y]=o}}),Object.entries(c).forEach(([d,y])=>{y!=null&&u.set(d,String(y))}),`${r}?${u.toString()}`},Ve=(e,t)=>{if(!e||!(t!=null&&t.width))return;const r=n=>je(e,{...n});return Object.entries(se).map(([,n])=>{const u=t.width*n/se.xxlarge;return`${r({...t,width:u})} ${n}w`}).join(`,
4
4
  `)};var Ae=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|^--/i,pe=/^(area|base|br|col|embed|hr|img|input|link|meta|param|source|track|wbr)$/,E=/[\s\n\\/='"\0<>]/,ve=/^xlink:?./,Se=/["&<]/;function T(e){if(Se.test(e+="")===!1)return e;for(var t=0,r=0,n="",u="";r<e.length;r++){switch(e.charCodeAt(r)){case 34:u="&quot;";break;case 38:u="&amp;";break;case 60:u="&lt;";break;default:continue}r!==t&&(n+=e.slice(t,r)),n+=u,t=r+1}return r!==t&&(n+=e.slice(t,r)),n}var ae=function(e,t){return String(e).replace(/(\n+)/g,"$1"+(t||" "))},oe=function(e,t,r){return String(e).length>40||String(e).indexOf(`
package/components.js CHANGED
@@ -1,4 +1,4 @@
1
- /*! Copyright 2025 Adobe
1
+ /*! Copyright 2026 Adobe
2
2
  All Rights Reserved. */
3
3
  import{jsx as e}from"./preact-jsx-runtime.js";import{c as a,V as D}from"./chunks/vcomponent.js";import{I as Me,U as Fe}from"./chunks/Image.js";import{a as br,p as fr}from"./chunks/Image.js";import{L as ve,F as y,h as K,y as U,q as C,S as oe,A as z,g as $e,T as Y,N as Ee,E as Be,k as J,a as We,x as He}from"./chunks/icons/Add.js";import ce from"./chunks/icons/Minus.js";import{Localizer as ge,Text as _e,useText as R}from"./i18n.js";import{d as xe,a as Ne,b as qe,i as Ue}from"./chunks/get-price-formatter.js";import Ke from"./chunks/icons/CheckWithCircle.js";import je from"./chunks/icons/WarningWithCircle.js";import Ge from"./chunks/icons/Date.js";import ze from"./chunks/icons/Eye.js";import Je from"./chunks/icons/EyeClose.js";import Xe from"./chunks/icons/Locker.js";import me from"./chunks/icons/Check.js";import te from"./chunks/icons/Close.js";import le from"./chunks/icons/ChevronDown.js";import Ye from"./chunks/icons/Trash.js";import"./chunks/image-params-keymap.js";import"./signals.js";import"./chunks/cjs.js";import"./chunks/locale-config.js";const we=1,j=({className:r,fullWidth:t=!1,lines:i=we,size:n="small",variant:l="row",children:o=null,multilineGap:s="medium",...c})=>{const d=[[`dropin-skeleton-row__${l}`,l],[`dropin-skeleton-row__${l}-${n}`,l&&n]];if(!o&&l==="empty")return e("div",{className:a(["dropin-skeleton-row dropin-skeleton-row__empty",r])});if(o){const b=o.trim();return e("div",{...c,class:a(["dropin-skeleton-row",["dropin-skeleton-row--full",t],r]),dangerouslySetInnerHTML:{__html:b}})}return i>we===!1?e("div",{...c,class:a(["dropin-skeleton-row",["dropin-skeleton-row--full",t],"dropin-skeleton--row__content",...d,r])}):e("div",{...c,style:{"--multiline-gap-spacing":`var(--spacing-${s})`},class:a(["dropin-skeleton-row--multiline",["dropin-skeleton-row--full",t],r]),children:Array.from({length:i}).map((b,m)=>e("div",{class:a(["dropin-skeleton-row",["dropin-skeleton-row--full",t],"dropin-skeleton--row__content",...d])},m))})},se=({className:r,children:t,rowGap:i="medium",...n})=>e("div",{style:{"--row-gap-spacing":`var(--spacing-${i})`},...n,className:a(["dropin-skeleton",r]),role:"status","aria-label":"Loading...",children:t}),Ze=function(){const t=typeof document<"u"&&document.createElement("link").relList;return t&&t.supports&&t.supports("modulepreload")?"modulepreload":"preload"}(),Qe=function(r){return"/"+r},ye={},k=function(t,i,n){let l=Promise.resolve();if(i&&i.length>0){document.getElementsByTagName("link");const s=document.querySelector("meta[property=csp-nonce]"),c=(s==null?void 0:s.nonce)||(s==null?void 0:s.getAttribute("nonce"));l=Promise.allSettled(i.map(d=>{if(d=Qe(d),d in ye)return;ye[d]=!0;const p=d.endsWith(".css"),b=p?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${d}"]${b}`))return;const m=document.createElement("link");if(m.rel=p?"stylesheet":Ze,p||(m.as="script"),m.crossOrigin="",m.href=d,c&&m.setAttribute("nonce",c),document.head.appendChild(m),p)return new Promise((_,u)=>{m.addEventListener("load",_),m.addEventListener("error",()=>u(new Error(`Unable to preload CSS for ${d}`)))})}))}function o(s){const c=new Event("vite:preloadError",{cancelable:!0});if(c.payload=s,window.dispatchEvent(c),!c.defaultPrevented)throw s}return l.then(s=>{for(const c of s||[])c.status==="rejected"&&o(c.reason);return t().catch(o)})},ke={Add:y(()=>k(()=>import("./chunks/icons/Add.js").then(r=>r.$),[])),AddressBook:y(()=>k(()=>import("./chunks/icons/AddressBook.js"),[])),Bulk:y(()=>k(()=>import("./chunks/icons/Bulk.js"),[])),Burger:y(()=>k(()=>import("./chunks/icons/Burger.js"),[])),Business:y(()=>k(()=>import("./chunks/icons/Business.js"),[])),Card:y(()=>k(()=>import("./chunks/icons/Card.js"),[])),Cart:y(()=>k(()=>import("./chunks/icons/Cart.js"),[])),Check:y(()=>k(()=>import("./chunks/icons/Check.js"),[])),CheckWithCircle:y(()=>k(()=>import("./chunks/icons/CheckWithCircle.js"),[])),ChevronDown:y(()=>k(()=>import("./chunks/icons/ChevronDown.js"),[])),ChevronRight:y(()=>k(()=>import("./chunks/icons/ChevronRight.js"),[])),ChevronUp:y(()=>k(()=>import("./chunks/icons/ChevronUp.js"),[])),Close:y(()=>k(()=>import("./chunks/icons/Close.js"),[])),Coupon:y(()=>k(()=>import("./chunks/icons/Coupon.js"),[])),Date:y(()=>k(()=>import("./chunks/icons/Date.js"),[])),Delivery:y(()=>k(()=>import("./chunks/icons/Delivery.js"),[])),Edit:y(()=>k(()=>import("./chunks/icons/Edit.js"),[])),EmptyBox:y(()=>k(()=>import("./chunks/icons/EmptyBox.js"),[])),Eye:y(()=>k(()=>import("./chunks/icons/Eye.js"),[])),EyeClose:y(()=>k(()=>import("./chunks/icons/EyeClose.js"),[])),Gift:y(()=>k(()=>import("./chunks/icons/Gift.js"),[])),GiftCard:y(()=>k(()=>import("./chunks/icons/GiftCard.js"),[])),Heart:y(()=>k(()=>import("./chunks/icons/Heart.js"),[])),HeartFilled:y(()=>k(()=>import("./chunks/icons/HeartFilled.js"),[])),InfoFilled:y(()=>k(()=>import("./chunks/icons/InfoFilled.js"),[])),List:y(()=>k(()=>import("./chunks/icons/List.js"),[])),Locker:y(()=>k(()=>import("./chunks/icons/Locker.js"),[])),Minus:y(()=>k(()=>import("./chunks/icons/Minus.js"),[])),Order:y(()=>k(()=>import("./chunks/icons/Order.js"),[])),OrderError:y(()=>k(()=>import("./chunks/icons/OrderError.js"),[])),OrderSuccess:y(()=>k(()=>import("./chunks/icons/OrderSuccess.js"),[])),PaymentError:y(()=>k(()=>import("./chunks/icons/PaymentError.js"),[])),Placeholder:y(()=>k(()=>import("./chunks/icons/Placeholder.js"),[])),PlaceholderFilled:y(()=>k(()=>import("./chunks/icons/PlaceholderFilled.js"),[])),Purchase:y(()=>k(()=>import("./chunks/icons/Purchase.js"),[])),Quote:y(()=>k(()=>import("./chunks/icons/Quote.js"),[])),Search:y(()=>k(()=>import("./chunks/icons/Search.js"),[])),SearchFilled:y(()=>k(()=>import("./chunks/icons/SearchFilled.js"),[])),Sort:y(()=>k(()=>import("./chunks/icons/Sort.js"),[])),Star:y(()=>k(()=>import("./chunks/icons/Star.js"),[])),Structure:y(()=>k(()=>import("./chunks/icons/Structure.js"),[])),Team:y(()=>k(()=>import("./chunks/icons/Team.js"),[])),Trash:y(()=>k(()=>import("./chunks/icons/Trash.js"),[])),User:y(()=>k(()=>import("./chunks/icons/User.js"),[])),View:y(()=>k(()=>import("./chunks/icons/View.js"),[])),Wallet:y(()=>k(()=>import("./chunks/icons/Wallet.js"),[])),Warning:y(()=>k(()=>import("./chunks/icons/Warning.js"),[])),WarningFilled:y(()=>k(()=>import("./chunks/icons/WarningFilled.js"),[])),WarningWithCircle:y(()=>k(()=>import("./chunks/icons/WarningWithCircle.js"),[]))};function De(r){try{if(r.startsWith("//")){const i=`${window.location.protocol}${r}`;return new URL(i).hostname!==window.location.hostname?(console.error(`[Icon] External URL rejected for security: ${r} - Only same-domain URLs are allowed`),!1):!0}return new URL(r).hostname!==window.location.hostname?(console.error(`[Icon] External URL rejected for security: ${r} - Only same-domain URLs are allowed`),!1):!0}catch{return console.error(`[Icon] Invalid URL format: ${r}`),!1}}function et({url:r,...t}){const[i,n]=K(""),[l,o]=K(!0),[s,c]=K(!1);return U(()=>{fetch(r).then(d=>{if(!d.ok)throw console.error(`[Icon] Failed to fetch SVG: ${d.status} ${d.statusText}`),s;return d.text()}).then(d=>{try{if(!new DOMParser().parseFromString(d,"image/svg+xml").querySelector("svg"))throw new Error("No <svg> element found")}catch(b){b instanceof Error?console.error(`[Icon] Invalid SVG content from ${r}: ${b.message}`):console.error(`[Icon] Invalid SVG content from ${r}: ${String(b)}`),c(!0),o(!1)}let p=d;t.width&&(p=p.replace(/<svg([^>]*)\s+width\s*=\s*["'][^"']*["']/gi,"<svg$1"),p=p.replace(/<svg/i,`<svg width="${t.width}"`)),t.height&&(p=p.replace(/<svg([^>]*)\s+height\s*=\s*["'][^"']*["']/gi,"<svg$1"),p=p.replace(/<svg/i,`<svg height="${t.height}"`)),t.title&&(p=p.replace(/<title[^>]*>.*?<\/title>/gi,""),p=p.replace(/<svg([^>]*)>/i,`<svg$1><title>${t.title}</title>`)),n(p),o(!1)}).catch(d=>{d instanceof Error?console.error(`[Icon] ${d.message}`):console.error(`[Icon] ${String(d)}`),c(!0),o(!1)})},[r,t.width,t.height,t.title]),l||s?e("svg",{...t}):e("span",{className:t.className,style:{width:String(t.width),height:String(t.height),display:"inline-flex",lineHeight:0},dangerouslySetInnerHTML:{__html:i}})}function B({source:r,size:t="24",stroke:i="2",viewBox:n="0 0 24 24",className:l,...o}){const s={className:a(["dropin-icon",`dropin-icon--shape-stroke-${i}`,l]),width:t,height:t,viewBox:n},c=typeof r=="string"&&(r.startsWith("http")||r.startsWith("//")||r.startsWith("/"));if(c&&De(r))return e(ve,{fallback:e("svg",{...o,...s}),children:e(et,{url:r,...o,...s})});const d=typeof r=="string"&&r in ke?ke[r]:null,p=c&&!De(r);return e(ve,{fallback:e("svg",{...o,...s}),children:d?e(d,{...o,...s}):p?e("svg",{...o,...s}):e(r,{...o,...s})})}const tt=({name:r,value:t="1",className:i,disabled:n,error:l,success:o,min:s,max:c,onValue:d,onUpdateError:p,size:b="medium",showButtons:m=!0,..._})=>{const[u,g]=K(Number(t)),h=Number(s),N=Number(c),v=l||u<h||u>N,f=u<h?"Dropin.Incrementer.minQuantityMessage":u>N?"Dropin.Incrementer.maxQuantityMessage":"Dropin.Incrementer.errorMessage";U(()=>{const $=Number(t);$!==u&&g($)},[t]);const E=C(xe(async $=>{if(d)try{d($)}catch(S){p&&p(S)}},200),[d,p]),I=$=>{let S=$;E(S),g(S)};return e("div",{className:a(["dropin-incrementer",`dropin-incrementer--${b}`,i]),children:[e("div",{className:a(["dropin-incrementer__content",`dropin-incrementer__content--${b}`,["dropin-incrementer__content--no-buttons",!m],["dropin-incrementer__content--error",v],["dropin-incrementer__content--success",o],["dropin-incrementer__content--disabled",n]]),children:[m&&e("div",{className:a(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",n]]),children:e(ge,{children:e("button",{type:"button",className:a(["dropin-incrementer__decrease-button",["dropin-incrementer__decrease-button--disabled",n]]),onClick:()=>I(u-1),disabled:n||u<h+1,"aria-label":e(_e,{id:"Dropin.Incrementer.decreaseLabel"}),children:e(B,{source:ce,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__down"})})})}),e("input",{className:"dropin-incrementer__input",max:c,min:s,step:1,type:"number",name:r,value:u,disabled:n,onBlur:()=>{I(Number(u))},onChange:$=>{const S=$.currentTarget.value;S!==""&&I(Number(S))},..._}),m&&e("div",{className:a(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",n]]),children:e(ge,{children:e("button",{type:"button",className:a(["dropin-incrementer__increase-button",["dropin-incrementer__increase-button--disabled",n]]),onClick:()=>I(u+1),disabled:n||u>N-1,"aria-label":e(_e,{id:"Dropin.Incrementer.increaseLabel"}),children:e(B,{source:oe,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__add"})})})})]}),v&&e("p",{className:"dropin-incrementer__content--error-message",children:e(_e,{id:f,fields:{minQuantity:s,maxQuantity:c}})})]})},Le=({name:r,value:t,variant:i="primary",className:n,disabled:l,error:o,floatingLabel:s,onValue:c,onUpdateError:d,size:p="medium",icon:b,maxLength:m,success:_,...u})=>{const g=(u==null?void 0:u.id)||r||`dropin-input-${Math.random().toString(36)}`,h=C(xe(async v=>{if(c)try{await c(v)}catch(f){d&&d(f)}},200),[c,d]),N=v=>{const f=v.target;h(f.value.trim())};return e("div",{className:a(["dropin-input-container",`dropin-input-container--${i}`,["dropin-input-container--floating",!!s],["dropin-input-container--disabled",l]]),children:[b&&e(D,{node:b,className:a(["dropin-input__field-icon--left",b.props.className])}),e("div",{className:"dropin-input-label-container",children:[e("input",{id:g,onChange:N,type:"text",maxLength:m,name:r,value:t,...u,className:a(["dropin-input",`dropin-input--${p}`,`dropin-input--${i}`,["dropin-input--error",!!o],["dropin-input--success",!!_],["dropin-input--disabled",l],["dropin-input--floating",!!s],["dropin-input--icon-left",!!b],n]),disabled:l}),s&&e("label",{htmlFor:g,className:a([["dropin-input__label--floating",!!s],["dropin-input__label--floating--icon-left",!!b],["dropin-input__label--floating--error",!!o]]),children:s})]}),o&&e("div",{className:a(["dropin-input__field-icon--right","dropin-input__field-icon--error"]),children:e(B,{source:je,size:"16",stroke:"2",className:"dropin-input--warning-icon",viewBox:"-1 -1 26 26"})}),_&&e("div",{className:a(["dropin-input__field-icon--right","dropin-input__field-icon--success"]),children:e(B,{source:Ke,size:"16",stroke:"2",className:"dropin-input--success-icon",viewBox:"-1 -1 26 26"})})]})},Ht=({name:r="",error:t,value:i,label:n,onChange:l,onBlur:o,...s})=>{const[c,d]=K((i==null?void 0:i.toString())??""),p=z(null),b=R({picker:"Dropin.InputDate.picker"}),m=C(h=>{h.currentTarget.setAttribute("type","date"),Ne()&&p.current.focus()},[]),_=C(h=>{var v;const N=(v=h.currentTarget.parentElement)==null?void 0:v.querySelector("input");N==null||N.focus(),N==null||N.showPicker()},[]),u=C(h=>{h.currentTarget.setAttribute("type","text"),o==null||o(h)},[o]),g=C(h=>{d(h.target.value),l==null||l(h)},[l]);return e("div",{className:a(["dropin-input-date"]),children:[Ne()?e("input",{ref:p,"data-testid":"inputDateIos",className:"dropin-input-date__input--ios",type:"date",onChange:g}):null,e(Ae,{error:t,children:e(Le,{"data-testid":"input-date",error:!!t,name:r,value:c,placeholder:n,floatingLabel:n,onFocus:m,onBlur:u,onChange:g,"aria-labelledby":n,className:"dropin-input-date__input",...s})}),e("button",{type:"button","data-testid":"dropin-input-date__icon",className:"dropin-input-date__icon","aria-label":b.picker,onClick:_,children:e(B,{source:Ge,size:"24"})})]})},Se={pending:e(ce,{}),success:e(me,{}),error:e(te,{style:{fill:"red"}})},rt=({minLength:r=0,requiredCharacterClasses:t=0,uniqueSymbolsStatus:i="pending",validateLengthConfig:n={status:"",icon:"",message:""}})=>{const l=R({chartTwoSymbols:"Dropin.PasswordStatusIndicator.chartTwoSymbols",chartThreeSymbols:"Dropin.PasswordStatusIndicator.chartThreeSymbols",chartFourSymbols:"Dropin.PasswordStatusIndicator.chartFourSymbols"}),o=s=>{switch(s){case 2:return l.chartTwoSymbols;case 3:return l.chartThreeSymbols;case 4:return l.chartFourSymbols;default:return""}};return e("div",{className:a(["dropin-password-status-indicator"]),children:[r>0?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${n.status}`,"data-testid":`dropin-password-status-indicator__item--${n.icon}`,children:[Se[n.icon],e("span",{className:`${n.status}`,children:n.message})]}):null,t>=2?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${i}`,"data-testid":`dropin-password-status-indicator__item--${i}`,children:[Se[i],e("span",{className:"pending",children:o(t)})]}):null]})},qt=({placeholder:r,floatingLabel:t,children:i,name:n,required:l,className:o,minLength:s,autoComplete:c,defaultValue:d="",hideStatusIndicator:p=!1,uniqueSymbolsStatus:b,validateLengthConfig:m,requiredCharacterClasses:_,errorMessage:u,onValue:g,onBlur:h,...N})=>{const v=R({placeholder:"Dropin.InputPassword.placeholder",floatingLabel:"Dropin.InputPassword.floatingLabel",buttonShowTitle:"Dropin.InputPassword.buttonShowTitle",buttonHideTitle:"Dropin.InputPassword.buttonHideTitle"}),[f,E]=K(!1),I=C(()=>{E(S=>!S)},[]),$=f?v.buttonHideTitle:v.buttonShowTitle;return e("div",{"data-testid":"passwordFieldInput",className:a(["dropin-input-password",["dropin-input-password--error",u],o]),...N,children:[e(Ae,{error:u,children:e(Le,{autoComplete:c,name:n??"password",type:f?"text":"password",placeholder:r||v.placeholder,floatingLabel:t||v.floatingLabel,"aria-label":v.placeholder,"aria-required":l||!0,"aria-invalid":!!u,"aria-describedby":"password-feedback",required:l||!1,value:d,onValue:g,icon:e(Xe,{}),onBlur:h,"data-testid":"passwordInput"})}),e(G,{"aria-label":$,title:$,type:"button","data-testid":"toggle-password-icon",variant:"tertiary",className:a(["dropin-input-password__eye-icon",`dropin-input-password__eye-icon--${f?"show":"hide"}`,o]),onClick:I,children:e(B,{focusable:!1,"aria-hidden":f,source:f?ze:Je})}),p?null:e(rt,{minLength:s,requiredCharacterClasses:_,validateLengthConfig:m,uniqueSymbolsStatus:b}),i]})},Ut=({disabled:r,name:t="",errorMessage:i,value:n,label:l,className:o,onChange:s,onBlur:c,...d})=>{const p=z(null),b=$e(),m=!!(i!=null&&i.length);return U(()=>{const _=p.current;_&&(_.style.height="auto",_.style.height=`${_.scrollHeight}px`)},[n]),e("div",{className:a(["dropin-textarea-container",o]),"data-testid":"dropin-textarea-container",children:[e("textarea",{ref:p,"data-testid":"dropin-textarea-field",className:a(["dropin-textarea",["dropin-textarea--error",m],["dropin-textarea--disabled",!!r]]),id:b,placeholder:l,name:t,value:n,disabled:r,onBlur:c,onChange:s,...d}),e("label",{htmlFor:b,className:a(["dropin-textarea__label--floating",["dropin-textarea__label--floating--error",m]]),children:l}),m?e("div",{className:a(["dropin-textarea__label--floating--text",["dropin-textarea__label--floating--error",m]]),children:i}):null]})},Te=({variant:r="primary",className:t})=>e("hr",{role:"separator",className:a(["dropin-divider",`dropin-divider--${r}`,t])}),Z=({amount:r=0,currency:t,locale:i,variant:n="default",weight:l="bold",className:o,children:s,sale:c=!1,formatOptions:d={},size:p="small",...b})=>{const m=Y(()=>qe({currency:t,locale:i,formatOptions:d}).format(r),[r,t,i,d]);return e("span",{...b,className:a(["dropin-price",`dropin-price--${n}`,`dropin-price--${p}`,`dropin-price--${l}`,["dropin-price--sale",c],o]),children:m})},nt=({name:r,label:t,value:i,size:n="medium",checked:l=!1,disabled:o=!1,error:s=!1,description:c="",busy:d=!1,className:p,children:b,...m})=>e("label",{className:a([p,"dropin-radio-button",["dropin-radio-button--error",s],["dropin-radio-button--disabled",o]]),children:[e("input",{name:r,value:i,checked:l,disabled:o,type:"radio",className:a(["dropin-radio-button__input",["dropin-radio-button__input--error",s],["dropin-radio-button__input--disabled",o]]),"aria-busy":d,...m}),e("span",{className:a(["dropin-radio-button__label",`dropin-radio-button__label--${n}`,["dropin-radio-button__label--error",s],["dropin-radio-button__label--disabled",o]]),children:t}),e("span",{className:a(["dropin-radio-button__description",`dropin-radio-button__description--${n}`,["dropin-radio-button__description--disabled",o]]),children:c})]}),G=({value:r,variant:t="primary",size:i="medium",icon:n,className:l,children:o,disabled:s=!1,active:c=!1,activeChildren:d,activeIcon:p,href:b,...m})=>{let _="dropin-button";(n&&!o||n&&c&&!d||!n&&c&&p)&&(_="dropin-iconButton"),c&&d&&(_="dropin-button"),l=a([_,`${_}--${i}`,`${_}--${t}`,[`${_}--${t}--disabled`,s],o&&n&&`${_}--with-icon`,!o&&d&&n&&`${_}--with-icon`,c&&p&&`${_}--with-icon`,l]);const u=a(["dropin-button-icon",`dropin-button-icon--${t}`,[`dropin-button-icon--${t}--disabled`,s],n==null?void 0:n.props.className]),g=b?{node:e("a",{}),role:"link",href:b,...m,disabled:s,active:c,onKeyDown:h=>{s&&h.preventDefault()},tabIndex:s?-1:0}:{node:e("button",{}),role:"button",...m,value:r,disabled:s,active:c};return e(D,{...g,className:l,children:[n&&!c&&e(D,{node:n,className:u}),p&&c&&e(D,{node:p,className:u}),o&&!c&&(typeof o=="string"?e("span",{children:o}):o),c&&d&&(typeof d=="string"?e("span",{children:d}):d)]})};function Ie(r,t,i,n,l){return r||(t?t.value:i||n?"":l?l.value:null)}const it=({name:r,value:t=null,options:i,variant:n="primary",floatingLabel:l,size:o="medium",handleSelect:s=()=>{},disabled:c=!1,error:d=!1,placeholder:p,defaultOption:b,icon:m,className:_,id:u,...g})=>{const h=u??r??`dropin-picker-${Math.random().toString(36)}`,N=!!(g!=null&&g.required),v=i==null?void 0:i.find(x=>!x.disabled),[f,E]=K(()=>Ie(t,b,p,l,v));U(()=>{E(Ie(t,b,p,l,v))},[t,b,p,l,v]);const I=x=>{const{options:W,value:H}=x.target;for(const V of W)V.selected&&(E(H),s(x))},$=i==null?void 0:i.map(x=>{const{value:W,text:H,disabled:V}=x;return e("option",{value:W,selected:W===f,disabled:V,className:a(["dropin-picker__option"]),children:H},W)}),S=!!f,T=()=>(!N||!S)&&(l||p);return e("div",{className:a([_,"dropin-picker",`dropin-picker__${o}`,["dropin-picker__floating",!!l],["dropin-picker__selected",S],["dropin-picker__error",d],["dropin-picker__disabled",c],["dropin-picker__icon",m]]),children:[m&&e(m.type,{...m.props,className:"dropin-picker__icon--placeholder"}),e("select",{id:h,className:a(["dropin-picker__select",`dropin-picker__select--${n}`,`dropin-picker__select--${o}`,["dropin-picker__select--floating",!!l]]),name:r,"aria-label":r,disabled:c,onChange:I,...g,children:[T()&&e("option",{selected:!S,value:"",className:a(["dropin-picker__option dropin-picker__placeholder"]),children:l??p},t),$]}),e(B,{source:le,size:"24",stroke:"2",className:"dropin-picker__chevronDown"}),l&&S&&e("label",{htmlFor:u,className:a(["dropin-picker__floatingLabel",!!l]),children:l})]})},Ae=({className:r,label:t,error:i,hint:n,success:l,size:o="medium",disabled:s=!1,children:c,...d})=>{var m;const p=((m=c==null?void 0:c.props)==null?void 0:m.id)??`dropin-field-${Math.random().toString(36)}`;let b=null;return c&&typeof c!="string"&&(b=e(D,{node:c,id:p,disabled:s,size:o,error:!!i,success:!!l&&!i},c.key)),e("div",{...d,className:a(["dropin-field",r]),children:[t&&e("label",{className:a(["dropin-field__label",["dropin-field__label--disabled",s],`dropin-field__label--${o}`]),htmlFor:p,children:t}),e("div",{className:a(["dropin-field__content"]),children:b}),e("div",{className:a(["dropin-field__hint",[`dropin-field__hint--${o}`,o],["dropin-field__hint--error",!!i],["dropin-field__hint--success",!!l&&!i],["dropin-field__hint--disabled",!!s]]),children:i||l||n})]})},Kt=({icon:r,className:t,children:i,active:n=!1,disabled:l=!1,...o})=>e("button",{role:"button",disabled:l,...o,className:a(["dropin-action-button",["dropin-action-button--active",n],["dropin-action-button--disabled",l],t]),children:[r&&e(D,{node:r,className:a(["dropin-action-button-icon"])}),i&&(typeof i=="string"?e("span",{children:i}):i)]}),jt=({className:r,variant:t="primary",activeOption:i,disabled:n=!1,dividers:l=!0,children:o,handleSelect:s,...c})=>{const[d,p]=K(i),b=C(_=>{n||_.props.disabled||(p(_.props.value),s&&s(_.props.value))},[s,p,n]),m=Ee.map(o,_=>{const u=n||_.props.disabled,g=_.props.value===d;return Be(_,{disabled:u,active:g,onClick:()=>b(_),className:a(["dropin-action-button-group__option",`dropin-action-button-group__option--${t}`,["dropin-action-button-group__option--active",g],["dropin-action-button-group__option--with-dividers",l]])})});return e("div",{role:"group",...c,className:a(["dropin-action-button-group",`dropin-action-button-group--${t}`,r]),children:m})},at=({variant:r="primary",className:t,children:i,...n})=>e("div",{...n,className:a(["dropin-card",`dropin-card--${r}`,t]),children:e("div",{class:"dropin-card__content",children:i})}),Gt=({name:r,value:t,size:i="medium",disabled:n=!1,error:l=!1,label:o="",description:s="",className:c,checked:d,...p})=>{const[b,m]=K(d===void 0?!1:d),_=z(null),u=h=>{var N;(N=p.onChange)==null||N.call(p,h),m(h.currentTarget.checked)},g=h=>{var N;h.key===" "&&(h.preventDefault(),(N=_==null?void 0:_.current)==null||N.click())};return U(()=>{typeof d=="boolean"&&m(d)},[d]),e("label",{className:a(["dropin-checkbox",["dropin-checkbox--disabled",n]]),children:[e("input",{ref:_,name:r,value:t,type:"checkbox",disabled:n,className:a(["dropin-checkbox__checkbox",["dropin-checkbox__checkbox--error",l],c]),...p,onChange:u,checked:b}),e("div",{className:"dropin-checkbox__checkbox-icon",children:["​",e("span",{"aria-checked":b?"true":"false","aria-labelledby":`${r}-label`,"aria-describedby":s?`${r}-description`:void 0,className:a(["dropin-checkbox__box",["dropin-checkbox__box--error",l],["dropin-checkbox__box--disabled",n]]),role:"checkbox",tabIndex:n?-1:0,onKeyDown:g,children:e(B,{className:a(["dropin-checkbox__checkmark"]),source:me,size:"16",stroke:"3"})})]}),e("div",{id:`${r}-label`,className:a(["dropin-checkbox__label",`dropin-checkbox__label--${i}`,["dropin-checkbox__label--disabled",n]]),children:o}),e("div",{}),s&&e("div",{id:`${r}-description`,role:"note",className:a(["dropin-checkbox__description",`dropin-checkbox__description--${i}`,["dropin-checkbox__description--disabled",n]]),children:s})]})},zt=({className:r,name:t,value:i,id:n,label:l,groupAriaLabel:o,size:s="medium",color:c,disabled:d=!1,selected:p=!1,outOfStock:b=!1,multi:m=!1,onValue:_,onUpdateError:u,...g})=>{const h=R("Dropin.Swatches.outOfStock.label").label,N=R("Dropin.Swatches.selected.label").label,v=R("Dropin.Swatches.swatch.label").label,f=C(async x=>{if(_)try{await _(x)}catch(W){u&&u(W)}},[_,u]),E=x=>{const W=x.target;f(W.value)},S=c&&(x=>{const W=new Option().style;return W.color=x,W.color!==""})(c)?c:"var(--color-gray-300);",T=()=>b?`${o}: ${l} ${h}`:p?`${o}: ${l} ${N}`:`${o}: ${l} ${v}`;return e("label",{className:a(["dropin-color-swatch__container",`dropin-color-swatch__container--${s}`,r]),children:[e("input",{type:m?"checkbox":"radio",name:t,id:n,value:i,"aria-label":T(),checked:p,disabled:d,onChange:E,...g,className:a(["dropin-color-swatch",["dropin-color-swatch--selected",p],["dropin-color-swatch--disabled",d],r])}),e("span",{style:{"--bg-color":S},className:a(["dropin-color-swatch__span",["dropin-color-swatch__span--out-of-stock",b],r])})]})},Jt=({className:r,name:t,value:i,label:n,groupAriaLabel:l,id:o,disabled:s=!1,selected:c=!1,outOfStock:d=!1,multi:p=!1,onValue:b,onUpdateError:m,..._})=>{const u=R("Dropin.Swatches.outOfStock.label").label,g=R("Dropin.Swatches.selected.label").label,h=R("Dropin.Swatches.swatch.label").label,[N,v]=K(!1),f=z(null),E=C(async T=>{if(b)try{await b(T)}catch(x){m&&m(x)}},[b,m]),I=T=>{const x=T.target;E(x.value)},$=()=>d?`${l}: ${n} ${u}`:c?`${l}: ${n} ${g}`:`${l}: ${n} ${h}`;U(()=>{f.current&&f.current.scrollWidth>f.current.clientWidth&&v(!0)},[n]);const S=Y(()=>o??`${t}_${o}_${Math.random().toString(36)}`,[t,o]);return e("div",{className:"dropin-text-swatch__container",...N?{"data-tooltip":n}:{},children:[e("input",{type:p?"checkbox":"radio",name:t,id:S,value:i,"aria-label":$(),checked:c,disabled:s,onChange:I,..._,className:a(["dropin-text-swatch",["dropin-text-swatch--selected",c],["dropin-text-swatch--disabled",s],r])}),e("label",{htmlFor:S,ref:f,className:a(["dropin-text-swatch__label",["dropin-text-swatch__label--out-of-stock",d],r]),children:n})]})},ot=({ariaLabel:r,size:t="small",stroke:i="4",children:n,className:l,style:o,...s})=>{const c=["dropin-progress-spinner",`dropin-progress-spinner--shape-size-${t}`,`dropin-progress-spinner--shape-stroke-${i}`],d=R({updating:"Dropin.ProgressSpinner.updating.label",updatingChildren:"Dropin.ProgressSpinner.updatingChildren.label"}),p=()=>r||(n?d.updatingChildren:d.updating);return n?e("div",{...s,className:a(["dropin-progress-spinner-provider"]),"aria-live":"polite",role:"status",children:[e("div",{"aria-hidden":!0,children:n}),e("div",{"aria-label":p(),role:"status",className:a(["dropin-progress-spinner-background",l]),style:o}),e("div",{className:a(["dropin-progress-spinner-with-provider",...c]),"aria-hidden":!0})]}):e("div",{...s,className:a([l,...c]),"aria-live":"polite",role:"status","aria-label":p()})},Xt=({className:r,name:t,value:i,id:n,label:l,groupAriaLabel:o,src:s,alt:c,disabled:d=!1,selected:p=!1,outOfStock:b=!1,multi:m=!1,imageNode:_,onValue:u,onUpdateError:g,...h})=>{const N=R("Dropin.Swatches.outOfStock.label").label,v=R("Dropin.Swatches.selected.label").label,f=R("Dropin.Swatches.swatch.label").label,E=C(async T=>{if(u)try{await u(T)}catch(x){g&&g(x)}},[u,g]),I=T=>{const x=T.target;E(x.value)},$=()=>b?`${o}: ${l} ${N}`:p?`${o}: ${l} ${v}`:`${o}: ${l} ${f}`,S=Y(()=>({src:s,alt:c,loading:"lazy",params:{width:100,fit:"bounds",crop:!0},onError:T=>T.target.style.display="none"}),[s,c]);return e("label",{className:a(["dropin-image-swatch__container",r]),children:[e("input",{type:m?"checkbox":"radio",name:t,id:n,value:i,"aria-label":$(),checked:p,disabled:d,onChange:I,...h,className:a(["dropin-image-swatch",["dropin-image-swatch--selected",p],["dropin-image-swatch--disabled",d],r])}),e("span",{className:a(["dropin-image-swatch__span",["dropin-image-swatch__span--out-of-stock",b],r]),children:typeof _=="function"?_({...S,imageSwatchContext:{disabled:d,outOfStock:b,selected:p,value:i,label:l,groupAriaLabel:o,name:t,id:n}}):_||e(Me,{...S,className:a(["dropin-image-swatch__content"])})})]})},lt=({className:r,children:t,title:i,ariaLabelTitle:n,secondaryText:l,actionIconPosition:o="left",iconOpen:s=oe,iconClose:c=ce,iconLeft:d=oe,showIconLeft:p=!1,renderContentWhenClosed:b=!0,defaultOpen:m,onStateChange:_,...u})=>{const[g,h]=K(!1),N=$=>{$.stopImmediatePropagation();const S=!g;h(S),_==null||_(S)};U(()=>{typeof m<"u"&&h(m)},[m]);const v=R(`Dropin.Accordion.${g?"close":"open"}.label`).label,f=e(B,{source:s,size:"24",onClick:N,onKeyPress:N,className:"dropin-accordion-section__open-icon"}),E=e(B,{source:c,size:"24",onClick:N,onKeyPress:N,className:"dropin-accordion-section__close-icon"}),I=e(B,{source:d,size:"24"});return e("div",{...u,className:a(["dropin-accordion-section",r]),children:[e("div",{className:"dropin-accordion-section__heading",children:[e("div",{className:"dropin-accordion-section__flex",onClick:N,onKeyPress:N,role:"button","aria-label":`${v} ${n??i}`,tabIndex:0,children:e("div",{className:"dropin-accordion-section__title-container",children:[o==="left"&&(g?E:f),p&&I,e("h3",{className:"dropin-accordion-section__title",children:i})]})}),e("div",{className:"dropin-accordion-section__secondary-text-container",children:[l&&e("h4",{className:"dropin-accordion-section__secondary-text",children:l}),o==="right"&&(g?E:f)]})]}),e("div",{className:"dropin-accordion-section__content-container",style:{display:g?"grid":"none"},children:(g||b&&!g)&&t})]})},Yt=({className:r,children:t,actionIconPosition:i="left",iconOpen:n=oe,iconClose:l=ce,...o})=>{const s=e(Te,{variant:"secondary"}),c=d=>e(J,{children:[e(lt,{...d.props,actionIconPosition:i,iconOpen:n,iconClose:l}),s]});return e("div",{...o,className:a(["dropin-accordion",r]),children:[s,...(Array.isArray(t)?t:[t]).map(c)]})},Zt=({variant:r="primary",className:t,type:i="warning",additionalActions:n,onDismiss:l,heading:o,description:s,icon:c,itemList:d,actionButtonPosition:p,...b})=>{var _,u,g;const m=R({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...b,className:a(["dropin-in-line-alert",`dropin-in-line-alert--${i}`,`dropin-in-line-alert--${r}`,t]),children:[e("div",{className:"dropin-in-line-alert__heading",children:[e("div",{className:"dropin-in-line-alert__title-container",children:[c&&e(D,{node:c,className:"dropin-in-line-alert__icon"}),e("span",{className:"dropin-in-line-alert__title",children:o})]}),e("div",{className:"dropin-in-line-alert__actions-container",children:[n&&(p==="top"||!p&&n.length<=1)&&e(G,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:n.length>0?(_=n[0])==null?void 0:_.onClick:void 0,"aria-label":(u=n[0])==null?void 0:u.label,children:(g=n[0])==null?void 0:g.label}),l&&e(G,{icon:e(B,{source:te,size:"24",stroke:"2"}),className:"dropin-in-line-alert__dismiss-button",variant:"tertiary",onClick:l,"aria-label":m.dismiss})]})]}),s&&e("p",{className:"dropin-in-line-alert__description",children:s}),e("div",{className:"dropin-in-line-alert__item-list-container",children:d&&e(D,{node:d,className:a(["dropin-in-line-alert__item-list"])})}),n&&(p==="bottom"||!p&&n.length>1)&&e("div",{className:"dropin-in-line-alert__additional-actions-container",children:n.map(h=>e(G,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:h.onClick,children:h.label},h.label))})]})},st=({children:r})=>{const t=z(null),i=z(null);return We(()=>(t.current||(t.current=document.createElement("div"),t.current.setAttribute("data-portal-root",""),document.body.appendChild(t.current)),i.current&&t.current&&t.current.appendChild(i.current),()=>{t.current&&(t.current.remove(),t.current=null)}),[]),e("div",{ref:i,className:"dropin-design",children:r})},Qt=({size:r="small",title:t=null,centered:i=!1,backgroundDim:n=!0,clickToDismiss:l=!0,escapeToDismiss:o=!0,onClose:s,showCloseButton:c=!0,className:d,children:p=null,...b})=>{const m=C(()=>{s==null||s()},[s]),_=R({modalCloseLabel:"Dropin.Modal.Close.label"});return U(()=>{const u=g=>{const h=document.querySelector(".dropin-modal"),N=document.querySelector(".dropin-modal__body");l&&h&&N&&!N.contains(g.target)&&m()};return document.addEventListener("mousedown",u),()=>{document.removeEventListener("mousedown",u)}},[m,l]),U(()=>{const u=g=>{g.key==="Escape"&&o&&m()};return document.addEventListener("keydown",u),()=>{document.removeEventListener("keydown",u)}},[m,o]),U(()=>{const u=document.scrollingElement,g=u.style.overflow;return u.style.overflow="hidden",()=>{u.style.overflow=g}},[]),e(st,{children:e("div",{className:a(["dropin-modal",["dropin-modal--dim",n]]),children:e("div",{...b,className:a(["dropin-modal__body",[`dropin-modal__body--${r}`,r],d]),children:[e("div",{className:a(["dropin-modal__header",["dropin-modal__header-title",!!t]]),children:[t&&e("div",{className:a(["dropin-modal__header-title-content"]),children:t}),c&&e(G,{"aria-label":_.modalCloseLabel,variant:"tertiary",className:"dropin-modal__header-close-button",onClick:m,icon:e(te,{})})]}),e("div",{className:a(["dropin-modal__content",["dropin-modal__body--centered",i]]),children:p})]})})})},er=({className:r,children:t,ariaLabel:i,image:n,title:l,price:o,taxIncluded:s=!1,taxExcluded:c=!1,total:d,totalExcludingTax:p,sku:b,configurations:m,warning:_,alert:u,discount:g,savings:h,actions:N,removeContent:v,quantity:f,quantityContent:E,description:I,attributes:$,footer:S,loading:T=!1,updating:x=!1,quantityType:W,dropdownOptions:H,onQuantity:V,onRemove:A,...re})=>{var ne,ie;const{locale:ee}=He(Fe),P=R({each:"Dropin.CartItem.each.label",pricePerItem:"Dropin.CartItem.pricePerItem.label",quantity:"Dropin.CartItem.quantity.label",remove:"Dropin.CartItem.remove.label",removeDefault:"Dropin.CartItem.removeDefault.label",taxIncluded:"Dropin.CartItem.taxIncluded.label",taxExcluded:"Dropin.CartItem.taxExcluded.label",updating:"Dropin.CartItem.updating.label",updatingDefault:"Dropin.ProgressSpinner.updating.label"});if(T)return e(ct,{});const de=W==="dropdown"?e(it,{className:a(["dropin-cart-item__quantity__picker"]),value:String(f),name:"quantity","aria-label":P.quantity,disabled:x,variant:"primary",options:H,handleSelect:X=>V==null?void 0:V(Number(X.target.value))}):e(tt,{className:a(["dropin-cart-item__quantity__incrementer"]),value:f,min:1,onValue:X=>V==null?void 0:V(Number(X)),name:"quantity","aria-label":P.quantity,disabled:x});return e("div",{...re,className:a(["dropin-cart-item",["dropin-cart-item--updating",x],r]),children:[x&&e(ot,{className:a(["dropin-cart-item__spinner"]),ariaLabel:i?(ne=P.updating)==null?void 0:ne.replace("{product}",i):P.updatingDefault}),e("div",{className:"dropin-cart-item__wrapper",children:[n&&e(D,{node:n,className:a(["dropin-cart-item__image"])}),l&&e(D,{node:l,className:a(["dropin-cart-item__title",["dropin-cart-item__title--edit",!!V||!!A]])}),I&&e(D,{node:I,className:a(["dropin-cart-item__description"])}),b&&e(D,{node:b,className:a(["dropin-cart-item__sku"])}),e("div",{className:a(["dropin-cart-item__savings__wrapper"]),children:[g&&e(D,{node:g,className:a(["dropin-cart-item__discount","dropin-cart-item__discount__large-screen"])}),h&&e(D,{node:h,className:a(["dropin-cart-item__savings","dropin-cart-item__savings__large-screen"])})]}),$&&e("div",{className:a(["dropin-cart-item__attributes"]),children:e(D,{node:$})}),m&&e("ul",{className:a(["dropin-cart-item__configurations"]),children:Object.entries(m).map(([X,Q])=>e("li",{className:a(["dropin-cart-item__configurations__item"]),children:[X,":"," ",e("strong",{className:a(["dropin-cart-item__configurations__item__value"]),children:Q})]},X))}),o&&e("span",{className:a(["dropin-cart-item__price"]),"aria-label":P.pricePerItem,children:[f&&!V&&e(J,{children:[e("span",{className:"dropin-cart-item__price__quantity","aria-hidden":!0,children:[f.toLocaleString(ee)," x"," "]}),e("div",{className:"dropin-cart-item__sr-only",children:[P.quantity,": ",f==null?void 0:f.toLocaleString(ee),";"]})]}),e(D,{node:o,role:"text"}),f&&f>1&&e(J,{children:[" ",P.each]}),s&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",P.taxIncluded]}),c&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",P.taxExcluded]})]}),e("div",{className:a(["dropin-cart-item__quantity",["dropin-cart-item__quantity--edit",!!V]]),children:[E?e(D,{node:E}):V?de:f&&e("span",{className:a(["dropin-cart-item__quantity__value"]),children:[P.quantity,":"," ",e("strong",{className:"dropin-cart-item__quantity__number",children:Number(f).toLocaleString(ee)})]}),_&&e(D,{node:_,className:a(["dropin-cart-item__warning","dropin-cart-item__warning--quantity"])}),u&&e(D,{node:u,className:a(["dropin-cart-item__alert","dropin-cart-item__alert--quantity"])})]}),N&&e("div",{className:a(["dropin-cart-item__actions"]),children:e(D,{node:N,className:a(["dropin-cart-item__buttons"])})}),_&&e(D,{node:_,className:a(["dropin-cart-item__warning"])}),u&&e(D,{node:u,className:a(["dropin-cart-item__alert"])}),e("div",{className:a(["dropin-cart-item__total",["dropin-cart-item__total--edit",!!A]]),children:[e("div",{className:"dropin-cart-item__row-total__wrapper",children:[d&&e("div",{className:"dropin-cart-item__row-total",children:e(D,{node:d,role:"text"})}),s&&e("div",{className:"dropin-cart-item__total-tax-included",children:e("span",{"data-testid":"tax-message",className:a(["dropin-cart-item__total-tax-message"]),children:P.taxIncluded})})]}),c&&e("div",{className:"dropin-cart-item__total-tax-excluded",children:e("span",{"data-testid":"tax-message",className:a(["dropin-cart-item__total-tax-excluded-message"]),children:[p&&e(D,{node:p,role:"text"})," ",P.taxExcluded]})}),g&&e(D,{node:g,className:a(["dropin-cart-item__discount"])}),h&&e(D,{node:h,className:a(["dropin-cart-item__savings"])})]}),S&&e(D,{node:S,className:a(["dropin-cart-item__footer"])})]}),v?e(D,{node:v}):A?e(G,{"data-testid":"cart-item-remove-button",className:a(["dropin-cart-item__remove"]),variant:"tertiary",onClick:()=>A==null?void 0:A(),icon:e(B,{"data-testid":"cart-item-remove-icon",source:Ye,size:"24",stroke:"2",viewBox:"0 0 24 24","aria-label":i?(ie=P.remove)==null?void 0:ie.replace("{product}",i):P.removeDefault}),disabled:x}):null]})},ct=()=>e("div",{className:"dropin-cart-item dropin-cart-item-skeleton",children:e(se,{className:"dropin-cart-item__skeleton dropin-cart-item__wrapper",children:[e("div",{className:"dropin-cart-item__image",children:e(j,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__title",children:e(j,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__sku",children:e(j,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__price",children:e(j,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__quantity",children:e(j,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__total",children:e(j,{className:"dropin-cart-item__skeleton__item"})})]})}),tr=({className:r,children:t,...i})=>e("div",{...i,className:a(["dropin-cart-list",r]),children:e("div",{className:"dropin-cart-list__wrapper","aria-live":"assertive","aria-relevant":"all",children:Ee.map(t,(n,l)=>e("div",{className:"dropin-cart-list__item",children:n},l))})}),rr=({className:r,children:t,locale:i,currency:n,amount:l,variant:o="default",minimumAmount:s,maximumAmount:c,size:d="small",display:p="dash",specialPrice:b,sale:m=!1,..._})=>{const u=Y(()=>l||s===c||s&&!c||c&&!s,[l,c,s]);return e("div",{children:u?e("div",{..._,className:a(["dropin-price-range",r]),children:e(Z,{amount:l??s??c,currency:n,locale:i,size:d,variant:o,sale:m})}):e("div",{..._,className:a(["dropin-price-range",r]),children:[p==="dash"?e(dt,{specialPrice:b,minimumAmount:s,maximumAmount:c,currency:n,locale:i,size:d,sale:m}):null,p==="from to"?e(pt,{specialPrice:b,minimumAmount:s,maximumAmount:c,currency:n,locale:i,size:d,sale:m}):null,p==="as low as"?e(_t,{specialPrice:b,minimumAmount:s,maximumAmount:c,currency:n,locale:i,size:d,sale:m}):null]})})};function dt({specialPrice:r,minimumAmount:t,maximumAmount:i,currency:n,locale:l,size:o,sale:s}){return e(J,{children:[e(Z,{amount:r??t,currency:n,locale:l,size:o,sale:!!r&&s}),e("span",{className:"dropin-price-range__separator",children:"-"}),e(Z,{amount:i,currency:n,locale:l,size:o})]})}function pt({specialPrice:r,minimumAmount:t,maximumAmount:i,currency:n,locale:l,size:o,sale:s}){const c=R({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(J,{children:[e("span",{className:a(["dropin-price-range__from",`dropin-price-range__from--${o}`]),children:c.from}),e(Z,{amount:r??t,currency:n,locale:l,size:o,sale:!!r&&s}),e("span",{className:a(["dropin-price-range__to",`dropin-price-range__to--${o}`]),children:c.to}),e(Z,{amount:i,currency:n,locale:l,size:o})]})}function _t({specialPrice:r,minimumAmount:t,maximumAmount:i,currency:n,locale:l,size:o,sale:s}){const c=R({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(J,{children:[e("span",{className:a(["dropin-price-range__as-low-as",`dropin-price-range__as-low-as--${o}`]),children:c.asLowAs}),r?e("div",{children:[e(Z,{amount:i,currency:n,locale:l,size:o,variant:"strikethrough"}),e(Z,{amount:r,currency:n,locale:l,size:o,className:"dropin-price-range__special",sale:!!r&&s})]}):e(Z,{amount:t,currency:n,locale:l,size:o})]})}const nr=({className:r,categories:t,separator:i,...n})=>e(J,{children:(t==null?void 0:t.length)>1&&e("nav",{role:"navigation",...n,className:a(["dropin-breadcrumbs__container",r]),children:e("ul",{className:"dropin-breadcrumbs__items",children:t==null?void 0:t.map((l,o)=>e("li",{className:a(["dropin-breadcrumbs__item",["dropin-breadcrumbs__item--last",o===t.length-1]]),children:[e(D,{node:l,className:"dropin-breadcrumbs__link"}),!i&&o!==t.length-1&&e("span",{className:"dropin-breadcrumbs__separator--default",children:[" ","/"," "]}),i&&o!==t.length-1&&e(D,{node:i,className:"dropin-breadcrumbs__separator--icon"})]},o))})})}),ir=({className:r,variant:t,icon:i,message:n,onDismiss:l,action:o,...s})=>{const c=R({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...s,className:a([r,"dropin-alert-banner",`dropin-alert-banner--${t}`]),children:[e("div",{className:"dropin-alert-banner__content",children:[i&&e(D,{node:i,"aria-hidden":"true",className:"dropin-alert-banner__icon"}),e(D,{node:n,className:a(["dropin-alert-banner__message"])})]}),e("div",{className:"dropin-alert-banner__actions",children:[o&&e(G,{variant:"tertiary",className:"dropin-alert-banner__action",onClick:o.onClick,"aria-label":o.label,children:o.label}),e(G,{icon:e(B,{source:te,size:"24",stroke:"2"}),className:"dropin-alert-banner__dismiss-button",variant:"primary",onClick:l,"aria-label":c.dismiss})]})]})},ar=({className:r,icon:t,heading:i,headingLevel:n=2,message:l,action:o,variant:s="secondary",...c})=>{const d=n>=1&&n<=6?`h${n}`:"h2";return e("div",{...c,className:a(["dropin-illustrated-message",r]),children:e(at,{variant:s,children:[t&&e(D,{node:t,"aria-hidden":"true",size:"80",className:"dropin-illustrated-message__icon"}),i&&e(d,{className:"dropin-illustrated-message__heading",children:i}),l&&e(D,{node:l,className:"dropin-illustrated-message__message"}),o&&e(D,{node:o,className:"dropin-illustrated-message__action"})]})})},or=({label:r,name:t,value:i,busy:n=!1,disabled:l=!1,children:o,className:s,icon:c,onChange:d,selected:p=!0,...b})=>e("div",{...b,className:a(["dropin-toggle-button",s,["dropin-toggle-button__selected",p],["dropin-toggle-button__disabled",l]]),children:e("label",{className:"dropin-toggle-button__actionButton",children:[e(nt,{label:"",name:t,value:i,checked:p,disabled:l,onChange:()=>d&&d(i),"aria-label":t,busy:n,className:a([s,"dropin-toggle-button__radioButton"])}),e("span",{className:"dropin-toggle-button__content",children:[c&&e(c.type,{...c==null?void 0:c.props,className:"dropin-toggle-button__icon"}),r]})]})}),ut=({level:r,className:t,children:i})=>{const n=r&&r>=1&&r<=6?`h${r}`:"span";return e(n,{className:t,children:i})},lr=({title:r=null,size:t="medium",cta:i,divider:n=!0,className:l,level:o,...s})=>r?e("div",{...s,className:a(["dropin-header-container",l]),"data-testid":"dropin-header-container",children:[e(ut,{className:a(["dropin-header-container__title",["dropin-header-container__title--medium",t==="medium"],["dropin-header-container__title--large",t==="large"]]),level:o,children:r}),i?e(D,{node:i,className:"dropin-header-container__actions"}):null,n?e(Te,{className:a(["dropin-header-container__divider",["dropin-header-container__divider--medium",t==="medium"],["dropin-header-container__divider--large",t==="large"]])}):null]}):null,mt=({label:r,className:t,children:i,...n})=>!r&&!i?null:e("div",{...n,className:a(["dropin-tag-container",t]),"data-testid":"dropin-tag-container",children:i??e("span",{className:"dropin-tag-container__label",children:r})}),sr=({className:r,children:t,maxColumns:i,columnWidth:n="1fr",emptyGridContent:l,...o})=>{const s=!!t&&(Array.isArray(t)?t.length>0:!0),c=s?{gridTemplateColumns:`repeat(${i}, ${n})`}:void 0;return e("div",{...o,className:a(["dropin-content-grid",r]),tabindex:0,children:e("div",{"data-testid":"content-grid-content",className:a(["dropin-content-grid__content",["dropin-content-grid__dynamic-columns-content",!i],["dropin-content-grid__content--empty",!s]]),style:c,children:s?t:l})})},ue=r=>{if(r.href){const{href:n,disabled:l,...o}=r;return e("a",{href:n,"aria-disabled":l,...o})}const{type:t="button",...i}=r;return e("button",{type:t,...i})},cr=({totalPages:r=10,currentPage:t=1,onChange:i,routePage:n,className:l,...o})=>{const s=R({backwardButton:"Dropin.Pagination.backwardButton.ariaLabel",forwardButton:"Dropin.Pagination.forwardButton.ariaLabel"}),c=C(_=>{const u=Math.min(t+1,r);i==null||i(u,_)},[t,i,r]),d=C(_=>{const u=Math.max(t-1,1);i==null||i(u,_)},[t,i]),p=C((_,u)=>{Ue(_)&&(i==null||i(_,u))},[i]),b=C((_,u)=>{let g=[];const h=(N,v)=>{for(let f=N;f<=v;f++)g.push({page:f,isActive:f===_,label:f})};return u<=5?h(1,u):_<=2?(h(1,2),g.push({page:"ellipsis",isActive:!1,label:"..."}),h(u-1,u)):_>=u-3?h(u-4,u):(h(_-1,_),g.push({page:"ellipsis",isActive:!1,label:"..."}),h(u-1,u)),g},[]),m=Y(()=>b(t,r),[b,t,r]);return e("div",{...o,className:a(["dropin-pagination",l]),children:[e(ue,{"data-testid":"prev-button","aria-label":s.backwardButton,disabled:t===1,onClick:_=>d(_),href:(n==null?void 0:n(t))??void 0,className:a(["dropin-pagination-arrow","dropin-pagination-arrow--backward",["dropin-pagination-arrow--disabled",t===1]]),children:e(B,{size:"24",source:le})}),e("ul",{className:"dropin-pagination_list",children:m.map((_,u)=>e("li",{"data-testid":`dropin-pagination_list-item--${_.page}`,className:a(["dropin-pagination_list-item",`dropin-pagination_list-item--${_.page}`,["dropin-pagination_list-item--active",_.isActive]]),children:e(ue,{"data-testid":`set-page-button-${_.page}`,onClick:g=>p(_.page,g),href:(n==null?void 0:n(_.page))??void 0,children:_.label})},`${_.page}_${u}`))}),e(ue,{"data-testid":"next-button","aria-label":s.forwardButton,disabled:t===r,onClick:_=>c(_),href:(n==null?void 0:n(t))??void 0,className:a(["dropin-pagination-arrow","dropin-pagination-arrow--forward",["dropin-pagination-arrow--disabled",t===r]]),children:e(B,{size:"24",source:le})})]})},ht=()=>e("div",{className:"dropin-product-item-card dropin-product-item-card-skeleton",children:[e(se,{className:"dropin-product-item-card__skeleton dropin-product-item-card__image-container",children:e(j,{fullWidth:!0,className:"dropin-product-item-card__skeleton__image"})}),e(se,{className:"dropin-product-item-card__content dropin-product-item-card__skeleton__content",children:[e(j,{fullWidth:!0,size:"xsmall",className:"dropin-product-item-card__skeleton__item"}),e(j,{fullWidth:!0,size:"xsmall",className:"dropin-product-item-card__skeleton__item"}),e(j,{fullWidth:!0,size:"xsmall",className:"dropin-product-item-card__skeleton__item"})]})]}),dr=({className:r,image:t,titleNode:i,price:n,sku:l,actionButton:o,swatches:s,initialized:c=!1,...d})=>c?e("div",{...d,className:a(["dropin-product-item-card",r]),children:[e("div",{className:"dropin-product-item-card__image-container",children:t&&e(D,{node:t,className:a(["dropin-product-item-card__image"])})}),e("div",{className:"dropin-product-item-card__content",children:[i&&e(D,{node:i,className:a(["dropin-product-item-card__title"])}),l&&e(D,{node:l,className:a(["dropin-product-item-card__sku"])}),n&&e("div",{className:"dropin-product-item-card__price",children:e(D,{node:n,className:a(["dropin-product-item-card__price"])})}),s&&e("div",{className:"dropin-product-item-card__swatches",children:e(D,{node:s,className:a(["dropin-product-item-card__swatches"])})}),o&&e("div",{className:"dropin-product-item-card__action",children:e(D,{node:o,className:a(["dropin-product-item-card__action"])})})]})]}):e(ht,{}),pr=({accept:r,onChange:t,label:i="Upload Document",icon:n,className:l,multiple:o,id:s,...c})=>{const d=$e(),p=s||d,b=m=>{t==null||t(m)};return e("div",{className:a(["dropin-input-file",l]),children:[e("label",{htmlFor:p,className:"dropin-input-file__label",children:[n&&e("span",{className:"dropin-input-file__icon",children:n}),i]}),e("input",{id:p,type:"file",accept:r,multiple:o,onChange:b,className:"dropin-input-file__input",...c})]})},_r=({className:r,children:t,columns:i=[],rowData:n=[],mobileLayout:l="none",caption:o,expandedRows:s=new Set,loading:c=!1,skeletonRowCount:d=10,onSortChange:p,...b})=>{const m=R({sortedAscending:"Dropin.Table.sortedAscending",sortedDescending:"Dropin.Table.sortedDescending",sortBy:"Dropin.Table.sortBy"}),_=v=>{if(!p)return;let f;v.sortBy===!0?f="asc":v.sortBy==="asc"?f="desc":f=!0,p(v.key,f)},u=v=>{if(v.sortBy===void 0)return null;const f=v.ariaLabel??v.label;let E,I;return v.sortBy==="asc"?(E="ChevronUp",I=m.sortedAscending.replace("{label}",f)):v.sortBy==="desc"?(E="ChevronDown",I=m.sortedDescending.replace("{label}",f)):(E="ChevronDown",I=m.sortBy.replace("{label}",f)),e(G,{variant:"tertiary",size:"medium",className:"dropin-table__header__sort-button",icon:e(B,{source:E}),"aria-label":I,onClick:()=>_(v)})},g=()=>Array.from({length:d},(v,f)=>e("tr",{className:"dropin-table__body__row",children:i.map(E=>e("td",{className:"dropin-table__body__cell","data-label":E.ariaLabel??E.label,children:e(se,{children:e(j,{variant:"row",size:"small",fullWidth:!0})})},E.key))},`skeleton-${f}`)),h=()=>n.map((v,f)=>{const E=v._rowDetails!==void 0,I=s.has(f);return e(J,{children:[e("tr",{className:a(["dropin-table__body__row",["dropin-table__body__row--expanded",I&&E]]),children:i.map($=>{const S=v[$.key],T=$.ariaLabel??$.label;return typeof S=="string"||typeof S=="number"?e("td",{className:"dropin-table__body__cell","data-label":T,children:S},$.key):e("td",{className:"dropin-table__body__cell","data-label":T,children:e(D,{node:S})},$.key)})}),E&&I&&e("tr",{className:"dropin-table__row-details dropin-table__row-details--expanded",id:`row-${f}-details`,children:e("td",{className:"dropin-table__row-details__cell",colSpan:i.length,role:"region","aria-labelledby":`row-${f}-details`,children:typeof v._rowDetails=="string"?v._rowDetails:e(D,{node:v._rowDetails})})},`${f}-details`)]},f)}),N=v=>{if(v.sortBy===!0)return"none";if(v.sortBy==="asc")return"ascending";if(v.sortBy==="desc")return"descending"};return e("div",{className:a(["dropin-table",`dropin-table--mobile-layout-${l}`,r]),children:e("table",{...b,className:"dropin-table__table",children:[o&&e("caption",{className:"dropin-table__caption",children:o}),e("thead",{className:"dropin-table__header",children:e("tr",{className:"dropin-table__header__row",children:i.map(v=>e("th",{className:a(["dropin-table__header__cell",["dropin-table__header__cell--sorted",v.sortBy==="asc"||v.sortBy==="desc"],["dropin-table__header__cell--sortable",v.sortBy!==void 0]]),"aria-sort":N(v),children:[v.label,u(v)]},v.key))})}),e("tbody",{className:"dropin-table__body",children:c?g():h()})]})})},bt=(r,t)=>r.filter(i=>i.label.toLowerCase().includes(t.toLowerCase())),ft=(r,t)=>r.map(i=>{const n=t.find(l=>l.value===i);return n?n.label:i}),vt=(r,t,i)=>{const n=r||t;return{listboxId:`${n}-listbox`,searchInputId:`${n}-search`,labelId:i?`${n}-label`:void 0,selectedDescriptionId:`${t}-selected-description`}},gt=()=>{const[r,t]=K(""),i=C(n=>{t(n),setTimeout(()=>t(""),1e3)},[]);return{announcement:r,announce:i}},Nt=(r,t,i,n)=>(U(()=>{if(t>=0&&n.current){const o=n.current.querySelectorAll("[data-option-index]");o[t]&&o[t].scrollIntoView({block:"nearest",behavior:"smooth"})}},[t,n]),{navigate:C(o=>{i(s=>{var p,b,m;const c=o==="up"?-1:1;let d=s+c;for(;d>=0&&d<r.length&&((p=r[d])!=null&&p.disabled);)d+=c;if(d>=0&&d<r.length)return d;if(o==="up"){for(let _=r.length-1;_>=0;_--)if(!((b=r[_])!=null&&b.disabled))return _}else for(let _=0;_<r.length;_++)if(!((m=r[_])!=null&&m.disabled))return _;return-1})},[r,i])}),ur=({options:r=[],value:t=[],onChange:i=()=>{},id:n="",className:l="",selectAllText:o="",deselectAllText:s="",placeholder:c="",noResultsText:d="",floatingLabel:p="",name:b="multi-select-sdk",error:m=!1,success:_=!1,disabled:u=!1,maxHeight:g=300})=>{const h=R({selectAll:"Dropin.MultiSelect.selectAll",deselectAll:"Dropin.MultiSelect.deselectAll",placeholder:"Dropin.MultiSelect.placeholder",noResultsText:"Dropin.MultiSelect.noResultsText",removed:"Dropin.MultiSelect.ariaLabel.removed",added:"Dropin.MultiSelect.ariaLabel.added",itemsSelected:"Dropin.MultiSelect.ariaLabel.itemsSelected",itemsAdded:"Dropin.MultiSelect.ariaLabel.itemsAdded",itemsRemoved:"Dropin.MultiSelect.ariaLabel.itemsRemoved",selectedTotal:"Dropin.MultiSelect.ariaLabel.selectedTotal",noResultsFor:"Dropin.MultiSelect.ariaLabel.noResultsFor",optionsAvailable:"Dropin.MultiSelect.ariaLabel.optionsAvailable",dropdownExpanded:"Dropin.MultiSelect.ariaLabel.dropdownExpanded",useArrowKeys:"Dropin.MultiSelect.ariaLabel.useArrowKeys",removeFromSelection:"Dropin.MultiSelect.ariaLabel.removeFromSelection",fromSelection:"Dropin.MultiSelect.ariaLabel.fromSelection",selectedItem:"Dropin.MultiSelect.ariaLabel.selectedItem",inField:"Dropin.MultiSelect.ariaLabel.inField",selectedItems:"Dropin.MultiSelect.ariaLabel.selectedItems",scrollableOptionsList:"Dropin.MultiSelect.ariaLabel.scrollableOptionsList",selectOptions:"Dropin.MultiSelect.ariaLabel.selectOptions",itemAction:"Dropin.MultiSelect.ariaLabel.itemAction",bulkAdded:"Dropin.MultiSelect.ariaLabel.bulkAdded",bulkRemoved:"Dropin.MultiSelect.ariaLabel.bulkRemoved",dropdownExpandedWithOptions:"Dropin.MultiSelect.ariaLabel.dropdownExpandedWithOptions",selectedItemInField:"Dropin.MultiSelect.ariaLabel.selectedItemInField",removeFromSelectionWithText:"Dropin.MultiSelect.ariaLabel.removeFromSelectionWithText",itemsSelectedDescription:"Dropin.MultiSelect.ariaLabel.itemsSelectedDescription",noItemsSelected:"Dropin.MultiSelect.ariaLabel.noItemsSelected"}),[N,v]=K(!1),[f,E]=K(""),[I,$]=K(-1),S=z(null),T=z(null),x=z(null),{announcement:W,announce:H}=gt(),V=C((w=!1)=>{v(!1),w&&E(""),$(-1)},[]),A=Y(()=>bt(r,f),[r,f]),{navigate:re}=Nt(A,I,$,x);U(()=>{const w=L=>{S.current&&L.target&&!S.current.contains(L.target)&&V(!0)};return document.addEventListener("mousedown",w),()=>document.removeEventListener("mousedown",w)},[V]);const ee=w=>{!u&&T.current&&w.target&&!w.target.closest("[data-tag]")&&(N?V(!1):(T.current.focus(),v(!0)))},P=C(w=>{var M;const L=r.find(q=>q.value===w),O=t.includes(w),F=O?t.filter(q=>q!==w):[...t,w];if(i(F),(M=T.current)==null||M.focus(),L){const q=O?h.removed:h.added;H(h.itemAction.replace("{label}",L.label).replace("{action}",q).replace("{count}",F.length.toString()))}},[t,i,r,H,h]),de=(w,L)=>{var M;w.stopPropagation();const O=r.find(q=>q.value===L),F=t.filter(q=>q!==L);i(F),(M=T.current)==null||M.focus(),O&&H(h.itemAction.replace("{label}",O.label).replace("{action}",h.removed).replace("{count}",F.length.toString()))},ne=w=>{w.preventDefault();const L=A.map(q=>q.value),O=new Set(t),F=L.filter(q=>!O.has(q)),M=[...t,...F];i(M),F.length>0&&H(h.bulkAdded.replace("{count}",F.length.toString()).replace("{total}",M.length.toString()))},ie=w=>{w.preventDefault();const L=new Set(A.map(M=>M.value)),O=t.filter(M=>L.has(M)).length,F=t.filter(M=>!L.has(M));i(F),O>0&&H(h.bulkRemoved.replace("{count}",O.toString()).replace("{total}",F.length.toString()))},X=w=>{var L;if(w.key==="Backspace"&&f===""&&t.length>0){w.preventDefault();const O=t.slice(0,-1);i(O);return}if(!N&&(w.key==="ArrowDown"||w.key==="Enter")){w.preventDefault(),v(!0);return}if(N)switch(w.key){case"ArrowDown":w.preventDefault(),re("down");break;case"ArrowUp":w.preventDefault(),re("up");break;case"Enter":if(w.preventDefault(),I>=0&&I<A.length){const O=A[I];O!=null&&O.disabled||P(O.value)}else A.length===1&&!((L=A[0])!=null&&L.disabled)&&P(A[0].value);break;case"Escape":w.preventDefault(),V(!0);break;case"Tab":V(!0);break}},Q=Y(()=>ft(t,r),[t,r]),{listboxId:ae,searchInputId:he,labelId:pe,selectedDescriptionId:be}=vt(n,b,p),fe=I>=0?`${ae}-option-${I}`:"",Oe=Y(()=>t.length>0,[t]);U(()=>{f&&!N&&v(!0)},[N,f]),U(()=>{if(N&&f){const w=A.length;H(w===0?`${h.noResultsFor} "${f}"`:`${w} ${h.optionsAvailable}`)}},[A.length,f,N,H,h]),U(()=>{N&&T.current&&(T.current.focus(),A.length>0&&H(h.dropdownExpandedWithOptions.replace("{count}",A.length.toString()).replace("{s}",A.length===1?"":"s")))},[N,Q.length,A.length,H,h]);const Re=()=>e(J,{children:Q.map((w,L)=>{const O=t.length,F=p?`${p}: `:"",M=O===1?`${F}${h.itemsSelected.replace("{count}","1").replace("{labels}",String(w)).replace("{s}","")}`:`${F}${h.itemsSelected.replace("{count}",O.toString()).replace("{labels}",Q.join(", ")).replace("{s}",O===1?"":"s")}`;return e(mt,{"data-tag":"true",className:"dropin-multi-select__tag",role:"group","aria-label":p?h.selectedItemInField.replace("{label}",String(w)).replace("{field}",p):`${h.selectedItem} ${String(w)}`,children:[e("span",{"aria-hidden":"true",children:w}),e("button",{type:"button",onClick:q=>de(q,t[L]),className:"dropin-multi-select__tag-remove",disabled:u,"aria-label":h.removeFromSelectionWithText.replace("{label}",String(w)).replace("{text}",M),children:e(te,{size:12,"aria-hidden":"true"})})]},t[L])})}),Ve=()=>e("input",{id:he,ref:T,type:"text",role:"combobox","aria-haspopup":"listbox","aria-expanded":N,"aria-controls":ae,className:a(["dropin-multi-select__search",["dropin-multi-select__search--with-floating-label",!!p]]),placeholder:t.length===0?c||h.placeholder:"",value:f,onChange:w=>{const L=w.target;E(L.value),$(-1)},onKeyDown:X,onFocus:()=>v(!0),disabled:u,style:{minWidth:f?`${f.length*8+20}px`:"40px"},"aria-autocomplete":"list","aria-activedescendant":N&&fe?fe:void 0,...pe?{"aria-labelledby":pe}:{"aria-label":p||c||h.placeholder||h.selectOptions},"aria-describedby":be}),Ce=()=>e("div",{className:"dropin-multi-select__controls",children:[e(G,{variant:"tertiary",type:"button",className:"dropin-multi-select__button dropin-multi-select__button--select-all",onMouseDown:ne,"data-testid":"multi-select-select-all",children:o||h.selectAll})," | ",e(G,{variant:"tertiary",type:"button",className:"dropin-multi-select__button dropin-multi-select__button--deselect-all",onMouseDown:ie,disabled:!Oe,"data-testid":"multi-select-deselect-all",children:s||h.deselectAll})]}),Pe=()=>e("ul",{className:"dropin-multi-select__list",id:ae,role:"listbox","aria-multiselectable":"true","aria-label":p||c||h.placeholder,children:A.map((w,L)=>{const O=t.includes(w.value),F=L===I,M=`${ae}-option-${L}`;return e("li",{id:M,"data-option-index":L,"data-testid":`multi-select-option-${L}`,className:a(["dropin-multi-select__option",["dropin-multi-select__option--focused",F],["dropin-multi-select__option--selected",O],["dropin-multi-select__option--disabled",w.disabled]]),onClick:()=>{w.disabled||P(w.value)},onMouseEnter:()=>!w.disabled&&$(L),role:"option","aria-selected":O,"aria-disabled":w.disabled,children:[e("span",{className:a(["dropin-multi-select__option-label",["dropin-multi-select__option-label--disabled",w.disabled]]),children:w.label}),O&&e(me,{width:16,height:16,className:"dropin-multi-select__check-icon","aria-hidden":"true"})]},w.value)})});return e("div",{ref:S,"data-testid":"multi-select",className:a(["dropin-multi-select",l]),children:[e("input",{id:n||b,type:"hidden",name:b,"data-testid":"multi-select-hidden-input",value:t.join(","),disabled:u,"aria-hidden":"true"}),e("div",{className:a(["dropin-multi-select__container",["dropin-multi-select__container--open",N],["dropin-multi-select__container--disabled",u],["dropin-multi-select__container--error",m],["dropin-multi-select__container--success",_],["dropin-multi-select__container--with-floating-label",!!p],["dropin-multi-select__container--has-value",!!(p&&(t.length>0||f.length>0))]]),onMouseDown:ee,"data-testid":"multi-select-container",children:[e("div",{className:a(["dropin-multi-select__tags-area",["dropin-multi-select__tags-area--has-values",Q.length>0]]),"data-testid":"multi-select-tags-area",role:"group","aria-label":h.selectedItems,children:[e("div",{id:be,className:"dropin-multi-select__sr-only","aria-live":"polite","aria-atomic":"true",children:t.length>0?h.itemsSelectedDescription.replace("{count}",t.length.toString()).replace("{s}",t.length===1?"":"s").replace("{labels}",Q.join(", ")):h.noItemsSelected}),Re(),Ve(),p?e("label",{className:"dropin-multi-select__floating-label",htmlFor:he,id:pe,children:p}):null]}),e(le,{className:a(["dropin-multi-select__chevron",["dropin-multi-select__chevron--open",N]])})]}),N&&e("div",{className:"dropin-multi-select__dropdown","data-testid":"multi-select-dropdown",children:[A.length>0&&Ce(),e("div",{ref:x,className:"dropin-multi-select__options","data-testid":"multi-select-options",style:{maxHeight:`${g}px`},tabIndex:0,role:"region","aria-label":h.scrollableOptionsList,children:A.length===0?e("div",{className:"dropin-multi-select__no-results","data-testid":"multi-select-no-results",role:"status","aria-live":"polite",children:[d||h.noResultsText," ",f&&`"${f}"`]}):Pe()})]}),e("div",{className:"dropin-multi-select__announcements dropin-multi-select__sr-only","aria-live":"assertive","aria-atomic":"true",children:W})]})};export{Yt as Accordion,lt as AccordionSection,Kt as ActionButton,jt as ActionButtonGroup,ir as AlertBanner,nr as Breadcrumbs,G as Button,at as Card,er as CartItem,ct as CartItemSkeleton,tr as CartList,Gt as Checkbox,zt as ColorSwatch,sr as ContentGrid,Te as Divider,Ae as Field,lr as Header,B as Icon,ar as IllustratedMessage,Me as Image,Xt as ImageSwatch,Zt as InLineAlert,tt as Incrementer,Le as Input,Ht as InputDate,pr as InputFile,qt as InputPassword,Qt as Modal,ur as MultiSelect,cr as Pagination,it as Picker,Z as Price,rr as PriceRange,dr as ProductItemCard,ot as ProgressSpinner,nt as RadioButton,se as Skeleton,j as SkeletonRow,_r as Table,mt as Tag,Ut as TextArea,Jt as TextSwatch,or as ToggleButton,Fe as UIContext,br as UIProvider,fr as provider};
4
4
  //# sourceMappingURL=components.js.map
package/event-bus.js CHANGED
@@ -1,4 +1,4 @@
1
- /*! Copyright 2025 Adobe
1
+ /*! Copyright 2026 Adobe
2
2
  All Rights Reserved. */
3
3
  var f=Object.defineProperty;var n=(i,e,t)=>e in i?f(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t;var l=(i,e,t)=>n(i,typeof e!="symbol"?e+"":e,t);const d=Date.now().toString(36).substring(2);class c{static _getScopedEvent(e){return t=>e?`${e}/${t}`:t}static lastPayload(e,t){var r;return t!=null&&t.scope&&(e=this._getScopedEvent(t==null?void 0:t.scope)(e)),(r=this._lastEvent[e])==null?void 0:r.payload}static on(e,t,r){if(typeof BroadcastChannel>"u")return;const s=new BroadcastChannel("ElsieSDK/EventBus");if(r!=null&&r.scope&&(e=this._getScopedEvent(r==null?void 0:r.scope)(e)),r!=null&&r.eager){const a=this._lastEvent[e];a&&t(a.payload)}return s.addEventListener("message",({data:a})=>{this._identifier&&this._identifier!==a.identifier||a.event===e&&t(a.payload)}),{off(){s.close()}}}static emit(e,t,r){if(typeof BroadcastChannel>"u")return;const s=new BroadcastChannel("ElsieSDK/EventBus");r!=null&&r.scope&&(e=this._getScopedEvent(r==null?void 0:r.scope)(e)),s.postMessage({event:e,identifier:this._identifier,payload:t}),this._lastEvent[e]={payload:t},s.close()}static enableLogger(e){var t;typeof BroadcastChannel>"u"||((t=this._logger)==null||t.close(),this._logger=null,e!==!1&&(this._logger=new BroadcastChannel("ElsieSDK/EventBus"),this._logger.addEventListener("message",({data:r})=>{this._identifier&&this._identifier!==r.identifier||(console.group(`📡 Event (${r.identifier}) ➡ ${r.event}`),console.log(r.payload),console.groupEnd())})))}}l(c,"_identifier",d),l(c,"_logger",null),l(c,"_lastEvent",{});export{c as events};
4
4
  //# sourceMappingURL=event-bus.js.map
package/fetch-graphql.js CHANGED
@@ -1,4 +1,4 @@
1
- /*! Copyright 2025 Adobe
1
+ /*! Copyright 2026 Adobe
2
2
  All Rights Reserved. */
3
3
  var F=Object.defineProperty;var g=(r,t,e)=>t in r?F(r,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[t]=e;var s=(r,t,e)=>g(r,typeof t!="symbol"?t+"":t,e);const b={"Content-Type":"application/json",Accept:"application/json"};class f{constructor(){s(this,"_endpoint");s(this,"_fetchGraphQlHeaders",{});s(this,"_beforeHooks",[]);s(this,"_afterHooks",[])}get endpoint(){return this._endpoint}get fetchGraphQlHeaders(){return this._fetchGraphQlHeaders}setEndpoint(t){this._endpoint=t}setFetchGraphQlHeader(t,e){this._fetchGraphQlHeaders={...this._fetchGraphQlHeaders,[t]:e}}removeFetchGraphQlHeader(t){delete this._fetchGraphQlHeaders[t]}getFetchGraphQlHeader(t){return this._fetchGraphQlHeaders[t]}setFetchGraphQlHeaders(t){typeof t=="function"?this._fetchGraphQlHeaders={...this._fetchGraphQlHeaders,...t(this._fetchGraphQlHeaders)}:this._fetchGraphQlHeaders={...t}}addBeforeHook(t){this._beforeHooks.push(t)}addAfterHook(t){this._afterHooks.push(t)}_collectBeforeHooks(){return this._beforeHooks}_collectAfterHooks(){return this._afterHooks}async fetchGraphQl(t,e){const h=this.endpoint,p=this.fetchGraphQlHeaders;if(!h)throw Error('Missing "url"');const d=(e==null?void 0:e.method)??"POST",_=e==null?void 0:e.cache,G=e==null?void 0:e.signal;let n;const i=new URL(h),Q={...b,...p};d==="POST"&&(n=JSON.stringify({query:t,variables:e==null?void 0:e.variables})),d==="GET"&&(i.searchParams.append("query",v(t)),e!=null&&e.variables&&i.searchParams.append("variables",JSON.stringify(e.variables)));let a={method:d,headers:Q,body:n,cache:_,signal:G};a=await this._collectBeforeHooks().reduce(async(c,o)=>o(await c),Promise.resolve(a));const u=this._collectAfterHooks();return await fetch(i,a).then(c=>c.json().then(o=>u.reduce(async(k,m)=>m(a,await k),Promise.resolve(o))))}getConfig(){return{endpoint:this.endpoint,fetchGraphQlHeaders:this.fetchGraphQlHeaders}}getMethods(){return{setEndpoint:this.setEndpoint.bind(this),setFetchGraphQlHeader:this.setFetchGraphQlHeader.bind(this),getFetchGraphQlHeader:this.getFetchGraphQlHeader.bind(this),removeFetchGraphQlHeader:this.removeFetchGraphQlHeader.bind(this),setFetchGraphQlHeaders:this.setFetchGraphQlHeaders.bind(this),fetchGraphQl:this.fetchGraphQl.bind(this),getConfig:this.getConfig.bind(this),addBeforeHook:this.addBeforeHook.bind(this),addAfterHook:this.addAfterHook.bind(this)}}}const l=new f;class H extends f{constructor(){super(...arguments);s(this,"_mode","default");s(this,"_source")}get endpoint(){var e;switch(this._mode){case"standalone":return this._source;case"linked":return(e=this._source)==null?void 0:e.endpoint;case"default":return l.endpoint}}get fetchGraphQlHeaders(){switch(this._mode){case"standalone":return this._fetchGraphQlHeaders;case"linked":return this._source.fetchGraphQlHeaders;case"default":return{...l.fetchGraphQlHeaders,...this._fetchGraphQlHeaders}}}setEndpoint(e){e instanceof H?(this._mode="linked",this._source=e):(this._mode="standalone",this._source=e)}setFetchGraphQlHeader(e,h){this._mode==="linked"?this._source.setFetchGraphQlHeader(e,h):super.setFetchGraphQlHeader(e,h)}setFetchGraphQlHeaders(e){this._mode==="linked"?this._source.setFetchGraphQlHeaders(e):super.setFetchGraphQlHeaders(e)}removeFetchGraphQlHeader(e){this._mode==="linked"?this._source.removeFetchGraphQlHeader(e):super.removeFetchGraphQlHeader(e)}getFetchGraphQlHeader(e){return this._mode==="linked"?this._source.getFetchGraphQlHeader(e):super.getFetchGraphQlHeader(e)}addBeforeHook(e){this._mode==="linked"?this._source.addBeforeHook(e):super.addBeforeHook(e)}addAfterHook(e){this._mode==="linked"?this._source.addAfterHook(e):super.addAfterHook(e)}_collectBeforeHooks(){return this._mode==="linked"?this._source._collectBeforeHooks():this._beforeHooks}_collectAfterHooks(){return this._mode==="linked"?this._source._collectAfterHooks():this._afterHooks}}function v(r){return r=r.replace(/#.*/g,""),r=r.replace(/\s+/g," "),r.trim()}const{setEndpoint:w,setFetchGraphQlHeaders:E,setFetchGraphQlHeader:P,getFetchGraphQlHeader:C,removeFetchGraphQlHeader:M,fetchGraphQl:O,getConfig:S,addBeforeHook:T,addAfterHook:j}=l.getMethods();export{H as FetchGraphQL,j as addAfterHook,T as addBeforeHook,O as fetchGraphQl,S as getConfig,C as getFetchGraphQlHeader,M as removeFetchGraphQlHeader,w as setEndpoint,P as setFetchGraphQlHeader,E as setFetchGraphQlHeaders};
4
4
  //# sourceMappingURL=fetch-graphql.js.map
package/i18n.js CHANGED
@@ -1,4 +1,4 @@
1
- /*! Copyright 2025 Adobe
1
+ /*! Copyright 2026 Adobe
2
2
  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"?>