atb-toast{--atb-toast-gutter: var(--layout-space-4);--atb-toast-pad: var(--layout-space-8);--atb-toast-row: var(--layout-space-12);--atb-toast-thumb: var(--layout-space-32);--atb-toast-border: var(--sand-800);display:block;position:fixed;top:calc(var(--atb-toast-top, 0px) + var(--atb-toast-gutter));right:var(--atb-toast-gutter);left:var(--atb-toast-gutter);z-index:101;pointer-events:none}.atb-toast__panel{overflow:hidden;border:var(--layout-space-pixel) solid var(--atb-toast-border);border-radius:var(--layout-space-4);background-color:var(--white);box-shadow:0 var(--layout-space-4) var(--layout-space-12) rgba(var(--color-foreground),.16);color:rgb(var(--color-foreground));opacity:0;visibility:hidden;transform:translateY(calc(-1 * var(--layout-space-4)));transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}atb-toast.is-open .atb-toast__panel{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .2s ease,transform .2s ease}.atb-toast__header{display:flex;align-items:center;gap:var(--layout-space-4);padding:var(--layout-space-6) var(--layout-space-4) var(--layout-space-6) var(--atb-toast-pad)}.atb-toast__tick{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--layout-space-10);height:var(--layout-space-10);border-radius:50%;background-color:#1f8f5b;color:rgb(var(--color-base-light))}.atb-toast__tick .icon-checkmark{width:1.1rem;height:.7rem}.atb-toast__heading{flex:1 1 auto;margin:0;font-family:var(--font-body-family);font-size:var(--text-size-s);font-weight:var(--font-weight-medium);line-height:var(--atb-toast-row);letter-spacing:.05em;text-transform:uppercase}.atb-toast__close{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--layout-space-16);height:var(--layout-space-16);padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.atb-toast__close .icon-close{width:var(--layout-space-8);height:var(--layout-space-8)}.atb-toast__product{display:grid;grid-template-columns:var(--atb-toast-thumb) minmax(0,1fr) auto;align-items:start;gap:var(--layout-space-6);padding:var(--layout-space-6) var(--atb-toast-pad);border-top:var(--layout-space-pixel) solid var(--atb-toast-border)}.atb-toast__image{display:block;width:var(--atb-toast-thumb);height:var(--atb-toast-thumb);object-fit:cover}.atb-toast__title,.atb-toast__options,.atb-toast__price{margin:0;font-size:var(--text-size-xs);line-height:var(--leading-looser)}.atb-toast__title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.atb-toast__options{opacity:.7}.atb-toast__price{font-weight:var(--font-weight-semibold);white-space:nowrap}.atb-toast__footer{padding:var(--layout-space-6) var(--atb-toast-pad) var(--atb-toast-pad);border-top:var(--layout-space-pixel) solid var(--atb-toast-border)}.atb-toast__total{display:flex;justify-content:space-between;gap:var(--layout-space-4);margin:0 0 var(--layout-space-6);font-size:var(--text-size-xs);line-height:var(--leading-looser)}.atb-toast__count{opacity:.7}.atb-toast__total-value{font-weight:var(--font-weight-semibold)}.atb-toast__ctas{display:flex;gap:var(--layout-space-4)}.atb-toast__ctas .button{flex:1 1 0;min-width:0;max-width:none;padding-right:var(--layout-space-6);padding-left:var(--layout-space-6);white-space:nowrap}.atb-toast__checkout{--color-button: 31, 143, 91;--color-button-text: var(--color-base-solid-button-labels);--alpha-button-background: 1;--alpha-button-border: 1}.atb-toast__checkout:hover{--color-button: 24, 115, 73}.atb-toast__checkout .icon-padlock{display:block;width:var(--layout-space-8);min-width:var(--layout-space-8);height:var(--layout-space-10);margin-left:0}atb-toast[data-arm=v1] .atb-toast__product{display:block;padding:0 var(--atb-toast-pad) var(--layout-space-6) calc(var(--atb-toast-pad) + var(--layout-space-10) + var(--layout-space-4));border:0}atb-toast[data-arm=v1] :is(.atb-toast__image,.atb-toast__options,.atb-toast__price,.atb-toast__footer){display:none}atb-toast[data-arm=v1] .atb-toast__header{padding-bottom:var(--layout-space-2)}@media screen and (min-width:750px){atb-toast{--atb-toast-pad: var(--layout-space-12);--atb-toast-thumb: var(--layout-space-40);left:auto;right:var(--atb-toast-right, var(--layout-space-16));width:34rem}atb-toast[data-arm=v2]{width:40rem}}@media(prefers-reduced-motion:reduce){.atb-toast__panel,atb-toast.is-open .atb-toast__panel{transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/438/assets/atb-toast.css.map */