mix-save,.mix-save-drawer{--mix-save-surface: #f6f6f6;--mix-save-line: rgba(var(--color-foreground), .2);--mix-save-track: rgba(var(--color-foreground), .1);--mix-save-selected: rgba(188, 226, 211, .2);--mix-save-input-line: #6c645c;--mix-save-divider: #dddddc;--mix-save-compare: #66827a;--mix-save-sale: #eb001b;--mix-save-disabled: #878684;--mix-save-drawer-bg: #fff}mix-save{display:block;margin-bottom:var(--product-blocks-gap, 16px)}mix-save[hidden]{display:none}.mix-save__card{display:flex;flex-direction:column;gap:12px;padding:8px;border-radius:8px;background-color:var(--mix-save-surface);color:rgb(var(--color-foreground));font-size:14px;line-height:20px}.mix-save__intro{display:flex;flex-direction:column;gap:4px}.mix-save__head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.mix-save__title{display:flex;flex-wrap:wrap;align-items:flex-start;gap:4px}.mix-save__heading{font-weight:700}.mix-save__badge{padding:3px 9px;border-radius:5px;background-color:#f1d9c1;color:#674413;font-size:12px;line-height:16px;font-weight:500}.mix-save__description{margin:0}.mix-save__status{display:flex;flex-direction:column;gap:12px}.mix-save__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px}.mix-save__open{display:inline-flex;align-items:center;gap:4px;height:auto;min-height:0;margin-inline-start:auto;padding:0;border:0;background:none;color:rgb(var(--color-foreground));font:inherit;font-weight:700;text-transform:none;letter-spacing:0;white-space:nowrap;cursor:pointer}.mix-save__open span{text-decoration:underline;text-underline-offset:3px}.mix-save__open .icon{--icon-size: 1.6rem;width:16px;height:16px}.mix-save__open--head{display:none}@media(min-width:768px){mix-save{max-width:357px}.mix-save__card{line-height:22px}.mix-save__open--head{display:inline-flex}.mix-save__status{display:none}}.mix-save-progress{display:grid;grid-template-columns:repeat(var(--mix-save-tiers, 3),minmax(0,1fr));gap:4px;margin:0;padding:0}.mix-save-progress__tier{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;text-align:center}.mix-save-progress__label{font-size:12px;line-height:16px}.mix-save-progress__bar{position:relative;display:block;width:100%;height:4px;overflow:hidden;border-radius:20px;background-color:var(--mix-save-track)}.mix-save-progress__fill{position:absolute;inset-block:0;inset-inline-start:0;width:calc(var(--mix-save-fill, 0) * 100%);border-radius:inherit;background-color:rgb(var(--color-foreground));transition:width .3s ease}.mix-save-progress__off{font-size:12px;line-height:16px;font-weight:700}.mix-save-drawer{--modal-width: 48.8rem}.mix-save-drawer__inner{display:flex;flex-direction:column;gap:12px;background-color:var(--mix-save-drawer-bg);color:rgb(var(--color-foreground))}.mix-save-drawer__header{display:flex;flex-direction:column;gap:12px;padding-inline:16px}.mix-save-drawer__title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:16px 8px}.mix-save-drawer__heading{margin:0;font-family:var(--font-heading-family);font-size:22px;line-height:32px;font-weight:400}.mix-save-drawer__close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;min-height:0;padding:0;border:0;background:none;box-shadow:none;color:rgb(var(--color-foreground));cursor:pointer}.mix-save-drawer__close .icon{width:20px;height:20px}.mix-save-drawer .mix-save-progress__label{font-size:14px;line-height:22px}.mix-save-drawer__unlocked{margin:0;font-size:12px;line-height:16px;font-weight:700}.mix-save-drawer__search{display:flex;align-items:center;gap:10px;margin-block-end:20px;padding-block:8px 9px;border-block-end:1px solid var(--mix-save-input-line)}.mix-save-drawer__search .icon{width:20px;height:20px;flex-shrink:0}.mix-save-drawer__search-input{flex:1;min-width:0;height:auto;min-height:0;padding:0;border:0;background:none;box-shadow:none;color:inherit;font:inherit;font-size:14px;line-height:normal}.mix-save-drawer__search-input::placeholder{color:rgba(var(--color-foreground),.2);opacity:1}.mix-save-drawer__search-input:focus{outline:none}.mix-save-drawer__search:focus-within{border-block-end-color:rgb(var(--color-foreground))}.mix-save-drawer__body{position:relative;flex:1 1 auto;min-height:0;margin-block-end:12px;overflow-y:auto;overscroll-behavior:contain;padding-inline:16px;padding-block-end:4px}.mix-save-drawer__list{display:flex;flex-direction:column;gap:8px;margin:0;padding:4px 0 0}.mix-save-drawer__spinner{display:flex;justify-content:center;padding:24px 0}.mix-save-drawer__body:not([aria-busy=true]) .mix-save-drawer__spinner{display:none}.mix-save-drawer__empty{margin:0;font-size:12px;line-height:16px}.mix-save-item{scroll-margin-block:4px}.mix-save-item[hidden]{display:none}.mix-save-item__label{display:grid;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;min-height:70px;overflow:hidden;border:1px solid var(--mix-save-line);border-radius:8px;background-color:var(--mix-save-drawer-bg);cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.mix-save-item__media{display:flex;align-items:center;justify-content:center;align-self:stretch;padding:7.5px;border-inline-end:1px solid transparent;background-color:var(--mix-save-drawer-bg)}.mix-save-item__image{width:100%;height:100%;max-height:55px;object-fit:contain}.mix-save-item__text{display:flex;flex-direction:column;padding:8px;font-family:var(--font-heading-family);font-size:14px;line-height:22px}.mix-save-item__title:after{content:","}.mix-save-item__check{display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin-inline:8px 16px;border:1px solid rgb(var(--color-foreground));border-radius:50%;color:rgb(var(--color-background))}.mix-save-item__check .icon{width:10px;height:10px;opacity:0}.mix-save-item__input:checked+.mix-save-item__media{border-inline-end-color:rgb(var(--color-foreground))}.mix-save-item:has(.mix-save-item__input:checked) .mix-save-item__label{border-color:rgb(var(--color-foreground));background-color:var(--mix-save-selected)}.mix-save-item__input:checked~.mix-save-item__check{background-color:rgb(var(--color-foreground))}.mix-save-item__input:checked~.mix-save-item__check .icon{opacity:1}.mix-save-item:has(.mix-save-item__input:focus-visible) .mix-save-item__label{outline:.2rem solid rgb(var(--color-keyboard-focus));outline-offset:.2rem}.mix-save-item__input:disabled~*{opacity:.45}.mix-save-item:has(.mix-save-item__input:disabled) .mix-save-item__label{cursor:not-allowed}.mix-save-drawer__footer{display:flex;flex-direction:column;gap:12px;padding:24px 16px;border-block-start:1px solid var(--mix-save-divider);background-color:var(--mix-save-drawer-bg)}.mix-save-drawer__summary{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;font-size:12px;line-height:16px;font-weight:700}.mix-save-drawer__prices{display:inline-flex;gap:8px}.mix-save-drawer__compare{color:var(--mix-save-compare);font-weight:400}.mix-save-drawer__compare:not([hidden])+.mix-save-drawer__total{color:var(--mix-save-sale);font-weight:500}.mix-save-drawer__notice{margin:0;font-size:12px;line-height:16px}.mix-save-drawer__notice--error{color:var(--mix-save-sale)}.mix-save-drawer__disclaimer{margin:0;font-size:12px;line-height:16px;text-align:center}.mix-save-drawer__cta{min-height:38px;height:38px;border-radius:6px;font-size:14px;line-height:18px;font-weight:600;text-transform:none}.mix-save-drawer__cta[aria-disabled=true]{opacity:1;background-color:var(--mix-save-disabled);border-color:var(--mix-save-disabled)}.mix-save-drawer__cta[aria-disabled=true]:before{display:none}.mix-save__open[data-action] *,.mix-save-drawer__cta[data-action] *{pointer-events:none}@media(max-width:767.98px){.mix-save-drawer .drawer__inner{--translate-x: 0;--translate-y: 100%;top:auto;bottom:0;max-width:none;height:min(90dvh,100% - 6rem)}.mix-save-drawer[active]>.drawer__inner{--translate-y: 0}.mix-save-drawer__heading{font-size:14px;line-height:22px}.mix-save-drawer .mix-save-progress__label{font-size:12px;line-height:16px}.mix-save-drawer__footer{padding-block:12px max(12px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.mix-save-progress__fill{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-mix-save.css.map */