@dropins/tools 1.4.0-alpha1 → 1.4.0-beta1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/chunks/Image.js +1 -1
- package/chunks/icons/Add.js +1 -1
- package/chunks/initializer.js +2 -2
- package/components.js +1 -1
- package/components.js.map +1 -1
- package/initializer.js +2 -2
- package/lib/aem/assets.js +1 -1
- package/lib/aem/assets.js.map +1 -1
- package/lib/aem/configs.js +1 -1
- package/package.json +1 -1
- package/preact-compat.js +1 -1
- package/preact-hooks.js +1 -1
- package/types/elsie/src/lib/aem/assets.d.ts +77 -30
- package/lib/aem/assets.test.d.ts +0 -1
- package/lib/aem/assets.test.js +0 -4
- package/lib/aem/assets.test.js.map +0 -1
- package/lib/aem/configs.test.d.ts +0 -1
- package/lib/aem/configs.test.js +0 -4
- package/lib/aem/configs.test.js.map +0 -1
package/initializer.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*! Copyright 2025 Adobe
|
|
2
2
|
All Rights Reserved. */
|
|
3
|
-
(function(
|
|
4
|
-
.dropin-skeleton{--row-gap-spacing: var(--spacing-medium);display:grid;grid-template-columns:1fr 1fr;gap:var(--row-gap-spacing)}.dropin-skeleton .dropin-skeleton--row__content{background:var(--color-neutral-300) linear-gradient(to right,var(--color-neutral-300) 0%,var(--color-neutral-100) 20%,var(--color-neutral-300) 40%,var(--color-neutral-300) 100%) no-repeat;animation:skeletonShimmer infinite 1.2s linear;border-radius:var(--shape-border-radius-2)}.dropin-skeleton__empty{background:none}.dropin-skeleton-row--multiline{--multiline-gap-spacing: var(--spacing-medium);display:grid;grid-auto-rows:max-content;gap:var(--multiline-gap-spacing)}.dropin-skeleton-row--full{grid-column:1 / -1}.dropin-skeleton-row svg{fill:var(--color-neutral-400);fill-opacity:.5;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeholderShimmer;animation-timing-function:linear}.dropin-skeleton-row__row-xsmall{height:32px}.dropin-skeleton-row__row-small{height:40px}.dropin-skeleton-row__row-medium{height:48px}.dropin-skeleton-row__row-large{height:56px}.dropin-skeleton-row__row-xlarge{height:72px}.dropin-skeleton-row__heading-xsmall{height:20px}.dropin-skeleton-row__heading-small{height:24px}.dropin-skeleton-row__heading-medium{height:32px}.dropin-skeleton-row__heading-large{height:40px}.dropin-skeleton-row__heading-xlarge{height:48px}@keyframes skeletonShimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes placeholderShimmer{0%{fill-opacity:.5}50%{fill-opacity:1}to{fill-opacity:.5}}@media only screen and (max-width: 600px){.dropin-skeleton{grid-template-columns:1fr}}.dropin-icon--shape-stroke-1{stroke-width:var(--shape-icon-stroke-1)}.dropin-icon--shape-stroke-2{stroke-width:var(--shape-icon-stroke-2)}.dropin-icon--shape-stroke-3{stroke-width:var(--shape-icon-stroke-3)}.dropin-icon--shape-stroke-4{stroke-width:var(--shape-icon-stroke-4)}.dropin-incrementer__content{border-radius:var(--shape-border-radius-1);border:solid var(--shape-border-width-1) var(--color-neutral-600);display:grid;grid-template-columns:var(--spacing-xxbig) auto var(--spacing-xxbig);height:var(--spacing-xbig);opacity:1}.dropin-incrementer__content--disabled{background:var(--color-neutral-300);border-radius:var(--shape-border-radius-1);border:solid var(--shape-border-width-1) var(--color-neutral-500)}.dropin-incrementer__content--large{height:var(--spacing-xxbig)}.dropin-incrementer__content:hover{border:solid var(--shape-border-width-1) var(--color-neutral-700)}.dropin-incrementer__content:active{border:solid var(--shape-border-width-1) var(--color-neutral-800)}.dropin-incrementer__content--error:hover,.dropin-incrementer__content--error{border:var(--shape-border-width-2) solid var(--color-alert-500)}.dropin-incrementer__content--error-message{color:var(--color-alert-800);font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);text-align:left}.dropin-incrementer__footer{font:var(--type-details-caption-2-font)}.dropin-incrementer__decrease-button>svg,.dropin-incrementer__increase-button>svg{align-items:center;justify-content:center}.dropin-incrementer__button-container{align-items:center;border-radius:var(--shape-border-radius-1);display:grid;justify-content:center;background:var(--color-neutral-50)}.dropin-incrementer__button-container--disabled{background-color:var(--color-neutral-300)}.dropin-incrementer__decrease-button,.dropin-incrementer__increase-button{align-items:center;background-color:var(--color-neutral-50);border-radius:var(--shape-border-radius-3);border:none;display:grid;height:var(--spacing-medium);width:var(--spacing-medium)}.dropin-incrementer__decrease-button:enabled,.dropin-incrementer__increase-button:enabled{cursor:pointer}.dropin-incrementer__decrease-button--disabled,.dropin-incrementer__increase-button--disabled{background-color:var(--color-neutral-300)}.dropin-incrementer__increase-button:focus-visible,.dropin-incrementer__decrease-button:focus-visible{outline:var(--shape-border-width-1) solid var(--color-brand-500);box-shadow:0 0 0 var(--shape-border-radius-1) var(--color-neutral-500)}.dropin-incrementer__decrease-button:focus:not(:focus-visible),.dropin-incrementer__increase-button:focus:not(:focus-visible){background-color:var(--color-neutral-50)}.dropin-incrementer__decrease-button:hover:enabled,.dropin-incrementer__increase-button:hover:enabled,.dropin-incrementer__decrease-button:focus,.dropin-incrementer__increase-button:focus{background:var(--color-neutral-300)}.dropin-incrementer__input{box-sizing:border-box;text-align:center;min-width:var(--spacing-xxbig)}.dropin-incrementer__input:disabled{background-color:var(--color-neutral-300);color:var(--color-neutral-500)}.dropin-incrementer__input::-webkit-outer-spin-button,.dropin-incrementer__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dropin-incrementer__input:focus-within{border:none;box-sizing:border-box;text-align:center}.dropin-incrementer__input:focus-within[type=number]{box-shadow:none}.dropin-incrementer__input[type=number]{-moz-appearance:textfield;box-shadow:none;border:none}textarea:focus,input:focus{outline:none}.dropin-input{background-color:transparent;border-color:var(--color-neutral-600);border-radius:var(--shape-border-radius-1);border-style:inset solid;color:var(--color-neutral-800);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;z-index:1}.dropin-input[type=number],.dropin-input[type=text]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.dropin-input:focus{outline:none;box-shadow:none}.dropin-input:disabled{border-top-left-radius:var(--shape-border-radius-1);border-top-right-radius:var(--shape-border-radius-1);border-color:var(--color-neutral-500);background-color:var(--color-neutral-300);color:var(--color-neutral-500)}.dropin-input::placeholder,.dropin-input::-webkit-input-placeholder,.dropin-input::-ms-input-placeholder{color:var(--color-neutral-700);opacity:1}.dropin-input:disabled::-webkit-input-placeholder{color:var(--color-neutral-500)}.dropin-input:disabled:-moz-placeholder{color:var(--color-neutral-500)}.dropin-input:disabled::-moz-placeholder{color:var(--color-neutral-500)}.dropin-input:disabled:-ms-input-placeholder{color:var(--color-neutral-500)}.dropin-input-container{--icon-size: var(--spacing-small);display:flex;align-items:center;position:relative}.dropin-input-label-container{position:relative;display:flex;flex-grow:1;flex-direction:column}.dropin-input--primary{border:var(--shape-border-width-1) solid var(--color-neutral-600)}.dropin-input--primary:focus{border-color:var(--color-neutral-800);border-radius:var(--shape-border-radius-1)}div.dropin-input-container--primary .dropin-input--disabled{border:var(--shape-border-width-1) solid var(--color-neutral-500)}.dropin-input-container--primary .dropin-input--error{border:var(--shape-border-width-2) solid var(--color-alert-500)}.dropin-input-container--primary .dropin-input--success{border:var(--shape-border-width-2) solid var(--color-positive-500)}.dropin-input--secondary{border:0;border-radius:0;border-top:var(--shape-border-width-1) solid transparent;border-bottom:var(--shape-border-width-1) solid var(--color-neutral-600)}.dropin-input--secondary:focus{border-top-left-radius:var(--shape-border-radius-1);border-top-right-radius:var(--shape-border-radius-1);border-bottom-color:var(--color-neutral-800)}div.dropin-input-container--secondary .dropin-input--disabled{border:0;border-radius:0;border-bottom:var(--shape-border-width-1) solid var(--color-neutral-500)}.dropin-input-container--secondary .dropin-input--error{border:0;border-radius:0;border-bottom:var(--shape-border-width-2) solid var(--color-alert-500)}.dropin-input-container--secondary .dropin-input--success{border:0;border-radius:0;border-bottom:var(--shape-border-width-2) solid var(--color-positive-500)}.dropin-input--medium{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);padding:9px var(--spacing-small)}.dropin-input--medium~label{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.dropin-input--large{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);padding:11px var(--spacing-small)}.dropin-input--large~label{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-input__label--floating{cursor:text;color:var(--color-neutral-700);padding-left:var(--spacing-small);position:absolute;pointer-events:none;transform:translateY(-50%);top:50%;transition:top 50ms ease-in,left 50ms ease-in,font-size 50ms ease-in;z-index:1}.dropin-input__label--floating,.dropin-input--floating{transition:all .2s;touch-action:manipulation}.dropin-input--medium.dropin-input--floating{padding-top:17px;padding-bottom:17px}.dropin-input--medium.dropin-input--floating:focus,.dropin-input--medium.dropin-input--floating:not(:placeholder-shown){padding-top:26px}.dropin-input--large.dropin-input--floating{padding-top:15px;padding-bottom:15px}.dropin-input--large.dropin-input--floating:focus,.dropin-input--large.dropin-input--floating:not(:placeholder-shown){padding-top:22px}.dropin-input--floating:focus,.dropin-input--floating:not(:placeholder-shown){padding-bottom:calc(var(--spacing-small) - var(--spacing-xsmall))}.dropin-input__label--floating--icon-left{padding-left:calc(var(--icon-size) + (var(--spacing-small) * 2))}.dropin-input--floating:-webkit-autofill~.dropin-input__label--floating,.dropin-input-container--floating:focus-within .dropin-input__label--floating{color:var(--color-neutral-800);transform:translate(.1em,-1.5em);font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing)}.dropin-input--floating:not(:placeholder-shown)~.dropin-input__label--floating{transform:translate(.1em,-1.5em);font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing)}.dropin-input-container--disabled .dropin-icon,.dropin-input-container--disabled .dropin-input__label--floating{color:var(--color-neutral-500)}.dropin-input--floating::-webkit-input-placeholder,.dropin-input--floating::placeholder{opacity:0;transition:inherit}.dropin-input--floating:focus::-webkit-input-placeholder,.dropin-input--floating:focus::placeholder{opacity:1}.dropin-input__label--floating--error{color:var(--color-alert-500)}.dropin-input--icon-right,.dropin-input--icon-left{--icon-space: calc(var(--icon-size) + (var(--spacing-small) * 2))}.dropin-input--icon-right{padding-right:var(--icon-space)}.dropin-input--icon-left{padding-left:var(--icon-space)}.dropin-input__field-icon--left,.dropin-input__field-icon--right{position:absolute;z-index:2}.dropin-input__field-icon--left{left:var(--spacing-small)}.dropin-input__field-icon--right{right:var(--spacing-small)}.dropin-input__field-icon--error,.dropin-input__field-icon--success{color:var(--color-neutral-100);height:var(--icon-size);width:var(--icon-size)}.dropin-input__field-icon--success{color:var(--color-positive-500)}.dropin-input__field-icon--error{color:var(--color-alert-500)}.dropin-input-date{position:relative;width:100%}.dropin-input-date__input{max-height:56px;z-index:1}.dropin-input-date input[type=date]{height:56px;max-height:56px;text-align:left}.dropin-input-date input[type=date]::-webkit-date-and-time-value{text-align:left}.dropin-input-date__input--ios{z-index:-1;opacity:0;position:absolute}.dropin-input-date__icon{cursor:pointer;background-color:var(--color-neutral-50);position:absolute;top:var(--spacing-small);right:var(--spacing-small);border:0 none;padding:1px;z-index:2}.dropin-input-date__icon svg{color:var(--color-neutral-800)}.dropin-input-date svg.dropin-input--warning-icon{position:absolute;top:55%;left:0;transform:translate(-200%,-50%)}.dropin-password-status-indicator__item{display:grid;grid-template-columns:20px auto;align-items:center;justify-content:left;gap:0 8px;font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing)}.dropin-password-status-indicator__item--pending{color:var(--color-neutral-700, #666)}.dropin-password-status-indicator__item--success{color:var(--color-positive-800, #53824c)}.dropin-password-status-indicator__item--error{color:var(--color-alert-800, #bf4545)}.dropin-input-password{position:relative}.dropin-input-password>div:first-child{margin-bottom:var(--spacing-small)}.dropin-input-password .dropin-input-password__eye-icon{position:absolute;padding:0;height:24px;top:17px;right:17px;cursor:pointer;z-index:2}.dropin-input-password--error .dropin-input-password__eye-icon{right:var(--spacing-xbig);transition:all .3s ease-in-out}.dropin-textarea-container{position:relative}.dropin-textarea.dropin-textarea--error{border:var(--shape-border-width-1) solid var(--color-alert-800)}.dropin-textarea.dropin-textarea--error .dropin-textarea__label--floating{color:var(--color-alert-800)}.dropin-textarea__label--floating{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);color:var(--color-neutral-700);position:absolute;top:18px;left:17px;transition:all .2s}.dropin-textarea{margin:0;padding:0;border:none;outline:none;resize:none;box-shadow:none;font:inherit;color:inherit;background:none;overflow:hidden;width:100%}.dropin-textarea{border:1px solid var(--color-neutral-500);box-sizing:border-box}.dropin-textarea{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);color:var(--color-neutral-800, #3d3d3d);min-height:200px;padding:var(--spacing-big) var(--spacing-small);border-radius:var(--shape-border-radius-1);transition:border-color .2s;scrollbar-color:var(--color-neutral-500) transparent;scrollbar-width:thin;overflow-y:hidden}.dropin-textarea::-webkit-scrollbar{width:12px;background-color:transparent}.dropin-textarea:disabled{border-top-left-radius:var(--shape-border-radius-1);border-top-right-radius:var(--shape-border-radius-1);border-color:var(--color-neutral-500);background-color:var(--color-neutral-300);color:var(--color-neutral-500)}.dropin-textarea:disabled::-webkit-input-placeholder{color:var(--color-neutral-500)}.dropin-textarea:disabled:-moz-placeholder{color:var(--color-neutral-500)}.dropin-textarea:disabled::-moz-placeholder{color:var(--color-neutral-500)}.dropin-textarea:disabled:-ms-input-placeholder{color:var(--color-neutral-500)}.dropin-textarea::placeholder{color:var(--color-neutral-700);opacity:0;transition:color .2s,opacity .2s}.dropin-textarea:focus{border-color:var(--color-neutral-800, #3d3d3d);border-radius:var(--shape-border-radius-1)}.dropin-textarea:focus::placeholder{color:var(--color-neutral-700);opacity:.8}.dropin-textarea:not(:placeholder-shown)+.dropin-textarea__label--floating,.dropin-textarea:focus+.dropin-textarea__label--floating{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-1-letter-spacing);color:var(--color-neutral-700, #666666);transition:all .2s;touch-action:manipulation;top:1px;left:1px;width:99%;background-color:var(--color-neutral-50);border-radius:var(--shape-border-radius-1);height:30px;padding:12px 16px 0;box-sizing:border-box}.dropin-textarea:focus+.dropin-textarea__label--floating{color:var(--color-neutral-800)}.dropin-textarea:focus-visible{outline:none}.dropin-textarea__label--floating--error{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);color:var(--color-alert-800);padding-top:var(--spacing-xsmall)}.dropin-divider{border:none}.dropin-divider--primary{border-top:var(--shape-border-width-3) solid var(--color-neutral-400);margin:var(--spacing-xbig) auto}.dropin-divider--secondary{border-top:var(--shape-border-width-2) solid var(--color-neutral-400);margin:var(--spacing-medium) auto}.dropin-price{color:inherit}.dropin-price--small{font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing)}.dropin-price--medium{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-price--large{font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing)}.dropin-price--strikethrough{text-decoration:line-through}.dropin-price--sale{color:var(--color-alert-800)}.dropin-price--bold{font-weight:700}.dropin-price--normal{font-weight:400}.dropin-radio-button{display:block;position:relative}.dropin-radio-button__input{position:fixed;opacity:0;pointer-events:none;margin:0}.dropin-radio-button__label{color:var(--color-neutral-800);position:relative;display:flex;flex-direction:row;align-items:center;cursor:pointer;width:fit-content}.dropin-radio-button__label:before{content:" ";display:inline-block;position:relative;width:16px;height:16px;border-radius:var(--shape-border-radius-3);background-color:var(--color-neutral-50);border:var(--shape-border-width-1) solid var(--color-neutral-600);margin-right:var(--spacing-small);vertical-align:middle}.dropin-radio-button__label:hover:before{border:var(--shape-border-width-1) solid var(--color-neutral-700)}.dropin-radio-button__input:checked+.dropin-radio-button__label:after{content:" ";display:block;position:absolute;width:8px;height:8px;border-radius:var(--shape-border-radius-3);margin-left:calc(var(--spacing-xxsmall) + var(--shape-border-width-1));background:var(--color-brand-500);accent-color:var(--color-brand-500)}.dropin-radio-button__input:focus-visible+.dropin-radio-button__label:before{border:var(--shape-border-width-1) solid var(--color-neutral-800);box-shadow:0 0 0 var(--shape-icon-stroke-4) var(--color-neutral-400)}.dropin-radio-button__description{clear:both;color:var(--color-neutral-700);margin-left:calc(var(--spacing-big) + var(--shape-border-width-3));margin-top:var(--spacing-xxsmall)}.dropin-radio-button__description:empty{display:none}.dropin-radio-button__label--medium{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.dropin-radio-button__label--large{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-radio-button__description--medium{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing)}.dropin-radio-button__description--large{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.dropin-radio-button__input--disabled,.dropin-radio-button__label--disabled,.dropin-radio-button__description--disabled{color:var(--color-neutral-500);cursor:default}div.dropin-radio-button__label--disabled:before{box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-500);background-color:var(--color-neutral-300)}.dropin-radio-button__label--error:before{box-shadow:0 0 0 var(--shape-border-width-2) var(--color-alert-500);background:var(--color-neutral-50) 0 0% no-repeat padding-box}.dropin-radio-button__input--error:checked+.dropin-radio-button__label--error:after{background:var(--color-alert-500)}.dropin-button,.dropin-iconButton{border:0 none;cursor:pointer;white-space:normal}.dropin-button{border-radius:var(--shape-border-radius-3);font-size:var(--type-button-1-font);font-weight:var(--type-button-1-font);padding:var(--spacing-xsmall) var(--spacing-medium);display:flex;justify-content:center;align-items:center;text-align:left;word-wrap:break-word}.dropin-iconButton{height:var(--spacing-xbig);width:var(--spacing-xbig);padding:var(--spacing-xsmall)}.dropin-button:disabled,.dropin-iconButton:disabled{pointer-events:none;-webkit-user-select:none;user-select:none}.dropin-button:not(:disabled),.dropin-iconButton:not(:disabled){cursor:pointer}.dropin-button:focus,.dropin-iconButton:focus{outline:none}.dropin-button:focus-visible,.dropin-iconButton:focus-visible{outline:var(--spacing-xxsmall) solid var(--color-button-focus)}.dropin-button--primary,a.dropin-button--primary,.dropin-iconButton--primary{border:none;background:var(--color-brand-500) 0 0% no-repeat padding-box;color:var(--color-neutral-50);text-align:left;margin-right:0}.dropin-iconButton--primary{border-radius:var(--spacing-xbig);min-height:var(--spacing-xbig);min-width:var(--spacing-xbig);padding:var(--spacing-xsmall)}.dropin-button--primary--disabled,a.dropin-button--primary--disabled,.dropin-iconButton--primary--disabled{background:var(--color-neutral-300) 0 0% no-repeat padding-box;color:var(--color-neutral-500);fill:var(--color-neutral-300);pointer-events:none;-webkit-user-select:none;user-select:none}.dropin-button--primary:hover,a.dropin-button--primary:hover,.dropin-iconButton--primary:hover,.dropin-button--primary:focus:hover,.dropin-iconButton--primary:focus:hover{background-color:var(--color-button-hover);text-decoration:none}.dropin-button--primary:focus,.dropin-iconButton--primary:focus{background-color:var(--color-brand-500)}.dropin-button--primary:hover:active,.dropin-iconButton--primary:hover:active{background-color:var(--color-button-active)}.dropin-button--secondary,a.dropin-button--secondary,.dropin-iconButton--secondary{border:var(--shape-border-width-2) solid var(--color-brand-500);background:none 0 0% no-repeat padding-box;color:var(--color-brand-500);padding-top:calc(var(--spacing-xsmall) - var(--shape-border-width-2));padding-left:calc(var(--spacing-medium) - var(--shape-border-width-2))}.dropin-iconButton--secondary{border-radius:var(--spacing-xbig);min-height:var(--spacing-xbig);min-width:var(--spacing-xbig);padding:var(--spacing-xsmall);padding-top:calc(var(--spacing-xsmall) - var(--shape-border-width-2));padding-left:calc(var(--spacing-xsmall) - var(--shape-border-width-2))}.dropin-button--secondary--disabled,a.dropin-button--secondary--disabled,.dropin-iconButton--secondary--disabled{border:var(--shape-border-width-2) solid var(--color-neutral-300);background:none 0 0% no-repeat padding-box;color:var(--color-neutral-500);fill:var(--color-neutral-300);pointer-events:none;-webkit-user-select:none;user-select:none}.dropin-button--secondary:hover,a.dropin-button--secondary:hover,.dropin-iconButton--secondary:hover{border:var(--shape-border-width-2) solid var(--color-button-hover);color:var(--color-button-hover);text-decoration:none}.dropin-button--secondary:active,.dropin-iconButton--secondary:active{border:var(--shape-border-width-2) solid var(--color-button-active);color:var(--color-button-active)}.dropin-button--tertiary,a.dropin-button--tertiary,.dropin-iconButton--tertiary{border:none;background:none 0 0% no-repeat padding-box;color:var(--color-brand-500)}.dropin-iconButton--tertiary{border:none;border-radius:var(--spacing-xbig);min-height:var(--spacing-xbig);min-width:var(--spacing-xbig);padding:var(--spacing-xsmall)}.dropin-button--tertiary--disabled,a.dropin-button--tertiary--disabled,.dropin-iconButton--tertiary--disabled{border:none;color:var(--color-neutral-500);pointer-events:none;-webkit-user-select:none;user-select:none}.dropin-button--tertiary:hover,a.dropin-button--tertiary:hover,.dropin-iconButton--tertiary:hover{color:var(--color-button-hover);text-decoration:none}.dropin-button--tertiary:active,.dropin-iconButton--tertiary:active{color:var(--color-button-active)}.dropin-button--tertiary:focus-visible,.dropin-iconButton--tertiary:focus-visible{-webkit-box-shadow:inset 0 0 0 2px var(--color-neutral-800);-moz-box-shadow:inset 0 0 0 2px var(--color-neutral-800);box-shadow:inset 0 0 0 2px var(--color-neutral-800)}.dropin-button--large{font:var(--type-button-1-font);letter-spacing:var(--type-button-1-letter-spacing)}.dropin-button--medium{font:var(--type-button-2-font);letter-spacing:var(--type-button-2-letter-spacing)}.dropin-button-icon{height:24px}.dropin-button--with-icon{column-gap:var(--spacing-xsmall);row-gap:var(--spacing-xsmall)}.dropin-picker{position:relative;display:flex;flex-direction:row;background-color:var(--color-neutral-50);justify-content:space-between;align-items:center;cursor:pointer;gap:var(--spacing-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dropin-picker select{background-color:transparent;border:var(--shape-border-width-1) solid var(--color-neutral-600);border-radius:var(--shape-border-radius-1);color:var(--color-neutral-700);-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;flex:1;cursor:pointer;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dropin-picker__select:focus{outline:none;border:var(--shape-border-width-1) solid var(--color-neutral-800)}.dropin-picker__medium .dropin-picker__select--primary,.dropin-picker__medium .dropin-picker__select--secondary{padding:9px var(--spacing-xxbig) 9px var(--spacing-small)}.dropin-picker__large .dropin-picker__select--primary,.dropin-picker__large .dropin-picker__select--secondary{padding:11px var(--spacing-xxbig) 11px var(--spacing-small)}.dropin-picker__select--medium{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.dropin-picker__select--large{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-picker__chevronDown{z-index:1;position:absolute;color:var(--color-neutral-700);right:var(--spacing-small);display:block;pointer-events:none;padding:0;height:var(--icon-size);width:var(--icon-size)}.dropin-picker__floatingLabel{position:absolute;pointer-events:none;left:var(--spacing-small);color:var(--color-neutral-700);touch-action:manipulation;transform:translateY(-50%);transition:top 20ms ease-in,font-size 50ms ease-in}.dropin-picker__select--floating:focus~label{transition:all 40ms}.dropin-picker__selected select{color:var(--color-neutral-800)}.dropin-picker__selected label{top:30%}.dropin-picker__medium.dropin-picker__floating.dropin-picker__selected label{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing)}.dropin-picker__large.dropin-picker__floating.dropin-picker__selected label{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing)}.dropin-picker__medium.dropin-picker__floating select{padding:17px var(--spacing-small)}.dropin-picker__large.dropin-picker__floating select{padding:15px var(--spacing-small)}.dropin-picker__large.dropin-picker__floating.dropin-picker__selected select{padding:25px var(--spacing-xxbig) 5px var(--spacing-small)}.dropin-picker__medium.dropin-picker__floating.dropin-picker__selected select{padding:27px var(--spacing-xxbig) 7px var(--spacing-small)}select::-ms-expand{display:none}.dropin-picker__disabled select.dropin-picker__select{background-color:var(--color-neutral-300);border:var(--shape-border-width-1) solid var(--color-neutral-500);color:var(--color-neutral-500);cursor:not-allowed}.dropin-picker__disabled svg.dropin-picker__chevronDown{color:var(--color-neutral-500)}.dropin-picker__error select{border:var(--shape-border-width-2) solid var(--color-alert-500);color:var(--color-alert-500)}.dropin-picker__error .dropin-picker__select:focus{border:var(--shape-border-width-2) solid var(--color-alert-500)}.dropin-picker__error .dropin-picker__chevronDown,.dropin-picker__error label{color:var(--color-alert-500)}.dropin-picker select.dropin-picker__select--secondary{border-top:var(--shape-border-width-1) solid transparent;border-left:0 none;border-right:0 none;border-radius:0}.dropin-picker__disabled select.dropin-picker__select--secondary{border-bottom:var(--shape-border-width-1) solid var(--color-neutral-500)}.dropin-picker__error select.dropin-picker__select--secondary{border-top:var(--shape-border-width-1) solid transparent;border-left:0 none;border-right:0 none}.dropin-picker__icon--placeholder{z-index:1;position:absolute;color:var(--color-neutral-700);left:var(--spacing-small);display:block;pointer-events:none;padding:0;height:var(--icon-size);width:var(--icon-size)}.dropin-picker__icon select.dropin-picker__select,.dropin-picker__floating.dropin-picker__selected.dropin-picker__icon select{padding-left:var(--spacing-xxbig)}.dropin-picker__floating.dropin-picker__selected.dropin-picker__icon label{left:var(--spacing-xxbig)}.dropin-field{display:grid;font:var(--type-body-2-strong-font);grid-auto-rows:max-content}.dropin-field__label--medium{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);color:var(--color-neutral-800);text-align:left;padding-bottom:var(--spacing-xsmall)}.dropin-field__label--large{font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);color:var(--color-neutral-800);text-align:left;padding-bottom:var(--spacing-xsmall)}.dropin-field__label--disabled{color:var(--color-neutral-500)}.dropin-field__content{display:grid;grid-auto-rows:max-content}.dropin-field__hint{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);color:var(--color-neutral-700);text-align:left}.dropin-field__hint:empty{display:none}.dropin-field__hint--medium{padding-top:var(--spacing-xsmall)}.dropin-field__hint--large{padding-top:var(--spacing-small)}.dropin-field__hint--error{color:var(--color-alert-800)}.dropin-field__hint--success{color:var(--color-positive-800)}.dropin-field__hint--disabled{color:var(--color-neutral-500)}.dropin-action-button{--bgColor: var(--color-neutral-200);--textColor: var(--color-neutral-800);--borderColor: var(--color-neutral-400);display:inline-flex;box-sizing:border-box;row-gap:var(--spacing-small);white-space:normal;align-items:center;justify-content:center;font:var(--type-body-2-strong-font);padding:6px var(--spacing-small);background:var(--bgColor);color:var(--textColor);border:var(--shape-border-width-1) solid var(--borderColor);border-radius:var(--shape-border-radius-1);word-wrap:break-word;text-align:left}.dropin-action-button:hover,.dropin-action-button:focus:hover{--textColor: var(--color-neutral-900)}.dropin-action-button:active:focus{--borderColor: var(--color-neutral-500)}.dropin-action-button:focus{outline:none}.dropin-action-button:focus-visible{--borderColor: var(--color-neutral-800);outline:solid var(--shape-border-width-4) var(--color-neutral-400)}.dropin-action-button--active{--bgColor: var(--color-action-button-active);--borderColor: var(--color-neutral-400);--textColor: var(--color-neutral-900)}.dropin-action-button--active:hover,.dropin-action-button--active:focus:hover{--bgColor: var(--color-action-button-active);--textColor: var(--color-neutral-800)}.dropin-action-button--active:active:focus{--bgColor: var(--color-action-button-active);--textColor: var(--color-neutral-700)}.dropin-action-button--disabled,.dropin-action-button:disabled,.dropin-action-button--disabled:focus-visible{--bgColor: var(--color-neutral-300);--textColor: var(--color-neutral-500);pointer-events:none}.dropin-action-button:not(:disabled){cursor:pointer}.dropin-action-button-icon{display:inline-flex;justify-content:center;align-items:center;height:16px}.dropin-action-button-icon:first-child:not(:last-child){margin-right:var(--spacing-xsmall)}.dropin-action-button-group{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--shape-border-radius-1);border:var(--shape-border-width-1) solid var(--color-neutral-400)}.dropin-action-button-group__option{border:none;border-radius:0;align-self:stretch;--borderRadiusValue: calc( var(--shape-border-radius-1) - var(--shape-border-width-1) )}.dropin-action-button-group__option:first-child{border-radius:var(--borderRadiusValue) 0 0 var(--borderRadiusValue)}.dropin-action-button-group__option:last-child{border-radius:0 var(--borderRadiusValue) var(--borderRadiusValue) 0}.dropin-action-button-group__option:only-child{border-radius:var(--borderRadiusValue)}.dropin-action-button-group__option--with-dividers{border-right:var(--shape-border-width-1) solid var(--color-neutral-400)}.dropin-action-button-group__option--with-dividers:last-child{border-right:none}.dropin-action-button-group__option--active:not(:disabled){background:var(--color-neutral-50)}.dropin-action-button-group--secondary{border:none}.dropin-action-button-group__option--secondary{background:var(--color-neutral-100)}.dropin-action-button-group__option:focus-visible{outline:solid var(--shape-border-width-4) var(--color-neutral-400);border-radius:var(--shape-border-radius-1);z-index:1}.dropin-card{--bgColor: var(--color-neutral-200);background-color:var(--bgColor);border-width:0;border-radius:var(--shape-border-radius-2)}.dropin-card--secondary{--bgColor: var(--color-neutral-50);border-width:var(--shape-border-width-2);border-style:solid;border-color:var(--color-neutral-400)}.dropin-card__content{display:flex;flex-direction:column;gap:var(--spacing-medium);padding-top:var(--spacing-medium);padding-right:var(--spacing-medium);padding-bottom:var(--spacing-medium);padding-left:var(--spacing-medium)}.dropin-checkbox{align-items:flex-start;display:grid;grid-template-columns:var(--spacing-small) auto;grid-gap:var(--spacing-xxsmall) 0}.dropin-checkbox__checkbox{display:none;margin:0}.dropin-checkbox__checkbox-icon{display:flex;align-items:center}.dropin-checkbox__box{margin:0;width:14px;height:14px;border-radius:var(--shape-border-radius-1);border:var(--shape-border-width-1) solid var(--color-neutral-600);background:var(--color-neutral-50) 0 0 no-repeat padding-box;cursor:pointer}.dropin-checkbox__checkmark{opacity:0;border-radius:var(--shape-border-radius-1)}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box{border:none}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box .dropin-checkbox__checkmark{opacity:1;color:var(--color-neutral-50);background:var(--color-neutral-700) 0 0 no-repeat padding-box;top:-1px;position:relative}.dropin-checkbox__box:hover{border:var(--shape-border-width-1) solid var(--color-neutral-800)}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box:hover{border:none;background:var(--color-neutral-800) 0 0 no-repeat padding-box}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box .dropin-checkbox__checkmark:hover{background:var(--color-neutral-800) 0 0 no-repeat padding-box}.dropin-checkbox__box:focus-visible{border:var(--shape-border-width-1) solid var(--color-neutral-800);outline:var(--shape-border-width-3) solid var(--color-neutral-400)}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box:focus-visible{width:var(--spacing-small);height:var(--spacing-small);border:none;background:var(--color-neutral-800) 0 0 no-repeat padding-box;outline:var(--shape-border-width-3) solid var(--color-neutral-400)}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box:focus-visible .dropin-checkbox__checkmark{top:0}.dropin-checkbox__label,.dropin-checkbox__label--medium{padding-left:var(--spacing-xsmall);color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);text-align:left}.dropin-checkbox__label--large{padding-left:var(--spacing-small);color:var(--color-neutral-800);font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);text-align:left}.dropin-checkbox__label--medium a{font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing)}.dropin-checkbox__label--large a{font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing)}.dropin-checkbox__description{display:block;clear:both;flex-basis:100%;width:100%}.dropin-checkbox__description,.dropin-checkbox__description--medium{padding-left:var(--spacing-xsmall);color:var(--color-neutral-700);font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);text-align:left}.dropin-checkbox__description--large{padding-left:var(--spacing-small);color:var(--color-neutral-700);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);text-align:left}.dropin-checkbox,.dropin-checkbox--checkbox:not(:disabled){cursor:pointer}.dropin-checkbox__box--error,.dropin-checkbox__box--error:hover{border:var(--shape-border-width-2) solid var(--color-alert-500);background:var(--color-neutral-50) 0 0 no-repeat padding-box}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--error,.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--error:hover{border:none;background:var(--color-alert-500) 0 0 no-repeat padding-box}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--error>.dropin-checkbox__checkmark,.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--error>.dropin-checkbox__checkmark:hover{background:var(--color-alert-500) 0 0 no-repeat padding-box}.dropin-checkbox__checkmark--error{opacity:1;color:var(--color-neutral-50);border:var(--color-alert-500);background:var(--color-alert-500) 0 0 no-repeat padding-box}.dropin-checkbox--disabled,.dropin-checkbox__label--disabled,.dropin-checkbox__description--disabled{color:var(--color-neutral-500);cursor:default;pointer-events:none}.dropin-checkbox__box--disabled,.dropin-checkbox__box--disabled:hover{background:var(--color-neutral-300) 0 0 no-repeat padding-box;border:var(--shape-border-width-1) solid var(--color-neutral-500);cursor:default}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--disabled,.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--disabled:hover{border:none;background:var(--color-neutral-300) 0 0 no-repeat padding-box}.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--disabled>.dropin-checkbox__checkmark,.dropin-checkbox__checkbox:checked+.dropin-checkbox__checkbox-icon .dropin-checkbox__box--disabled>.dropin-checkbox__checkmark:hover{background:var(--color-neutral-300) 0 0 no-repeat padding-box}.dropin-color-swatch__container input[type=radio],.dropin-color-swatch__container input[type=checkbox]{opacity:0;position:absolute;width:0;height:0}.dropin-color-swatch__container .dropin-color-swatch__span{border-radius:50%;display:inline-block;--bg-color: var(--color-neutral-300);box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-400);position:relative;cursor:pointer;background-color:var(--bg-color)}.dropin-color-swatch__container--medium .dropin-color-swatch__span{height:32px;width:32px}.dropin-color-swatch__container--large .dropin-color-swatch__span{height:40px;width:40px}.dropin-color-swatch__container input[type=radio]:not(:checked):active~.dropin-color-swatch__span,.dropin-color-swatch__container input[type=checkbox]:not(:checked):active~.dropin-color-swatch__span{box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-500);outline:none}.dropin-color-swatch__container input[type=radio]:checked~.dropin-color-swatch__span,.dropin-color-swatch__container input[type=checkbox]:checked~.dropin-color-swatch__span,.dropin-color-swatch--selected{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 3px var(--color-neutral-800)}.dropin-color-swatch__container input[type=radio]:checked:active~.dropin-color-swatch__span,.dropin-color-swatch__container input[type=checkbox]:checked:active~.dropin-color-swatch__span{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-900)}.dropin-color-swatch__container input[type=radio]:focus-visible+.dropin-color-swatch__span,.dropin-color-swatch__container input[type=checkbox]:focus-visible+.dropin-color-swatch__span{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-900),0 0 0 6px var(--color-neutral-400)}.dropin-color-swatch__container input[type=radio]:disabled~.dropin-color-swatch__span,.dropin-color-swatch__container input[type=checkbox]:disabled~.dropin-color-swatch__span,.dropin-color-swatch--disabled,.dropin-color-swatch__container input[type=radio]:disabled:active~.dropin-color-swatch__span,.dropin-color-swatch__container input[type=checkbox]:disabled:active~.dropin-color-swatch__span{box-shadow:0 0 0 var(--shape-border-width-4) var(--color-neutral-500);opacity:.24;pointer-events:none}.dropin-color-swatch__span--out-of-stock{box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-700);background:linear-gradient(to top left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) calc(50% - .8px),var(--color-neutral-700) 50%,rgba(0,0,0,0) calc(50% + .8px),rgba(0,0,0,0) 100%),var(--bg-color)}.dropin-color-swatch__container input[type=radio]:not(:disabled)~.dropin-color-swatch__span,.dropin-color-swatch__container input[type=checkbox]:not(:disabled)~.dropin-color-swatch__span{cursor:pointer}.dropin-text-swatch__container input[type=radio],.dropin-text-swatch__container input[type=checkbox]{opacity:0;position:absolute;width:0}.dropin-text-swatch__container label{display:inline-block;background-color:var(--color-neutral-200);color:var(--color-neutral-800);border:var(--shape-border-width-1) solid var(--color-neutral-400);padding:6px var(--spacing-small);border-radius:var(--shape-border-radius-1);box-sizing:border-box;align-items:center;justify-content:center;font:var(--type-body-1-strong-font);position:relative;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropin-text-swatch__container label:hover{color:var(--color-neutral-900)}.dropin-text-swatch__container input[type=radio]:checked+.dropin-text-swatch__label,.dropin-text-swatch__container input[type=checkbox]:checked+.dropin-text-swatch__label,.dropin-text-swatch--selected{background-color:var(--color-neutral-50);box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-900)}.dropin-text-swatch__container input[type=radio]:focus-visible+label,.dropin-text-swatch__container input[type=checkbox]:focus-visible+label{background-color:var(--color-neutral-200);border:var(--shape-border-width-3) solid var(--color-neutral-800);outline:solid var(--shape-border-width-4) var(--color-neutral-400)}.dropin-text-swatch__container input[type=radio]:checked+label:active,.dropin-text-swatch__container input[type=checkbox]:checked+label:active,.dropin-text-swatch--selected{background-color:var(--color-neutral-200);box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-900),0 0 0 6px var(--color-neutral-400)}.dropin-text-swatch__container input[type=radio]:active+label,.dropin-text-swatch__container input[type=radio]:checked+label:active,.dropin-text-swatch__container input[type=radio]:checked+label:hover:not(:focus-visible),.dropin-text-swatch__container input[type=checkbox]:active+label,.dropin-text-swatch__container input[type=checkbox]:checked+label:active,.dropin-text-swatch__container input[type=checkbox]:checked+label:hover:not(:focus-visible){border:var(--shape-border-width-1) solid var(--color-neutral-500);color:var(--color-neutral-900);outline:none}.dropin-text-swatch__container input[type=radio]:disabled+label,.dropin-text-swatch__container input[type=checkbox]:disabled+label,.dropin-text-swatch--disabled,.dropin-text-swatch__container input[type=radio]:disabled:focus-visible+label,.dropin-text-swatch__container input[type=checkbox]:disabled:focus-visible+label{background-color:var(--color-neutral-300);color:var(--color-neutral-500);pointer-events:none;border:var(--shape-border-width-1) solid var(--color-neutral-500);outline:none}.dropin-text-swatch__label--out-of-stock{background:linear-gradient(to top left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) calc(50% - .8px),var(--color-neutral-700) 50%,rgba(0,0,0,0) calc(50% + .8px),rgba(0,0,0,0) 100%),var(--color-neutral-200)}.dropin-text-swatch__container input[type=radio]:not(:disabled)+label,.dropin-text-swatch__container input[type=checkbox]:not(:disabled)+label{cursor:pointer}[data-tooltip]{position:relative}[data-tooltip]:after{display:none;content:attr(data-tooltip);position:absolute;bottom:100%;left:0;background-color:var(--color-neutral-50);color:var(--color-neutral-800);border:var(--shape-border-width-1) solid var(--color-neutral-400);padding:6px var(--spacing-small);border-radius:var(--shape-border-radius-1);white-space:nowrap;z-index:1000;font:var(--type-body-1-strong-font);margin-bottom:var(--spacing-xxsmall);-webkit-border-radius:var(--shape-border-radius-1);-moz-border-radius:var(--shape-border-radius-1)}[data-tooltip]:hover:after{display:block}.dropin-progress-spinner-provider{position:relative;display:flex;flex-direction:column;border-radius:inherit;opacity:1;padding:var(--spacing-small)}.dropin-progress-spinner{--size: var(--spacing-medium);--stroke-width: var(--shape-icon-stroke-4);width:var(--size);height:var(--size);border-style:solid;border-width:var(--stroke-width);border-color:var(--color-neutral-400);border-top-color:var(--color-brand-500);border-radius:50%;animation:indeterminate 1s infinite ease-in-out}.dropin-progress-spinner-with-provider{position:absolute;top:calc(50% - var(--size) / 2 - var(--stroke-width));left:calc(50% - var(--size) / 2 - var(--stroke-width))}.dropin-progress-spinner-background{--bgColor: var(--color-neutral-50);background-color:var(--bgColor);border-radius:inherit;opacity:.5;position:absolute;width:100%;height:100%;margin-top:calc(-1 * var(--spacing-small));margin-left:calc(-1 * var(--spacing-small))}.dropin-progress-spinner--shape-size-small{--size: var(--spacing-medium)}.dropin-progress-spinner--shape-size-medium{--size: var(--spacing-big)}.dropin-progress-spinner--shape-size-big{--size: var(--spacing-xxbig)}.dropin-progress-spinner--shape-size-large{--size: var(--spacing-large)}.dropin-progress-spinner--shape-stroke-1{--stroke-width: var(--shape-icon-stroke-1)}.dropin-progress-spinner--shape-stroke-2{--stroke-width: var(--shape-icon-stroke-2)}.dropin-progress-spinner--shape-stroke-3{--stroke-width: var(--shape-icon-stroke-3)}.dropin-progress-spinner--shape-stroke-4{--stroke-width: var(--shape-icon-stroke-4)}@keyframes indeterminate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dropin-image-swatch__container input[type=radio],.dropin-image-swatch__container input[type=checkbox]{opacity:0;position:absolute;width:0;height:0}.dropin-image-swatch__container .dropin-image-swatch__span{display:inline-block;--bg-color: var(--color-neutral-300);box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-400);position:relative;cursor:pointer;background-color:var(--bg-color);background-image:var(--background-image);background-repeat:no-repeat;background-size:cover;height:100px;width:100px;overflow:hidden}.dropin-image-swatch__span span{display:inline-block;width:100%;height:100%}.dropin-image-swatch__span img,.dropin-image-swatch__content{width:inherit;position:absolute;top:-9999px;bottom:-9999px;left:-9999px;right:-9999px;margin:auto}.dropin-image-swatch__span:hover{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-500);outline:none}.dropin-image-swatch__container input[type=radio]:not(:checked):active~.dropin-image-swatch__span,.dropin-image-swatch__container input[type=checkbox]:not(:checked):active~.dropin-image-swatch__span{box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-500);outline:none}.dropin-image-swatch__container input[type=radio]:checked~.dropin-image-swatch__span,.dropin-image-swatch__container input[type=checkbox]:checked~.dropin-image-swatch__span,.dropin-image-swatch--selected{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-800)}.dropin-image-swatch__container input[type=radio]:checked:active~.dropin-image-swatch__span,.dropin-image-swatch__container input[type=checkbox]:checked:active~.dropin-image-swatch__span{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-600)}.dropin-image-swatch__container input[type=radio]:focus-visible+.dropin-image-swatch__span,.dropin-image-swatch__container input[type=checkbox]:focus-visible+.dropin-image-swatch__span{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-900),0 0 0 6px var(--color-neutral-400)}.dropin-image-swatch__container input[type=radio]:disabled~.dropin-image-swatch__span,.dropin-image-swatch__container input[type=checkbox]:disabled~.dropin-image-swatch__span,.dropin-image-swatch--disabled,.dropin-image-swatch__container input[type=radio]:disabled:active~.dropin-image-swatch__span,.dropin-image-swatch__container input[type=checkbox]:disabled:active~.dropin-image-swatch__span{box-shadow:0 0 0 var(--shape-border-width-4) var(--color-neutral-500);background-color:#ffffffc2;pointer-events:none}.dropin-image-swatch__container .dropin-image-swatch__span--out-of-stock{background:linear-gradient(to top left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) calc(50% - .8px),var(--color-neutral-700) 50%,rgba(0,0,0,0) calc(50% + .8px),rgba(0,0,0,0) 100%);background-color:#fff9}.dropin-image-swatch__span--out-of-stock>.dropin-image-swatch__content,.dropin-image-swatch__span--out-of-stock img,.dropin-image-swatch__container input[type=radio]:disabled~.dropin-image-swatch__span img,.dropin-image-swatch__container input[type=radio]:disabled~.dropin-image-swatch__span>.dropin-image-swatch__content,.dropin-image-swatch__container input[type=checkbox]:disabled~.dropin-image-swatch__span img,.dropin-image-swatch__container input[type=checkbox]:disabled~.dropin-image-swatch__span>.dropin-image-swatch__content{z-index:-1}.dropin-image-swatch__container input[type=radio]:not(:disabled)~.dropin-image-swatch__span,.dropin-image-swatch__container input[type=checkbox]:not(:disabled)~.dropin-image-swatch__span{cursor:pointer}.dropin-accordion-section__heading{display:grid;grid-template-columns:1fr max-content}.dropin-accordion-section p{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);color:var(--color-neutral-700);margin:0}.dropin-accordion-section__flex{display:flex;justify-content:space-between;cursor:pointer;align-items:center}.dropin-accordion-section__title-container,.dropin-accordion-section__secondary-text-container{display:flex;gap:var(--spacing-xsmall);align-items:center}.dropin-accordion-section__secondary-text-container h4,.dropin-accordion-section__title-container h3{margin:0}.dropin-accordion-section__title{color:var(--color-neutral-800);font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing);cursor:pointer}.dropin-accordion-section__secondary-text{color:var(--color-neutral-700);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-accordion-section__secondary-text a{font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing)}.dropin-accordion-section svg{cursor:pointer}.dropin-accordion-section__content-container{display:grid;margin:var(--spacing-medium) 0;gap:var(--spacing-medium)}.dropin-accordion-section__content-container:empty{margin:0}.dropin-in-line-alert{border-width:var(--shape-border-width-2);border-style:solid;border-radius:var(--shape-border-radius-1);display:grid;grid-auto-flow:row;gap:var(--spacing-small);padding:var(--spacing-small);position:relative}.dropin-in-line-alert__heading{display:grid;gap:var(--spacing-small);grid-template-columns:auto auto;align-items:center}.dropin-in-line-alert__title-container{display:flex;align-items:center;gap:var(--spacing-xsmall)}.dropin-in-line-alert__title{color:var(--color-neutral-800);font:var(--type-body-2-emphasized-font);letter-spacing:var(--type-body-2-emphasized-letter-spacing);margin:0}.dropin-in-line-alert__actions-container{display:flex;justify-content:end}.dropin-in-line-alert__additional-action{padding:0}.dropin-in-line-alert__additional-action span{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);text-decoration:underline;color:var(--color-neutral-700)}.dropin-in-line-alert__dismiss-button{padding:0}.dropin-in-line-alert__description{color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);margin:0}.dropin-in-line-alert__additional-actions-container{display:flex;gap:var(--spacing-small);justify-content:flex-end}.dropin-in-line-alert__item-list:first-child:before{content:"";display:block;border-top:var(--shape-border-width-3) solid var(--color-neutral-400);margin-bottom:var(--spacing-medium)}.dropin-in-line-alert--error{border-color:var(--color-alert-500)}.dropin-in-line-alert--warning{border-color:var(--color-warning-500)}.dropin-in-line-alert--success{border-color:var(--color-positive-500)}.dropin-in-line-alert--secondary{border:none;background-color:var(--color-neutral-200)}.dropin-modal{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:has(input:focus-visible){outline:0 none;box-shadow:0 0 0 var(--shape-icon-stroke-4) var(--color-neutral-400);-webkit-box-shadow:0 0 0 var(--shape-icon-stroke-4) var(--color-neutral-400);-moz-box-shadow:0 0 0 var(--shape-icon-stroke-4) var(--color-neutral-400);border-radius:var(--shape-border-radius-1)}.dropin-toggle-button__radioButton.dropin-radio-button{cursor:pointer;position:absolute}.dropin-toggle-button__radioButton .dropin-radio-button__label:before{cursor:pointer;margin-right:0}.dropin-toggle-button__radioButton .dropin-radio-button__input:focus-visible+.dropin-radio-button__label:before{box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-600)}.dropin-toggle-button__content{color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);display:flex;align-items:center;justify-content:center;margin-left:var(--spacing-big);cursor:pointer}.dropin-toggle-button__content a{color:var(--color-brand-500);font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing)}.dropin-toggle-button__icon{height:24px;margin-right:var(--spacing-xsmall)}.dropin-header-container{display:grid;grid-template-columns:repeat(2,auto);justify-content:space-between;gap:0px 0px;grid-template-areas:"title actions" "divider divider";width:100%}.dropin-header-container__title{grid-area:title;color:var(--color-neutral-800)}.dropin-header-container__title--medium{font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-1-letter-spacing)}.dropin-header-container__title--large{font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing)}.dropin-header-container__actions{grid-area:actions;font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);color:var(--color-brand-500);align-self:center}.dropin-header-container .dropin-header-container__divider{grid-area:divider;width:100%;border-top:3px solid var(--color-neutral-400)}.dropin-header-container .dropin-header-container__divider--medium{margin:var(--spacing-xsmall) 0 var(--spacing-medium) 0}.dropin-header-container .dropin-header-container__divider--large{margin:22px 0 var(--spacing-medium) 0}.dropin-tag-container{position:relative;border-radius:20px;-webkit-user-select:none;user-select:none;padding:8px 16px;background-color:var(--color-neutral-400);display:flex;justify-content:center;align-items:center}.dropin-tag-container__label{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-overline-letter-spacing);color:var(--color-neutral-800);line-height:21px}.dropin-content-grid{container-type:inline-size;container-name:dropin-content-grid;max-width:inherit;overflow:scroll}.dropin-content-grid__content{display:grid;gap:var(--spacing-small);margin:auto;justify-items:center}.dropin-content-grid__dynamic-columns-content{display:flex;flex-wrap:wrap}.dropin-content-grid__content--empty{grid-template-columns:repeat(1,1fr)}@container dropin-content-grid (width < 360){.dropin-content-grid__content{grid-template-columns:repeat(4,1fr);gap:var(--spacing-xsmall)}}.dropin-pagination{display:flex;justify-content:center;align-items:center;gap:0 var(--grid-2-gutters)}.dropin-pagination-arrow{margin:0;padding:0;box-sizing:border-box;background-color:transparent;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer}.dropin-pagination-arrow--backward svg{transform:rotate(90deg)}.dropin-pagination-arrow--forward svg{transform:rotate(-90deg)}.dropin-pagination_list{list-style:none;display:flex;justify-content:center;align-items:center;gap:0 var(--grid-2-gutters);margin:0;padding:0}.dropin-pagination_list-item{display:flex;justify-content:center;align-items:center;margin:0;padding:0;width:16px;height:16px}.dropin-pagination_list-item--active{background-color:var(--color-neutral-300);width:16px;height:16px;border-radius:50%;display:flex;justify-content:center;align-items:center}.dropin-pagination_list-item button{cursor:pointer;margin:0;padding:0;background-color:transparent;border:none;font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing)}.dropin-pagination_list-item--active button{cursor:default}.dropin-pagination_list-item--active button:disabled,.dropin-pagination_list-item--ellipsis button,.dropin-pagination-arrow--backward:disabled,.dropin-pagination-arrow--forward:disabled{cursor:default}.dropin-pagination button:not(:disabled){color:var(--color-neutral-800)}.dropin-pagination button{-moz-appearance:none;appearance:none;-webkit-appearance:none}.dropin-product-item-card__skeleton{gap:var(--spacing-small)}.dropin-product-item-card__skeleton__image{height:375px}.dropin-product-item-card__skeleton__content{grid-column:1/-1}.dropin-product-item-card{display:grid;position:relative;grid-auto-flow:row;background:var(--color-neutral-50);border:1px solid var(--color-neutral-400);color:var(--color-neutral-800);font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);margin:var(--spacing-small);width:300px}.dropin-product-item-card__image-container{overflow:hidden;width:100%;height:auto}.dropin-product-item-card__image img{width:100%;max-height:375px}.dropin-product-item-card__content{display:grid;grid-template-columns:1fr 1fr;padding:var(--spacing-small);gap:var(--spacing-xxsmall);align-items:center;color:var(--color-neutral-800)}.dropin-product-item-card__title,.dropin-product-item-card__sku,.dropin-product-item-card__price,.dropin-product-item-card__swatches,.dropin-product-item-card__action{grid-column:1/3}.dropin-product-item-card__title{font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing)}.dropin-product-item-card__sku,.dropin-product-item-card__price{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-product-item-card__swatches{margin-top:var(--spacing-xsmall)}.dropin-product-item-card__action{margin-top:var(--spacing-xsmall);width:100%}
|
|
3
|
+
(function(a,e){try{if(typeof document<"u"){const o=e.styleId;if(document.querySelector(`style[data-dropin="${o}"]`))return;const r=document.createElement("style");for(const i in e.attributes)r.setAttribute(i,e.attributes[i]);r.setAttribute("data-dropin",o),r.appendChild(document.createTextNode(a));const t=document.querySelector('link[rel="stylesheet"], style');t?t.before(r):document.head.append(r)}}catch(o){console.error("sdk-styles (injectCodeFunction)",o)}})(`.dropin-debugger--show-slots [data-slot-key]{outline:1px dashed var(--color-neutral-600);border-radius:4px}.dropin-debugger--show-slots [data-slot-key]:before{content:attr(data-slot-key);font:var(--type-details-caption-1-font);color:var(--color-informational-800);background-color:var(--color-informational-200);font-size:.75rem;border-radius:4px 4px 0 0;padding:.2rem .4rem;font-weight:600;position:absolute;z-index:2}.dropin-debugger--show-slots [data-slot]{outline:2px dashed var(--color-informational-800);outline-offset:3px;border-radius:4px;min-height:2rem}.dropin-debugger--show-slots [data-slot]:before{font:var(--type-details-caption-1-font);content:attr(data-slot);color:var(--color-informational-200);background-color:var(--color-informational-800);font-size:.75rem;border-radius:4px 4px 0 0;padding:.2rem .4rem;font-weight:600;position:absolute;transform:translateY(-26px);z-index:2}
|
|
4
|
+
.dropin-skeleton{--row-gap-spacing: var(--spacing-medium);display:grid;grid-template-columns:1fr 1fr;gap:var(--row-gap-spacing)}.dropin-skeleton .dropin-skeleton--row__content{background:var(--color-neutral-300) linear-gradient(to right,var(--color-neutral-300) 0%,var(--color-neutral-100) 20%,var(--color-neutral-300) 40%,var(--color-neutral-300) 100%) no-repeat;animation:skeletonShimmer infinite 1.2s linear;border-radius:var(--shape-border-radius-2)}.dropin-skeleton__empty{background:none}.dropin-skeleton-row--multiline{--multiline-gap-spacing: var(--spacing-medium);display:grid;grid-auto-rows:max-content;gap:var(--multiline-gap-spacing)}.dropin-skeleton-row--full{grid-column:1 / -1}.dropin-skeleton-row svg{fill:var(--color-neutral-400);fill-opacity:.5;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeholderShimmer;animation-timing-function:linear}.dropin-skeleton-row__row-xsmall{height:32px}.dropin-skeleton-row__row-small{height:40px}.dropin-skeleton-row__row-medium{height:48px}.dropin-skeleton-row__row-large{height:56px}.dropin-skeleton-row__row-xlarge{height:72px}.dropin-skeleton-row__heading-xsmall{height:20px}.dropin-skeleton-row__heading-small{height:24px}.dropin-skeleton-row__heading-medium{height:32px}.dropin-skeleton-row__heading-large{height:40px}.dropin-skeleton-row__heading-xlarge{height:48px}@keyframes skeletonShimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes placeholderShimmer{0%{fill-opacity:.5}50%{fill-opacity:1}to{fill-opacity:.5}}@media only screen and (max-width: 600px){.dropin-skeleton{grid-template-columns:1fr}}.dropin-icon--shape-stroke-1{stroke-width:var(--shape-icon-stroke-1)}.dropin-icon--shape-stroke-2{stroke-width:var(--shape-icon-stroke-2)}.dropin-icon--shape-stroke-3{stroke-width:var(--shape-icon-stroke-3)}.dropin-icon--shape-stroke-4{stroke-width:var(--shape-icon-stroke-4)}.dropin-incrementer__content{border-radius:var(--shape-border-radius-1);border:solid var(--shape-border-width-1) var(--color-neutral-600);display:grid;grid-template-columns:var(--spacing-xxbig) auto var(--spacing-xxbig);height:var(--spacing-xbig);opacity:1}.dropin-incrementer__content--disabled{background:var(--color-neutral-300);border-radius:var(--shape-border-radius-1);border:solid var(--shape-border-width-1) var(--color-neutral-500)}.dropin-incrementer__content--large{height:var(--spacing-xxbig)}.dropin-incrementer__content:hover{border:solid var(--shape-border-width-1) var(--color-neutral-700)}.dropin-incrementer__content:active{border:solid var(--shape-border-width-1) var(--color-neutral-800)}.dropin-incrementer__content--error:hover,.dropin-incrementer__content--error{border:var(--shape-border-width-2) solid var(--color-alert-500)}.dropin-incrementer__content--error-message{color:var(--color-alert-800);font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);text-align:left}.dropin-incrementer__footer{font:var(--type-details-caption-2-font)}.dropin-incrementer__decrease-button>svg,.dropin-incrementer__increase-button>svg{align-items:center;justify-content:center}.dropin-incrementer__button-container{align-items:center;border-radius:var(--shape-border-radius-1);display:grid;justify-content:center;background:var(--color-neutral-50)}.dropin-incrementer__button-container--disabled{background-color:var(--color-neutral-300)}.dropin-incrementer__decrease-button,.dropin-incrementer__increase-button{align-items:center;background-color:var(--color-neutral-50);border-radius:var(--shape-border-radius-3);border:none;display:grid;height:var(--spacing-medium);width:var(--spacing-medium)}.dropin-incrementer__decrease-button:enabled,.dropin-incrementer__increase-button:enabled{cursor:pointer}.dropin-incrementer__decrease-button--disabled,.dropin-incrementer__increase-button--disabled{background-color:var(--color-neutral-300)}.dropin-incrementer__increase-button:focus-visible,.dropin-incrementer__decrease-button:focus-visible{outline:var(--shape-border-width-1) solid var(--color-brand-500);box-shadow:0 0 0 var(--shape-border-radius-1) var(--color-neutral-500)}.dropin-incrementer__decrease-button:focus:not(:focus-visible),.dropin-incrementer__increase-button:focus:not(:focus-visible){background-color:var(--color-neutral-50)}.dropin-incrementer__decrease-button:hover:enabled,.dropin-incrementer__increase-button:hover:enabled,.dropin-incrementer__decrease-button:focus,.dropin-incrementer__increase-button:focus{background:var(--color-neutral-300)}.dropin-incrementer__input{box-sizing:border-box;text-align:center;min-width:var(--spacing-xxbig)}.dropin-incrementer__input:disabled{background-color:var(--color-neutral-300);color:var(--color-neutral-500)}.dropin-incrementer__input::-webkit-outer-spin-button,.dropin-incrementer__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dropin-incrementer__input:focus-within{border:none;box-sizing:border-box;text-align:center}.dropin-incrementer__input:focus-within[type=number]{box-shadow:none}.dropin-incrementer__input[type=number]{-moz-appearance:textfield;box-shadow:none;border:none}textarea:focus,input:focus{outline:none}.dropin-input{background-color:transparent;border-color:var(--color-neutral-600);border-radius:var(--shape-border-radius-1);border-style:inset solid;color:var(--color-neutral-800);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;z-index:1}.dropin-input[type=number],.dropin-input[type=text]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.dropin-input:focus{outline:none;box-shadow:none}.dropin-input:disabled{border-top-left-radius:var(--shape-border-radius-1);border-top-right-radius:var(--shape-border-radius-1);border-color:var(--color-neutral-500);background-color:var(--color-neutral-300);color:var(--color-neutral-500)}.dropin-input::placeholder,.dropin-input::-webkit-input-placeholder,.dropin-input::-ms-input-placeholder{color:var(--color-neutral-700);opacity:1}.dropin-input:disabled::-webkit-input-placeholder{color:var(--color-neutral-500)}.dropin-input:disabled:-moz-placeholder{color:var(--color-neutral-500)}.dropin-input:disabled::-moz-placeholder{color:var(--color-neutral-500)}.dropin-input:disabled:-ms-input-placeholder{color:var(--color-neutral-500)}.dropin-input-container{--icon-size: var(--spacing-small);display:flex;align-items:center;position:relative}.dropin-input-label-container{position:relative;display:flex;flex-grow:1;flex-direction:column}.dropin-input--primary{border:var(--shape-border-width-1) solid var(--color-neutral-600)}.dropin-input--primary:focus{border-color:var(--color-neutral-800);border-radius:var(--shape-border-radius-1)}div.dropin-input-container--primary .dropin-input--disabled{border:var(--shape-border-width-1) solid var(--color-neutral-500)}.dropin-input-container--primary .dropin-input--error{border:var(--shape-border-width-2) solid var(--color-alert-500)}.dropin-input-container--primary .dropin-input--success{border:var(--shape-border-width-2) solid var(--color-positive-500)}.dropin-input--secondary{border:0;border-radius:0;border-top:var(--shape-border-width-1) solid transparent;border-bottom:var(--shape-border-width-1) solid var(--color-neutral-600)}.dropin-input--secondary:focus{border-top-left-radius:var(--shape-border-radius-1);border-top-right-radius:var(--shape-border-radius-1);border-bottom-color:var(--color-neutral-800)}div.dropin-input-container--secondary .dropin-input--disabled{border:0;border-radius:0;border-bottom:var(--shape-border-width-1) solid var(--color-neutral-500)}.dropin-input-container--secondary .dropin-input--error{border:0;border-radius:0;border-bottom:var(--shape-border-width-2) solid var(--color-alert-500)}.dropin-input-container--secondary .dropin-input--success{border:0;border-radius:0;border-bottom:var(--shape-border-width-2) solid var(--color-positive-500)}.dropin-input--medium{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);padding:9px var(--spacing-small)}.dropin-input--medium~label{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.dropin-input--large{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);padding:11px var(--spacing-small)}.dropin-input--large~label{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-input__label--floating{cursor:text;color:var(--color-neutral-700);padding-left:var(--spacing-small);position:absolute;pointer-events:none;transform:translateY(-50%);top:50%;transition:top 50ms ease-in,left 50ms ease-in,font-size 50ms ease-in;z-index:1}.dropin-input__label--floating,.dropin-input--floating{transition:all .2s;touch-action:manipulation}.dropin-input--medium.dropin-input--floating{padding-top:17px;padding-bottom:17px}.dropin-input--medium.dropin-input--floating:focus,.dropin-input--medium.dropin-input--floating:not(:placeholder-shown){padding-top:26px}.dropin-input--large.dropin-input--floating{padding-top:15px;padding-bottom:15px}.dropin-input--large.dropin-input--floating:focus,.dropin-input--large.dropin-input--floating:not(:placeholder-shown){padding-top:22px}.dropin-input--floating:focus,.dropin-input--floating:not(:placeholder-shown){padding-bottom:calc(var(--spacing-small) - var(--spacing-xsmall))}.dropin-input__label--floating--icon-left{padding-left:calc(var(--icon-size) + (var(--spacing-small) * 2))}.dropin-input--floating:-webkit-autofill~.dropin-input__label--floating,.dropin-input-container--floating:focus-within .dropin-input__label--floating{color:var(--color-neutral-800);transform:translate(.1em,-1.5em);font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing)}.dropin-input--floating:not(:placeholder-shown)~.dropin-input__label--floating{transform:translate(.1em,-1.5em);font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing)}.dropin-input-container--disabled .dropin-icon,.dropin-input-container--disabled .dropin-input__label--floating{color:var(--color-neutral-500)}.dropin-input--floating::-webkit-input-placeholder,.dropin-input--floating::placeholder{opacity:0;transition:inherit}.dropin-input--floating:focus::-webkit-input-placeholder,.dropin-input--floating:focus::placeholder{opacity:1}.dropin-input__label--floating--error{color:var(--color-alert-500)}.dropin-input--icon-right,.dropin-input--icon-left{--icon-space: calc(var(--icon-size) + (var(--spacing-small) * 2))}.dropin-input--icon-right{padding-right:var(--icon-space)}.dropin-input--icon-left{padding-left:var(--icon-space)}.dropin-input__field-icon--left,.dropin-input__field-icon--right{position:absolute;z-index:2}.dropin-input__field-icon--left{left:var(--spacing-small)}.dropin-input__field-icon--right{right:var(--spacing-small)}.dropin-input__field-icon--error,.dropin-input__field-icon--success{color:var(--color-neutral-100);height:var(--icon-size);width:var(--icon-size)}.dropin-input__field-icon--success{color:var(--color-positive-500)}.dropin-input__field-icon--error{color:var(--color-alert-500)}.dropin-input-date{position:relative;width:100%}.dropin-input-date__input{max-height:56px;z-index:1}.dropin-input-date input[type=date]{height:56px;max-height:56px;text-align:left}.dropin-input-date input[type=date]::-webkit-date-and-time-value{text-align:left}.dropin-input-date__input--ios{z-index:-1;opacity:0;position:absolute}.dropin-input-date__icon{cursor:pointer;background-color:var(--color-neutral-50);position:absolute;top:var(--spacing-small);right:var(--spacing-small);border:0 none;padding:1px;z-index:2}.dropin-input-date__icon svg{color:var(--color-neutral-800)}.dropin-input-date svg.dropin-input--warning-icon{position:absolute;top:55%;left:0;transform:translate(-200%,-50%)}.dropin-password-status-indicator__item{display:grid;grid-template-columns:20px auto;align-items:center;justify-content:left;gap:0 8px;font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing)}.dropin-password-status-indicator__item--pending{color:var(--color-neutral-700, #666)}.dropin-password-status-indicator__item--success{color:var(--color-positive-800, #53824c)}.dropin-password-status-indicator__item--error{color:var(--color-alert-800, #bf4545)}.dropin-input-password{position:relative}.dropin-input-password>div:first-child{margin-bottom:var(--spacing-small)}.dropin-input-password .dropin-input-password__eye-icon{position:absolute;padding:0;height:24px;top:17px;right:17px;cursor:pointer;z-index:2}.dropin-input-password--error .dropin-input-password__eye-icon{right:var(--spacing-xbig);transition:all .3s ease-in-out}.dropin-textarea-container{position:relative}.dropin-textarea.dropin-textarea--error{border:var(--shape-border-width-1) solid var(--color-alert-800)}.dropin-textarea.dropin-textarea--error .dropin-textarea__label--floating{color:var(--color-alert-800)}.dropin-textarea__label--floating{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);color:var(--color-neutral-700);position:absolute;top:18px;left:17px;transition:all .2s}.dropin-textarea{margin:0;padding:0;border:none;outline:none;resize:none;box-shadow:none;font:inherit;color:inherit;background:none;overflow:hidden;width:100%}.dropin-textarea{border:1px solid var(--color-neutral-500);box-sizing:border-box}.dropin-textarea{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);color:var(--color-neutral-800, #3d3d3d);min-height:200px;padding:var(--spacing-big) var(--spacing-small);border-radius:var(--shape-border-radius-1);transition:border-color .2s;scrollbar-color:var(--color-neutral-500) transparent;scrollbar-width:thin;overflow-y:hidden}.dropin-textarea::-webkit-scrollbar{width:12px;background-color:transparent}.dropin-textarea:disabled{border-top-left-radius:var(--shape-border-radius-1);border-top-right-radius:var(--shape-border-radius-1);border-color:var(--color-neutral-500);background-color:var(--color-neutral-300);color:var(--color-neutral-500)}.dropin-textarea:disabled::-webkit-input-placeholder{color:var(--color-neutral-500)}.dropin-textarea:disabled:-moz-placeholder{color:var(--color-neutral-500)}.dropin-textarea:disabled::-moz-placeholder{color:var(--color-neutral-500)}.dropin-textarea:disabled:-ms-input-placeholder{color:var(--color-neutral-500)}.dropin-textarea::placeholder{color:var(--color-neutral-700);opacity:0;transition:color .2s,opacity .2s}.dropin-textarea:focus{border-color:var(--color-neutral-800, #3d3d3d);border-radius:var(--shape-border-radius-1)}.dropin-textarea:focus::placeholder{color:var(--color-neutral-700);opacity:.8}.dropin-textarea:not(:placeholder-shown)+.dropin-textarea__label--floating,.dropin-textarea:focus+.dropin-textarea__label--floating{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-1-letter-spacing);color:var(--color-neutral-700, #666666);transition:all .2s;touch-action:manipulation;top:1px;left:1px;width:99%;background-color:var(--color-neutral-50);border-radius:var(--shape-border-radius-1);height:30px;padding:12px 16px 0;box-sizing:border-box}.dropin-textarea:focus+.dropin-textarea__label--floating{color:var(--color-neutral-800)}.dropin-textarea:focus-visible{outline:none}.dropin-textarea__label--floating--error{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);color:var(--color-alert-800);padding-top:var(--spacing-xsmall)}.dropin-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:has(input:focus-visible){outline:0 none;box-shadow:0 0 0 var(--shape-icon-stroke-4) var(--color-neutral-400);-webkit-box-shadow:0 0 0 var(--shape-icon-stroke-4) var(--color-neutral-400);-moz-box-shadow:0 0 0 var(--shape-icon-stroke-4) var(--color-neutral-400);border-radius:var(--shape-border-radius-1)}.dropin-toggle-button__radioButton.dropin-radio-button{cursor:pointer;position:absolute}.dropin-toggle-button__radioButton .dropin-radio-button__label:before{cursor:pointer;margin-right:0}.dropin-toggle-button__radioButton .dropin-radio-button__input:focus-visible+.dropin-radio-button__label:before{box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-600)}.dropin-toggle-button__content{color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);display:flex;align-items:center;justify-content:center;margin-left:var(--spacing-big);cursor:pointer}.dropin-toggle-button__content a{color:var(--color-brand-500);font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing)}.dropin-toggle-button__icon{height:24px;margin-right:var(--spacing-xsmall)}.dropin-header-container{display:grid;grid-template-columns:repeat(2,auto);justify-content:space-between;gap:0px 0px;grid-template-areas:"title actions" "divider divider";width:100%}.dropin-header-container__title{grid-area:title;color:var(--color-neutral-800)}.dropin-header-container__title--medium{font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-1-letter-spacing)}.dropin-header-container__title--large{font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing)}.dropin-header-container__actions{grid-area:actions;font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);color:var(--color-brand-500);align-self:center}.dropin-header-container .dropin-header-container__divider{grid-area:divider;width:100%;border-top:3px solid var(--color-neutral-400)}.dropin-header-container .dropin-header-container__divider--medium{margin:var(--spacing-xsmall) 0 var(--spacing-medium) 0}.dropin-header-container .dropin-header-container__divider--large{margin:22px 0 var(--spacing-medium) 0}.dropin-tag-container{position:relative;border-radius:20px;-webkit-user-select:none;user-select:none;padding:8px 16px;background-color:var(--color-neutral-400);display:flex;justify-content:center;align-items:center}.dropin-tag-container__label{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-overline-letter-spacing);color:var(--color-neutral-800);line-height:21px}.dropin-content-grid{container-type:inline-size;container-name:dropin-content-grid;max-width:inherit;overflow:scroll}.dropin-content-grid__content{display:grid;gap:var(--spacing-small);margin:auto;justify-items:center}.dropin-content-grid__dynamic-columns-content{display:flex;flex-wrap:wrap}.dropin-content-grid__content--empty{grid-template-columns:repeat(1,1fr)}@container dropin-content-grid (width < 360){.dropin-content-grid__content{grid-template-columns:repeat(4,1fr);gap:var(--spacing-xsmall)}}.dropin-pagination{display:flex;justify-content:center;align-items:center;gap:0 var(--grid-2-gutters)}.dropin-pagination-arrow{margin:0;padding:0;box-sizing:border-box;background-color:transparent;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer}.dropin-pagination-arrow--backward svg{transform:rotate(90deg)}.dropin-pagination-arrow--forward svg{transform:rotate(-90deg)}.dropin-pagination_list{list-style:none;display:flex;justify-content:center;align-items:center;gap:0 var(--grid-2-gutters);margin:0;padding:0}.dropin-pagination_list-item{display:flex;justify-content:center;align-items:center;margin:0;padding:0;width:16px;height:16px}.dropin-pagination_list-item--active{background-color:var(--color-neutral-300);width:16px;height:16px;border-radius:50%;display:flex;justify-content:center;align-items:center}.dropin-pagination_list-item button{cursor:pointer;margin:0;padding:0;background-color:transparent;border:none;font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing)}.dropin-pagination_list-item--active button{cursor:default}.dropin-pagination_list-item--active button:disabled,.dropin-pagination_list-item--ellipsis button,.dropin-pagination-arrow--backward:disabled,.dropin-pagination-arrow--forward:disabled{cursor:default}.dropin-pagination button:not(:disabled){color:var(--color-neutral-800)}.dropin-pagination button{-moz-appearance:none;appearance:none;-webkit-appearance:none}.dropin-product-item-card__skeleton{gap:var(--spacing-small)}.dropin-product-item-card__skeleton__image{height:375px}.dropin-product-item-card__skeleton__content{grid-column:1/-1}.dropin-product-item-card{display:grid;position:relative;grid-auto-flow:row;background:var(--color-neutral-50);border:1px solid var(--color-neutral-400);color:var(--color-neutral-800);font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);margin:var(--spacing-small);width:300px}.dropin-product-item-card__image-container{overflow:hidden;width:100%;height:auto}.dropin-product-item-card__image img{width:100%;max-height:375px}.dropin-product-item-card__content{display:grid;grid-template-columns:1fr 1fr;padding:var(--spacing-small);gap:var(--spacing-xxsmall);align-items:center;color:var(--color-neutral-800)}.dropin-product-item-card__title,.dropin-product-item-card__sku,.dropin-product-item-card__price,.dropin-product-item-card__swatches,.dropin-product-item-card__action{grid-column:1/3}.dropin-product-item-card__title{font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing)}.dropin-product-item-card__sku,.dropin-product-item-card__price{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.dropin-product-item-card__swatches{margin-top:var(--spacing-xsmall)}.dropin-product-item-card__action{margin-top:var(--spacing-xsmall);width:100%}
|
|
5
5
|
.dropin-design{--color-brand-500: #454545;--color-brand-600: #383838;--color-brand-700: #2b2b2b;--color-neutral-50: #ffffff;--color-neutral-100: #fafafa;--color-neutral-200: #f5f5f5;--color-neutral-300: #e8e8e8;--color-neutral-400: #d6d6d6;--color-neutral-500: #b8b8b8;--color-neutral-600: #8f8f8f;--color-neutral-700: #666666;--color-neutral-800: #3d3d3d;--color-neutral-900: #292929;--color-positive-200: #eff5ef;--color-positive-500: #7fb078;--color-positive-800: #53824c;--color-informational-200: #eeeffb;--color-informational-500: #6978d9;--color-informational-800: #5d6dd6;--color-warning-200: #fdf3e9;--color-warning-500: #e79f5c;--color-warning-800: #ad5c00;--color-alert-200: #ffebeb;--color-alert-500: #db7070;--color-alert-800: #bf4545;--color-opacity-16: rgba(255, 255, 255, .16);--color-opacity-24: rgba(255, 255, 255, .24);--color-action-button-active: #ffffff;--color-action-button-hover: #e8e8e8;--color-button-active: #2b2b2b;--color-button-focus: #d6d6d6;--color-button-hover: #383838;--grid-1-columns: 4;--grid-1-margins: 0;--grid-1-gutters: 16px;--grid-2-columns: 12;--grid-2-margins: 0;--grid-2-gutters: 16px;--grid-3-columns: 12;--grid-3-margins: 0;--grid-3-gutters: 24px;--grid-4-columns: 12;--grid-4-margins: 0;--grid-4-gutters: 24px;--grid-5-columns: 12;--grid-5-margins: 0;--grid-5-gutters: 24px;--shape-border-radius-1: 3px;--shape-border-radius-2: 8px;--shape-border-radius-3: 24px;--shape-border-width-1: 1px;--shape-border-width-2: 1.5px;--shape-border-width-3: 2px;--shape-border-width-4: 4px;--shape-shadow-1: 0 0 16px 0 rgba(0, 0, 0, .16);--shape-shadow-2: 0 2px 16px 0 rgba(0, 0, 0, .16);--shape-shadow-3: 0 2px 3px 0 rgba(0, 0, 0, .16);--shape-icon-stroke-1: 1px;--shape-icon-stroke-2: 1.5px;--shape-icon-stroke-3: 2px;--shape-icon-stroke-4: 4px;--spacing-xxsmall: 4px;--spacing-xsmall: 8px;--spacing-small: 16px;--spacing-medium: 24px;--spacing-big: 32px;--spacing-xbig: 40px;--spacing-xxbig: 48px;--spacing-large: 64px;--spacing-xlarge: 72px;--spacing-xxlarge: 96px;--spacing-huge: 120px;--spacing-xhuge: 144px;--spacing-xxhuge: 192px;--type-base-font-family: system-ui, sans-serif;--type-display-1-font: normal normal 300 60px/72px var(--type-base-font-family);--type-display-1-letter-spacing: .04em;--type-display-2-font: normal normal 300 48px/56px var(--type-base-font-family);--type-display-2-letter-spacing: .04em;--type-display-3-font: normal normal 300 34px/40px var(--type-base-font-family);--type-display-3-letter-spacing: .04em;--type-headline-1-font: normal normal 400 24px/32px var(--type-base-font-family);--type-headline-1-letter-spacing: .04em;--type-headline-2-default-font: normal normal 300 20px/24px var(--type-base-font-family);--type-headline-2-default-letter-spacing: .04em;--type-headline-2-strong-font: normal normal 400 20px/24px var(--type-base-font-family);--type-headline-2-strong-letter-spacing: .04em;--type-body-1-default-font: normal normal 300 16px/24px var(--type-base-font-family);--type-body-1-default-letter-spacing: .04em;--type-body-1-strong-font: normal normal 400 16px/24px var(--type-base-font-family);--type-body-1-strong-letter-spacing: .04em;--type-body-1-emphasized-font: normal normal 700 16px/24px var(--type-base-font-family);--type-body-1-emphasized-letter-spacing: .04em;--type-body-2-default-font: normal normal 300 14px/20px var(--type-base-font-family);--type-body-2-default-letter-spacing: .04em;--type-body-2-strong-font: normal normal 400 14px/20px var(--type-base-font-family);--type-body-2-strong-letter-spacing: .04em;--type-body-2-emphasized-font: normal normal 700 14px/20px var(--type-base-font-family);--type-body-2-emphasized-letter-spacing: .04em;--type-button-1-font: normal normal 400 20px/26px var(--type-base-font-family);--type-button-1-letter-spacing: .08em;--type-button-2-font: normal normal 400 16px/24px var(--type-base-font-family);--type-button-2-letter-spacing: .08em;--type-details-caption-1-font: normal normal 400 12px/16px var(--type-base-font-family);--type-details-caption-1-letter-spacing: .08em;--type-details-caption-2-font: normal normal 300 12px/16px var(--type-base-font-family);--type-details-caption-2-letter-spacing: .08em;--type-details-overline-font: normal normal 700 12px/20px var(--type-base-font-family);--type-details-overline-letter-spacing: .16em}.dropin-design a{--textColor: var(--color-brand-500);color:var(--textColor);text-decoration:none}.dropin-design a:hover{--textColor: var(--color-brand-700);text-decoration:solid underline var(--textColor);text-underline-offset:6px}.dropin-design a:focus-visible{outline:solid var(--shape-border-width-4) var(--color-neutral-400);border:var(--shape-border-width-1) solid var(--color-neutral-800);border-radius:var(--shape-border-radius-1)}.dropin-image{background:var(--color-neutral-300) linear-gradient(to right,var(--color-neutral-300) 0%,var(--color-neutral-100) 20%,var(--color-neutral-300) 40%,var(--color-neutral-300) 100%) no-repeat;animation:imageShimmer infinite 1.2s linear;border-radius:var(--shape-border-radius-2)}.dropin-image--loaded{background:unset;border-radius:unset}@keyframes imageShimmer{0%{background-position:-600px 0}to{background-position:600px 0}}`,{styleId:"sdk"});
|
|
6
6
|
import{I as t,i as e}from"./chunks/initializer.js";import"./chunks/image-params-keymap.js";export{t as Initializer,e as initializers};
|
|
7
7
|
//# sourceMappingURL=initializer.js.map
|
package/lib/aem/assets.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! Copyright 2025 Adobe
|
|
2
2
|
All Rights Reserved. */
|
|
3
|
-
import{getConfigValue as
|
|
3
|
+
import{getConfigValue as O}from"./configs.js";import{p as f,I as g}from"../../chunks/Image.js";import"../../chunks/cjs.js";import"../../chunks/get-path-value.js";import"../../preact-jsx-runtime.js";import"../../chunks/icons/Add.js";import"../../i18n.js";import"../../chunks/vcomponent.js";import"../../chunks/image-params-keymap.js";import"../../signals.js";const b=["gif","jpg","jpeg","png","webp"],v=[90,180,270],U=["h","v","hv"];function l(e){let t=e;if(t.startsWith("//")){const{protocol:s}=window.location;t=s+t}return t}function I(e){return U.includes(e)}function L(e){return v.includes(e)}function y(e){return b.includes(e)}function u(e,t,s){if(e!==void 0&&!t(e))throw new Error(s)}function h(){const e=O("commerce-assets-enabled");return e&&(typeof e=="string"&&e.toLowerCase()==="true"||typeof e=="boolean"&&e===!0)}function R(){return{quality:80,format:"webp"}}function A(e){return!!(typeof e=="string"?new URL(l(e)):e).pathname.startsWith("/adobe/assets/urn:aaid:aem")}function w(e,t,s={}){const r={...R(),...s},{format:i,crop:n,...o}=r;u(i,y,"Invalid format"),u(o.flip,I,"Invalid flip"),u(o.rotate,L,"Invalid rotation");const a=Object.fromEntries(Object.entries(o).map(([p,d])=>[p,String(d)])),c=new URLSearchParams(a);if(n){const[p,d]=[n.xOrigin||0,n.yOrigin||0],[P,E]=[n.width||100,n.height||100],S=`${p}p,${d}p,${P}p,${E}p`;c.set("crop",S)}return`${e}/as/${t}.${i}?${c.toString()}`}function q(e,t,s={}){if(!h())return e;const r=new URL(l(e));if(!A(r))return e;const i=r.origin+r.pathname;return w(i,t,s)}function _(e){return t=>{const{wrapper:s,alias:m,params:r,imageProps:i}=e;if(!i.src)throw new Error("An image source is required. Please provide a `src` or `imageProps.src`.");const n=s??document.createElement("div"),o=w(i.src,m,r),a={width:r.width,height:r.height,crop:void 0,fit:void 0,auto:void 0},c={...i,width:r.width,height:r.height,src:o,params:a};f.render(g,c)(n),t.replaceWith(n)}}function x(e,t){function s(){const i=t.wrapper??document.createElement("div"),{imageProps:n,params:o}=t,a={...n,width:o.width,height:o.height};f.render(g,a)(i),e.replaceWith(i)}if(!h()){s();return}if(!t.imageProps.src)throw new Error("An image source is required. Please provide a `src` or `imageProps.src`.");const r=new URL(l(t.imageProps.src));if(!A(r)){s();return}_(t)(e)}export{w as generateAemAssetsOptimizedUrl,R as getDefaultAemAssetsOptimizationParams,h as isAemAssetsEnabled,A as isAemAssetsUrl,_ as makeAemAssetsImageSlot,q as tryGenerateAemAssetsOptimizedUrl,x as tryRenderAemAssetsImage};
|
|
4
4
|
//# sourceMappingURL=assets.js.map
|
package/lib/aem/assets.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"assets.js","sources":["/@dropins/tools/src/lib/aem/assets.ts"],"sourcesContent":["import { provider as UI, Image } from '@adobe-commerce/elsie/components';\nimport { getConfigValue } from '@adobe-commerce/elsie/lib/aem/configs';\n\ninterface AemAssetsParams {\n quality?: number;\n format?: string;\n crop?: {\n xOrigin?: number;\n yOrigin?: number;\n width?: number;\n height?: number;\n };\n size?: {\n width?: number;\n height?: number;\n };\n width?: number;\n height?: number;\n [key: string]: any;\n}\n\ninterface AemAssetsImageConfig {\n wrapper?: HTMLElement;\n alias: string;\n params: AemAssetsParams;\n imageProps: {\n src: string;\n width?: number;\n height?: number;\n [key: string]: any;\n };\n src?: string;\n}\n\ninterface RenderContext {\n replaceWith: (element: HTMLElement) => void;\n}\n\nexport function isAemAssetsEnabled(): boolean {\n const config = getConfigValue('commerce-assets-enabled');\n\n return config && (\n (typeof config === 'string' && config.toLowerCase() === 'true')\n || (typeof config === 'boolean' && config === true)\n );\n}\n\nexport function getDefaultAemAssetsOptimizationParams(): { quality: number; format: string } {\n // See: https://adobe-aem-assets-delivery-experimental.redoc.ly/\n return {\n quality: 80,\n format: 'webp',\n };\n}\n\n/**\n * Normalizes the given URL to ensure it is a valid URL.\n * @param {string} url - The URL to normalize.\n * @returns {string} The normalized URL.\n */\nfunction normalizeUrl(url: string): string {\n let imageUrl = url;\n\n if (imageUrl.startsWith('//')) {\n // Use current window's protocol.\n const { protocol } = window.location;\n console.log('protocol', protocol);\n imageUrl = protocol + imageUrl;\n }\n\n return imageUrl;\n}\n\nexport function isAemAssetsUrl(url: string | URL): boolean {\n const assetsUrl = typeof url === 'string' ? new URL(normalizeUrl(url)) : url;\n\n if (!assetsUrl.pathname.startsWith('/adobe/assets/urn:aaid:aem')) {\n return false;\n }\n\n return true;\n}\n\nexport function generateAemAssetsOptimizedUrl(url: string, alias: string, params: AemAssetsParams = {}): string {\n const defaultParams = getDefaultAemAssetsOptimizationParams();\n const mergedParams: AemAssetsParams = { ...defaultParams, ...params };\n\n // Destructure the ones that need special handling\n const {\n format,\n crop,\n size,\n ...optimizedParams\n } = mergedParams;\n\n const searchParams = new URLSearchParams(optimizedParams);\n\n if (crop) {\n const [xOrigin, yOrigin] = [crop.xOrigin || 0, crop.yOrigin || 0];\n const [width, height] = [crop.width || 100, crop.height || 100];\n\n const cropTransform = `${xOrigin}p,${yOrigin}p,${width}p,${height}p`;\n searchParams.set('crop', cropTransform);\n }\n\n // Both values must be present\n if (size && size.width && size.height) {\n searchParams.set('size', `${size.width},${size.height}`);\n }\n\n return `${url}/as/${alias}.${format}?${searchParams.toString()}`;\n}\n\nexport function tryGenerateAemAssetsOptimizedUrl(url: string, alias: string, params: AemAssetsParams = {}): string {\n const assetsEnabled = isAemAssetsEnabled();\n\n if (!(assetsEnabled)) {\n // No-op, doesn't do anything.\n return url;\n }\n\n const assetsUrl = new URL(normalizeUrl(url));\n\n if (!isAemAssetsUrl(assetsUrl)) {\n // Not an AEM Assets URL, so no-op.\n return url;\n }\n\n const base = assetsUrl.origin + assetsUrl.pathname;\n return generateAemAssetsOptimizedUrl(base, alias, params);\n}\n\nexport function makeAemAssetsImageSlot(\n config: AemAssetsImageConfig,\n) {\n return (ctx: RenderContext) => {\n const {\n wrapper,\n alias,\n params,\n imageProps,\n src,\n } = config;\n\n const container = wrapper ?? document.createElement('div');\n const imageSrc = generateAemAssetsOptimizedUrl(src || imageProps.src, alias, params);\n\n UI.render(Image as any, {\n ...imageProps,\n\n src: imageSrc,\n params: {\n width: params.width,\n\n // If not null, they will be applied by default.\n // And they are not compatible with the AEM Assets API.\n crop: null,\n fit: null,\n auto: null,\n },\n })(container);\n\n ctx.replaceWith(container);\n };\n}\n\nexport function tryRenderAemAssetsImage(ctx: RenderContext, config: AemAssetsImageConfig): void {\n // Renders an equivalent of the default image.\n function renderDefaultImage(): void {\n const container = config.wrapper ?? document.createElement('div');\n const { imageProps } = config;\n\n (UI.render as any)(Image, imageProps)(container);\n ctx.replaceWith(container);\n }\n\n const assetsEnabled = isAemAssetsEnabled();\n\n if (!(assetsEnabled)) {\n // No-op, render the default image.\n renderDefaultImage();\n return;\n }\n\n const { imageProps, src, ...slotConfig } = config;\n const assetsUrl = new URL(normalizeUrl(src ?? imageProps.src));\n\n if (!isAemAssetsUrl(assetsUrl)) {\n // Not an AEM Assets URL, so render the default image.\n renderDefaultImage();\n return;\n }\n\n makeAemAssetsImageSlot({\n // Use the default image props for params and src.\n // Unless overriden by the slot config.\n src: assetsUrl.toString(),\n params: {\n width: imageProps.width,\n height: imageProps.height,\n ...slotConfig.params,\n },\n imageProps,\n alias: slotConfig.alias,\n wrapper: slotConfig.wrapper,\n })(ctx);\n}\n"],"names":["isAemAssetsEnabled","config","getConfigValue","getDefaultAemAssetsOptimizationParams","normalizeUrl","url","imageUrl","protocol","isAemAssetsUrl","generateAemAssetsOptimizedUrl","alias","params","mergedParams","format","crop","size","optimizedParams","searchParams","xOrigin","yOrigin","width","height","cropTransform","tryGenerateAemAssetsOptimizedUrl","assetsUrl","base","makeAemAssetsImageSlot","ctx","wrapper","imageProps","src","container","imageSrc","UI","Image","tryRenderAemAssetsImage","renderDefaultImage","slotConfig"],"mappings":"sWAsCO,SAASA,GAA8B,CACtC,MAAAC,EAASC,EAAe,yBAAyB,EAEhD,OAAAD,IACJ,OAAOA,GAAW,UAAYA,EAAO,gBAAkB,QACpD,OAAOA,GAAW,WAAaA,IAAW,GAElD,CAEO,SAASE,GAA6E,CAEpF,MAAA,CACL,QAAS,GACT,OAAQ,MACV,CACF,CAOA,SAASC,EAAaC,EAAqB,CACzC,IAAIC,EAAWD,EAEX,GAAAC,EAAS,WAAW,IAAI,EAAG,CAEvB,KAAA,CAAE,SAAAC,GAAa,OAAO,SACpB,QAAA,IAAI,WAAYA,CAAQ,EAChCD,EAAWC,EAAWD,CAAA,CAGjB,OAAAA,CACT,CAEO,SAASE,EAAeH,EAA4B,CAGzD,MAAK,GAFa,OAAOA,GAAQ,SAAW,IAAI,IAAID,EAAaC,CAAG,CAAC,EAAIA,GAE1D,SAAS,WAAW,4BAA4B,CAKjE,CAEO,SAASI,EAA8BJ,EAAaK,EAAeC,EAA0B,CAAA,EAAY,CAE9G,MAAMC,EAAgC,CAAE,GADlBT,EAAsC,EACF,GAAGQ,CAAO,EAG9D,CACJ,OAAAE,EACA,KAAAC,EACA,KAAAC,EACA,GAAGC,CAAA,EACDJ,EAEEK,EAAe,IAAI,gBAAgBD,CAAe,EAExD,GAAIF,EAAM,CACF,KAAA,CAACI,EAASC,CAAO,EAAI,CAACL,EAAK,SAAW,EAAGA,EAAK,SAAW,CAAC,EAC1D,CAACM,EAAOC,CAAM,EAAI,CAACP,EAAK,OAAS,IAAKA,EAAK,QAAU,GAAG,EAExDQ,EAAgB,GAAGJ,CAAO,KAAKC,CAAO,KAAKC,CAAK,KAAKC,CAAM,IACpDJ,EAAA,IAAI,OAAQK,CAAa,CAAA,CAIxC,OAAIP,GAAQA,EAAK,OAASA,EAAK,QAChBE,EAAA,IAAI,OAAQ,GAAGF,EAAK,KAAK,IAAIA,EAAK,MAAM,EAAE,EAGlD,GAAGV,CAAG,OAAOK,CAAK,IAAIG,CAAM,IAAII,EAAa,SAAA,CAAU,EAChE,CAEO,SAASM,EAAiClB,EAAaK,EAAeC,EAA0B,CAAA,EAAY,CAGjH,GAAI,CAFkBX,EAAmB,EAIhC,OAAAK,EAGT,MAAMmB,EAAY,IAAI,IAAIpB,EAAaC,CAAG,CAAC,EAEvC,GAAA,CAACG,EAAegB,CAAS,EAEpB,OAAAnB,EAGH,MAAAoB,EAAOD,EAAU,OAASA,EAAU,SACnC,OAAAf,EAA8BgB,EAAMf,EAAOC,CAAM,CAC1D,CAEO,SAASe,EACdzB,EACA,CACA,OAAQ0B,GAAuB,CACvB,KAAA,CACJ,QAAAC,EACA,MAAAlB,EACA,OAAAC,EACA,WAAAkB,EACA,IAAAC,CAAA,EACE7B,EAEE8B,EAAYH,GAAW,SAAS,cAAc,KAAK,EACnDI,EAAWvB,EAA8BqB,GAAOD,EAAW,IAAKnB,EAAOC,CAAM,EAEnFsB,EAAG,OAAOC,EAAc,CACtB,GAAGL,EAEH,IAAKG,EACL,OAAQ,CACN,MAAOrB,EAAO,MAId,KAAM,KACN,IAAK,KACL,KAAM,IAAA,CAET,CAAA,EAAEoB,CAAS,EAEZJ,EAAI,YAAYI,CAAS,CAC3B,CACF,CAEgB,SAAAI,EAAwBR,EAAoB1B,EAAoC,CAE9F,SAASmC,GAA2B,CAClC,MAAML,EAAY9B,EAAO,SAAW,SAAS,cAAc,KAAK,EAC1D,CAAE,WAAA4B,CAAAA,EAAe5B,EAEtBgC,EAAG,OAAeC,EAAOL,CAAU,EAAEE,CAAS,EAC/CJ,EAAI,YAAYI,CAAS,CAAA,CAK3B,GAAI,CAFkB/B,EAAmB,EAEnB,CAEDoC,EAAA,EACnB,MAAA,CAGF,KAAM,CAAE,WAAAP,EAAY,IAAAC,EAAK,GAAGO,CAAe,EAAApC,EACrCuB,EAAY,IAAI,IAAIpB,EAAa0B,GAAOD,EAAW,GAAG,CAAC,EAEzD,GAAA,CAACrB,EAAegB,CAAS,EAAG,CAEXY,EAAA,EACnB,MAAA,CAGqBV,EAAA,CAGrB,IAAKF,EAAU,SAAS,EACxB,OAAQ,CACN,MAAOK,EAAW,MAClB,OAAQA,EAAW,OACnB,GAAGQ,EAAW,MAChB,EACA,WAAAR,EACA,MAAOQ,EAAW,MAClB,QAASA,EAAW,OACrB,CAAA,EAAEV,CAAG,CACR"}
|
|
1
|
+
{"version":3,"file":"assets.js","sources":["/@dropins/tools/src/lib/aem/assets.ts"],"sourcesContent":["import {\n provider as UI,\n Image,\n type ImageProps,\n} from '@adobe-commerce/elsie/components';\n\nimport { getConfigValue } from '@adobe-commerce/elsie/lib/aem/configs';\nimport type { ResolveImageUrlOptions } from '../resolve-image';\n\nconst AEM_ASSETS_FORMATS = ['gif', 'jpg', 'jpeg', 'png', 'webp'] as const;\nconst AEM_ASSETS_ALLOWED_ROTATIONS = [90, 180, 270] as const;\nconst AEM_ASSETS_ALLOWED_FLIPS = ['h', 'v', 'hv'] as const;\n\n/** The allowed formats for the `AEM Assets` image optimization API. */\nexport type AemAssetsFormat = (typeof AEM_ASSETS_FORMATS)[number];\n\n/** The allowed rotations for the `AEM Assets` image optimization API. */\nexport type AemAssetsRotation = (typeof AEM_ASSETS_ALLOWED_ROTATIONS)[number];\n\n/** The allowed flips for the `AEM Assets` image optimization API. */\nexport type AemAssetsFlip = (typeof AEM_ASSETS_ALLOWED_FLIPS)[number];\n\n/**\n * Defines a crop region of an image.\n * @example\n * ```ts\n * // Crop the image to a 80% width and height, starting at 10% from the top and left.\n * const cropSettings: AemAssetsCropSettings = {\n * xOrigin: 10,\n * yOrigin: 10,\n * width: 80,\n * height: 80,\n * };\n */\nexport interface AemAssetsCropSettings {\n /** The (relative) x origin of the crop (between 0 and 100) */\n xOrigin?: number;\n\n /** The (relative) y origin of the crop (between 0 and 100) */\n yOrigin?: number;\n\n /** The width of the crop (between 0 and 100) */\n width?: number;\n\n /** The height of the crop (between 0 and 100) */\n height?: number;\n}\n\n/**\n * The parameters accepted by the `AEM Assets` image optimization API.\n * @see https://adobe-aem-assets-delivery-experimental.redoc.ly/\n */\nexport interface AemAssetsParams {\n format: AemAssetsFormat;\n rotate?: AemAssetsRotation;\n flip?: AemAssetsFlip;\n crop?: AemAssetsCropSettings;\n\n width?: number;\n height?: number;\n quality?: number;\n\n attachment?: boolean;\n sharpen?: boolean;\n blur?: number;\n dpr?: number;\n smartCrop?: string;\n\n // For future updates we may miss.\n [key: string]: unknown;\n}\n\ntype WithRequired<T, K extends keyof T> = T & { [P in K]-?: T[P] };\n\n/** The parameters to be applied to the asset (known width required when using a slot) */\nexport type AemAssetsImageSlotConfigParams = WithRequired<\n Partial<AemAssetsParams>,\n 'width'\n>;\n\n/** The configuration for an image slot. */\nexport interface AemAssetsImageSlotConfig {\n /** The alias (i.e. seoName) of the image */\n alias: string;\n\n /** The props to be applied to the underlying {@link Image} component */\n imageProps: Partial<Omit<ImageProps, 'params' | 'width' | 'height'>> & {\n src: string;\n };\n\n /** The parameters to be applied to the asset (known width required when using a slot) */\n params: AemAssetsImageSlotConfigParams;\n\n /** The element that will contain the image in the slot */\n wrapper?: HTMLElement;\n}\n\ninterface RenderContext {\n replaceWith: (element: HTMLElement) => void;\n}\n\n/**\n * Normalizes the given URL to ensure it is a valid URL.\n * @param {string} url - The URL to normalize.\n * @returns {string} The normalized URL.\n */\nfunction normalizeUrl(url: string): string {\n let imageUrl = url;\n\n if (imageUrl.startsWith('//')) {\n // Use current window's protocol.\n const { protocol } = window.location;\n imageUrl = protocol + imageUrl;\n }\n\n return imageUrl;\n}\n\n/** Returns whether the given value is a valid flip. */\nfunction isValidFlip(flip: unknown): flip is AemAssetsFlip {\n return AEM_ASSETS_ALLOWED_FLIPS.includes(flip as AemAssetsFlip);\n}\n\n/** Returns whether the given value is a valid rotation. */\nfunction isValidRotation(rotation: unknown): rotation is AemAssetsRotation {\n return AEM_ASSETS_ALLOWED_ROTATIONS.includes(rotation as AemAssetsRotation);\n}\n\n/** Returns whether the given value is a valid format. */\nfunction isValidFormat(format: unknown): format is AemAssetsFormat {\n return AEM_ASSETS_FORMATS.includes(format as AemAssetsFormat);\n}\n\n/** Asserts that the given value is valid. */\nfunction assertUnionParameter(\n value: unknown,\n validator: (value: unknown) => boolean,\n errorMessage: string\n): void {\n if (value !== undefined && !validator(value)) {\n throw new Error(errorMessage);\n }\n}\n\n/** Returns whether AEM Assets is enabled in the Storefront. */\nexport function isAemAssetsEnabled(): boolean {\n const config = getConfigValue('commerce-assets-enabled');\n\n return (\n config &&\n ((typeof config === 'string' && config.toLowerCase() === 'true') ||\n (typeof config === 'boolean' && config === true))\n );\n}\n\n/** The default optimization parameters used globally, unless overriden (per use). */\nexport function getDefaultAemAssetsOptimizationParams(): AemAssetsParams {\n // See: https://adobe-aem-assets-delivery-experimental.redoc.ly/\n return {\n quality: 80,\n format: 'webp',\n };\n}\n\n/** Returns true if the given URL is an AEM Assets URL. */\nexport function isAemAssetsUrl(url: string | URL): boolean {\n const assetsUrl = typeof url === 'string' ? new URL(normalizeUrl(url)) : url;\n\n if (!assetsUrl.pathname.startsWith('/adobe/assets/urn:aaid:aem')) {\n return false;\n }\n\n return true;\n}\n\n/** Generates an optimized URL for AEM Assets. */\nexport function generateAemAssetsOptimizedUrl(\n assetUrl: string,\n alias: string,\n params: Partial<AemAssetsParams> = {}\n): string {\n const defaultParams = getDefaultAemAssetsOptimizationParams();\n const mergedParams: AemAssetsParams = { ...defaultParams, ...params };\n\n // Destructure the ones that need special handling/validation.\n const { format, crop, ...optimizedParams } = mergedParams;\n assertUnionParameter(format, isValidFormat, 'Invalid format');\n assertUnionParameter(optimizedParams.flip, isValidFlip, 'Invalid flip');\n assertUnionParameter(\n optimizedParams.rotate,\n isValidRotation,\n 'Invalid rotation'\n );\n\n const stringifiedParams = Object.fromEntries(\n Object.entries(optimizedParams).map(([key, value]) => [key, String(value)])\n );\n\n const searchParams = new URLSearchParams(stringifiedParams);\n\n if (crop) {\n const [xOrigin, yOrigin] = [crop.xOrigin || 0, crop.yOrigin || 0];\n const [width, height] = [crop.width || 100, crop.height || 100];\n\n const cropTransform = `${xOrigin}p,${yOrigin}p,${width}p,${height}p`;\n searchParams.set('crop', cropTransform);\n }\n\n return `${assetUrl}/as/${alias}.${format}?${searchParams.toString()}`;\n}\n\n/**\n * Tries to generate an optimized URL for AEM Assets. Returns the given\n * url if AEM Assets is not enabled or is not an AEM Assets URL.\n */\nexport function tryGenerateAemAssetsOptimizedUrl(\n assetUrl: string,\n alias: string,\n params: Partial<AemAssetsParams> = {}\n): string {\n const assetsEnabled = isAemAssetsEnabled();\n\n if (!assetsEnabled) {\n // No-op, doesn't do anything.\n return assetUrl;\n }\n\n const assetsUrl = new URL(normalizeUrl(assetUrl));\n\n if (!isAemAssetsUrl(assetsUrl)) {\n // Not an AEM Assets URL, so no-op.\n return assetUrl;\n }\n\n const base = assetsUrl.origin + assetsUrl.pathname;\n return generateAemAssetsOptimizedUrl(base, alias, params);\n}\n\n/** Creates a slot that renders an AEM Assets image. */\nexport function makeAemAssetsImageSlot(config: AemAssetsImageSlotConfig) {\n return (ctx: RenderContext) => {\n const { wrapper, alias, params, imageProps } = config;\n\n if (!imageProps.src) {\n throw new Error(\n 'An image source is required. Please provide a `src` or `imageProps.src`.'\n );\n }\n\n const container = wrapper ?? document.createElement('div');\n const imageSrc = generateAemAssetsOptimizedUrl(\n imageProps.src,\n alias,\n params\n );\n\n const imageComponentParams: ResolveImageUrlOptions = {\n width: params.width,\n height: params.height,\n\n // If this is not done, they will be applied by default.\n // And they are not compatible with the AEM Assets API.\n crop: undefined,\n fit: undefined,\n auto: undefined,\n };\n\n const imageComponentProps: ImageProps = {\n ...imageProps,\n width: params.width,\n height: params.height,\n\n src: imageSrc,\n params: imageComponentParams,\n };\n\n UI.render(Image, imageComponentProps)(container);\n ctx.replaceWith(container);\n };\n}\n\nexport function tryRenderAemAssetsImage(\n ctx: RenderContext,\n config: AemAssetsImageSlotConfig\n): void {\n // Renders an equivalent of the default image.\n function renderDefaultImage(): void {\n const container = config.wrapper ?? document.createElement('div');\n const { imageProps, params } = config;\n const imageComponentProps: ImageProps = {\n ...imageProps,\n width: params.width,\n height: params.height,\n };\n\n UI.render(Image, imageComponentProps)(container);\n ctx.replaceWith(container);\n }\n\n const assetsEnabled = isAemAssetsEnabled();\n\n if (!assetsEnabled) {\n // No-op, render the default image.\n renderDefaultImage();\n return;\n }\n\n if (!config.imageProps.src) {\n throw new Error(\n 'An image source is required. Please provide a `src` or `imageProps.src`.'\n );\n }\n\n const assetsUrl = new URL(normalizeUrl(config.imageProps.src));\n\n if (!isAemAssetsUrl(assetsUrl)) {\n // Not an AEM Assets URL, so render the default image.\n renderDefaultImage();\n return;\n }\n\n makeAemAssetsImageSlot(config)(ctx);\n}\n"],"names":["AEM_ASSETS_FORMATS","AEM_ASSETS_ALLOWED_ROTATIONS","AEM_ASSETS_ALLOWED_FLIPS","normalizeUrl","url","imageUrl","protocol","isValidFlip","flip","isValidRotation","rotation","isValidFormat","format","assertUnionParameter","value","validator","errorMessage","isAemAssetsEnabled","config","getConfigValue","getDefaultAemAssetsOptimizationParams","isAemAssetsUrl","generateAemAssetsOptimizedUrl","assetUrl","alias","params","mergedParams","crop","optimizedParams","stringifiedParams","key","searchParams","xOrigin","yOrigin","width","height","cropTransform","tryGenerateAemAssetsOptimizedUrl","assetsUrl","base","makeAemAssetsImageSlot","ctx","wrapper","imageProps","container","imageSrc","imageComponentParams","imageComponentProps","UI","Image","tryRenderAemAssetsImage","renderDefaultImage"],"mappings":"sWASA,MAAMA,EAAqB,CAAC,MAAO,MAAO,OAAQ,MAAO,MAAM,EACzDC,EAA+B,CAAC,GAAI,IAAK,GAAG,EAC5CC,EAA2B,CAAC,IAAK,IAAK,IAAI,EA+FhD,SAASC,EAAaC,EAAqB,CACzC,IAAIC,EAAWD,EAEX,GAAAC,EAAS,WAAW,IAAI,EAAG,CAEvB,KAAA,CAAE,SAAAC,GAAa,OAAO,SAC5BD,EAAWC,EAAWD,CAAA,CAGjB,OAAAA,CACT,CAGA,SAASE,EAAYC,EAAsC,CAClD,OAAAN,EAAyB,SAASM,CAAqB,CAChE,CAGA,SAASC,EAAgBC,EAAkD,CAClE,OAAAT,EAA6B,SAASS,CAA6B,CAC5E,CAGA,SAASC,EAAcC,EAA4C,CAC1D,OAAAZ,EAAmB,SAASY,CAAyB,CAC9D,CAGA,SAASC,EACPC,EACAC,EACAC,EACM,CACN,GAAIF,IAAU,QAAa,CAACC,EAAUD,CAAK,EACnC,MAAA,IAAI,MAAME,CAAY,CAEhC,CAGO,SAASC,GAA8B,CACtC,MAAAC,EAASC,EAAe,yBAAyB,EAGrD,OAAAD,IACE,OAAOA,GAAW,UAAYA,EAAO,gBAAkB,QACtD,OAAOA,GAAW,WAAaA,IAAW,GAEjD,CAGO,SAASE,GAAyD,CAEhE,MAAA,CACL,QAAS,GACT,OAAQ,MACV,CACF,CAGO,SAASC,EAAejB,EAA4B,CAGzD,MAAK,GAFa,OAAOA,GAAQ,SAAW,IAAI,IAAID,EAAaC,CAAG,CAAC,EAAIA,GAE1D,SAAS,WAAW,4BAA4B,CAKjE,CAGO,SAASkB,EACdC,EACAC,EACAC,EAAmC,CAAA,EAC3B,CAER,MAAMC,EAAgC,CAAE,GADlBN,EAAsC,EACF,GAAGK,CAAO,EAG9D,CAAE,OAAAb,EAAQ,KAAAe,EAAM,GAAGC,CAAoB,EAAAF,EACxBb,EAAAD,EAAQD,EAAe,gBAAgB,EACvCE,EAAAe,EAAgB,KAAMrB,EAAa,cAAc,EACtEM,EACEe,EAAgB,OAChBnB,EACA,kBACF,EAEA,MAAMoB,EAAoB,OAAO,YAC/B,OAAO,QAAQD,CAAe,EAAE,IAAI,CAAC,CAACE,EAAKhB,CAAK,IAAM,CAACgB,EAAK,OAAOhB,CAAK,CAAC,CAAC,CAC5E,EAEMiB,EAAe,IAAI,gBAAgBF,CAAiB,EAE1D,GAAIF,EAAM,CACF,KAAA,CAACK,EAASC,CAAO,EAAI,CAACN,EAAK,SAAW,EAAGA,EAAK,SAAW,CAAC,EAC1D,CAACO,EAAOC,CAAM,EAAI,CAACR,EAAK,OAAS,IAAKA,EAAK,QAAU,GAAG,EAExDS,EAAgB,GAAGJ,CAAO,KAAKC,CAAO,KAAKC,CAAK,KAAKC,CAAM,IACpDJ,EAAA,IAAI,OAAQK,CAAa,CAAA,CAGjC,MAAA,GAAGb,CAAQ,OAAOC,CAAK,IAAIZ,CAAM,IAAImB,EAAa,SAAA,CAAU,EACrE,CAMO,SAASM,EACdd,EACAC,EACAC,EAAmC,CAAA,EAC3B,CAGR,GAAI,CAFkBR,EAAmB,EAIhC,OAAAM,EAGT,MAAMe,EAAY,IAAI,IAAInC,EAAaoB,CAAQ,CAAC,EAE5C,GAAA,CAACF,EAAeiB,CAAS,EAEpB,OAAAf,EAGH,MAAAgB,EAAOD,EAAU,OAASA,EAAU,SACnC,OAAAhB,EAA8BiB,EAAMf,EAAOC,CAAM,CAC1D,CAGO,SAASe,EAAuBtB,EAAkC,CACvE,OAAQuB,GAAuB,CAC7B,KAAM,CAAE,QAAAC,EAAS,MAAAlB,EAAO,OAAAC,EAAQ,WAAAkB,CAAe,EAAAzB,EAE3C,GAAA,CAACyB,EAAW,IACd,MAAM,IAAI,MACR,0EACF,EAGF,MAAMC,EAAYF,GAAW,SAAS,cAAc,KAAK,EACnDG,EAAWvB,EACfqB,EAAW,IACXnB,EACAC,CACF,EAEMqB,EAA+C,CACnD,MAAOrB,EAAO,MACd,OAAQA,EAAO,OAIf,KAAM,OACN,IAAK,OACL,KAAM,MACR,EAEMsB,EAAkC,CACtC,GAAGJ,EACH,MAAOlB,EAAO,MACd,OAAQA,EAAO,OAEf,IAAKoB,EACL,OAAQC,CACV,EAEAE,EAAG,OAAOC,EAAOF,CAAmB,EAAEH,CAAS,EAC/CH,EAAI,YAAYG,CAAS,CAC3B,CACF,CAEgB,SAAAM,EACdT,EACAvB,EACM,CAEN,SAASiC,GAA2B,CAClC,MAAMP,EAAY1B,EAAO,SAAW,SAAS,cAAc,KAAK,EAC1D,CAAE,WAAAyB,EAAY,OAAAlB,CAAA,EAAWP,EACzB6B,EAAkC,CACtC,GAAGJ,EACH,MAAOlB,EAAO,MACd,OAAQA,EAAO,MACjB,EAEAuB,EAAG,OAAOC,EAAOF,CAAmB,EAAEH,CAAS,EAC/CH,EAAI,YAAYG,CAAS,CAAA,CAK3B,GAAI,CAFkB3B,EAAmB,EAErB,CAECkC,EAAA,EACnB,MAAA,CAGE,GAAA,CAACjC,EAAO,WAAW,IACrB,MAAM,IAAI,MACR,0EACF,EAGF,MAAMoB,EAAY,IAAI,IAAInC,EAAae,EAAO,WAAW,GAAG,CAAC,EAEzD,GAAA,CAACG,EAAeiB,CAAS,EAAG,CAEXa,EAAA,EACnB,MAAA,CAGqBX,EAAAtB,CAAM,EAAEuB,CAAG,CACpC"}
|
package/lib/aem/configs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! Copyright 2025 Adobe
|
|
2
2
|
All Rights Reserved. */
|
|
3
|
-
import{
|
|
3
|
+
import{d as u}from"../../chunks/cjs.js";import{g as f}from"../../chunks/get-path-value.js";let e=null,r=null,l=null;function C(){e=null,r=null,l=null}function s(t=e){return t?Object.keys(t==null?void 0:t.public).sort((i,o)=>{const a=i.split("/").filter(Boolean).length;return o.split("/").filter(Boolean).length-a}).find(i=>window.location.pathname===i||window.location.pathname.startsWith(i))??"/":(console.warn("No config found. Please call initializeConfig() first."),"/")}function c(){return e?Object.keys(e.public).filter(t=>t!=="default"):(console.warn("No config found. Please call initializeConfig() first."),[])}function m(){return c().length>=1}function w(t){if(!l)throw new Error("Configuration not initialized. Call initializeConfig() first.");const n=l.headers??{};return{...n.all??{},...n[t]??{}}}function g(t,n){var o;const i=(o=t.public)==null?void 0:o.default;return n==="/"||!t.public[n]?i:u(i,t.public[n])}function z(t){return e=t,r=s(e),l=g(e,r),l}function P(t){if(!l)throw new Error("Configuration not initialized. Call initializeConfig() first.");return f(l,t)}export{P as getConfigValue,w as getHeaders,c as getListOfRootPaths,s as getRootPath,z as initializeConfig,m as isMultistore,C as resetConfig};
|
|
4
4
|
//# sourceMappingURL=configs.js.map
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name": "@dropins/tools", "version": "1.4.0-
|
|
1
|
+
{"name": "@dropins/tools", "version": "1.4.0-beta1", "license": "SEE LICENSE IN LICENSE.md"}
|
package/preact-compat.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! Copyright 2025 Adobe
|
|
2
2
|
All Rights Reserved. */
|
|
3
|
-
import{N as a,b as t,k as n,C as r,e as u,L as o,U as d,o as l,f as c,G as i,_ as m,i as f,j as E,m as _,R as S,n as p,r as C,s as R,u as y,v as I,w as L,z as N,I as O,F as T,J as b,K as h,M as x,O as D,Q as F,q as M,x as g,P as U,V,y as v,
|
|
3
|
+
import{N as a,b as t,k as n,C as r,e as u,L as o,U as d,o as l,f as c,G as i,_ as m,i as f,j as E,m as _,R as S,n as p,r as C,s as R,u as y,v as I,w as L,z as N,I as O,F as T,J as b,K as h,M as x,O as D,Q as F,q as M,x as g,P as U,V,y as v,c as A,g as P,d as k,W as w,a as z,T as B,p as W,A as Y,h as j,X as q,Y as G,Z as H}from"./chunks/icons/Add.js";export{a as Children,t as Component,n as Fragment,r as PureComponent,u as StrictMode,o as Suspense,d as SuspenseList,l as __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,c as cloneElement,i as createContext,m as createElement,f as createFactory,E as createPortal,_ as createRef,S as default,p as findDOMNode,C as flushSync,R as forwardRef,y as hydrate,I as isElement,L as isFragment,N as isMemo,O as isValidElement,T as lazy,b as memo,h as render,x as startTransition,D as unmountComponentAtNode,F as unstable_batchedUpdates,M as useCallback,g as useContext,U as useDebugValue,V as useDeferredValue,v as useEffect,A as useErrorBoundary,P as useId,k as useImperativeHandle,w as useInsertionEffect,z as useLayoutEffect,B as useMemo,W as useReducer,Y as useRef,j as useState,q as useSyncExternalStore,G as useTransition,H as version};
|
|
4
4
|
//# sourceMappingURL=preact-compat.js.map
|
package/preact-hooks.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! Copyright 2025 Adobe
|
|
2
2
|
All Rights Reserved. */
|
|
3
|
-
import{q as a,x as u,P as t,y as r,
|
|
3
|
+
import{q as a,x as u,P as t,y as r,c as o,g as f,d as c,a as d,T as l,p as m,A as n,h as p}from"./chunks/icons/Add.js";export{a as useCallback,u as useContext,t as useDebugValue,r as useEffect,o as useErrorBoundary,f as useId,c as useImperativeHandle,d as useLayoutEffect,l as useMemo,m as useReducer,n as useRef,p as useState};
|
|
4
4
|
//# sourceMappingURL=preact-hooks.js.map
|