.gift-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.gift-popup[hidden]{display:none}.gift-popup.is-visible{opacity:1;visibility:visible}.gift-popup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c}.gift-popup__dialog{position:relative;width:100%;max-width:380px;padding:40px 28px 28px;border-radius:var(--RADIUS, 8px);background:var(--COLOR-BG, #fff);color:var(--COLOR-TEXT, #3c1c1c);font-family:var(--FONT-STACK-BODY);text-align:center;box-shadow:0 18px 50px #00000038;transform:translateY(12px) scale(.98);transition:transform .25s ease}.gift-popup.is-visible .gift-popup__dialog{transform:none}.gift-popup__close{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:none;color:currentColor;cursor:pointer;opacity:.5;transition:opacity .2s ease}.gift-popup__close:hover{opacity:1}.gift-popup__badge{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:16px;border-radius:50%;background:var(--COLOR-ACCENT, #9ed1e5);color:var(--COLOR-ACCENT-TEXT, #3c1c1c)}.gift-popup__title{margin:0 0 6px;font-family:var(--FONT-STACK-HEADING);font-weight:var(--FONT-WEIGHT-HEADING-BOLD);font-size:calc(22px * var(--FONT-ADJUST-HEADING, 1));line-height:1.25;color:var(--COLOR-HEADING, #3c1c1c)}.gift-popup__text{margin:0 0 22px;font-size:14px;line-height:1.5;opacity:.75}.gift-popup__product{display:flex;align-items:center;gap:14px;padding:12px;margin-bottom:22px;border:1px solid var(--COLOR-BORDER-HAIRLINE, rgba(0, 0, 0, .08));border-radius:var(--RADIUS-SMALL, 6px);text-align:left}.gift-popup__image{position:relative;flex:0 0 72px;width:72px;height:72px;border-radius:var(--RADIUS-TINY, 4px);background:var(--COLOR-BG-LIGHTEN-DARKEN, #f6f6f6);overflow:hidden}.gift-popup__image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.gift-popup__info{min-width:0}.gift-popup__name{margin:0 0 4px;font-size:14px;font-weight:var(--FONT-WEIGHT-BODY-BOLD);line-height:1.3}.gift-popup__price{display:flex;align-items:baseline;gap:8px;margin:0 0 6px;font-size:14px}.gift-popup__price-free{font-weight:var(--FONT-WEIGHT-BODY-BOLD)}.gift-popup__price-original{opacity:.5;font-size:13px}.gift-popup__free-tag{display:inline-block;padding:3px 8px;border-radius:var(--RADIUS-BADGE, 3px);background:var(--COLOR-ACCENT, #9ed1e5);color:var(--COLOR-ACCENT-TEXT, #3c1c1c);font-family:var(--FONT-STACK-LABEL);font-size:10px;font-weight:var(--FONT-WEIGHT-BODY-BOLD);letter-spacing:.08em;text-transform:uppercase}.gift-popup__button{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:12px 20px;border:1px solid var(--PRIMARY-BUTTONS-COLOR-BORDER, var(--COLOR-TEXT, #3c1c1c));border-radius:var(--RADIUS, 8px);background:var(--PRIMARY-BUTTONS-COLOR-BG, var(--COLOR-TEXT, #3c1c1c));color:var(--PRIMARY-BUTTONS-COLOR-TEXT, #fff);font-family:var(--FONT-STACK-BUTTON);font-weight:var(--FONT-WEIGHT-BUTTON-BOLD);font-size:13px;letter-spacing:var(--LETTER-SPACING-BUTTON, .05em);text-transform:var(--BUTTON-TEXT-CAPS, uppercase);cursor:pointer;transition:background .2s ease,opacity .2s ease}.gift-popup__button:hover{background:var(--PRIMARY-BUTTONS-COLOR-LIGHTEN-DARKEN, var(--PRIMARY-BUTTONS-COLOR-BG, var(--COLOR-TEXT, #3c1c1c)));border-color:var(--PRIMARY-BUTTONS-COLOR-LIGHTEN-DARKEN, var(--PRIMARY-BUTTONS-COLOR-BORDER, var(--COLOR-TEXT, #3c1c1c)));color:var(--PRIMARY-BUTTONS-COLOR-TEXT, #fff)}.gift-progress{font-family:var(--FONT-STACK-BODY);color:var(--COLOR-TEXT, #3c1c1c)}.gift-progress[hidden]{display:none}.gift-progress__heading{margin:0 0 8px;font-size:13px;line-height:1.35}.gift-progress__heading strong{font-weight:var(--FONT-WEIGHT-BODY-BOLD)}.gift-progress__bar{--gift-track: var(--COLOR-BG-LIGHTEN-DARKEN, rgba(0, 0, 0, .09));position:relative;height:8px;margin:4px 13px 4px 0;border-radius:999px;background:var(--gift-track)}.gift-progress__bar-fill{display:block;height:100%;width:0;border-radius:999px;background:var(--COLOR-ACCENT, #9ed1e5);transition:width .5s cubic-bezier(.4,0,.2,1)}.gift-progress.is-complete .gift-progress__bar-fill{background:var(--COLOR-SUCCESS, #3a9e94)}.gift-progress__step{position:absolute;top:50%;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:2px solid var(--gift-track);background:var(--COLOR-BG, #fff);color:var(--COLOR-TEXT, #3c1c1c);opacity:.45;transform:translate(-50%,-50%);transition:opacity .3s ease,background .3s ease,border-color .3s ease,transform .3s ease}.gift-progress__step.is-reached{border-color:var(--COLOR-ACCENT, #9ed1e5);background:var(--COLOR-ACCENT, #9ed1e5);color:var(--COLOR-ACCENT-TEXT, #3c1c1c);opacity:1;transform:translate(-50%,-50%) scale(1.06)}.gift-progress.is-complete .gift-progress__step.is-reached{border-color:var(--COLOR-SUCCESS, #3a9e94);background:var(--COLOR-SUCCESS, #3a9e94);color:var(--COLOR-WHITE, #fff)}.gift-progress--floating .gift-progress__bar{margin-right:11px}.gift-progress--floating .gift-progress__step{width:20px;height:20px;border-width:1px}.gift-progress--compact{padding:22px 6px 26px;border-bottom:1px solid rgba(0,0,0,.07);text-align:center}.gift-progress--compact .gift-progress__heading{margin-bottom:18px;font-size:13px}.gift-progress--compact .gift-progress__bar{margin:6px 13px 6px 0}.gift-progress__note[hidden]{display:none}.gift-progress__note{margin:12px 0 0;font-size:11px;line-height:1.35;opacity:.6}.gift-progress--floating .gift-progress__note{margin-top:8px;font-size:10px}.gift-progress--floating{position:fixed;bottom:var(--gift-float-offset-y, 24px);z-index:100;display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100vw - 32px);padding:12px 16px 12px 12px;border:1px solid var(--COLOR-BORDER-HAIRLINE, rgba(0, 0, 0, .08));border-radius:var(--RADIUS, 8px);background:var(--COLOR-BG, #fff);box-shadow:0 10px 30px #00000024;opacity:0;transform:translateY(12px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.gift-progress--floating.is-visible{opacity:1;transform:none;pointer-events:auto}.gift-progress--floating.gift-progress--left{left:var(--gift-float-offset-x, 24px)}.gift-progress--floating.gift-progress--right{right:var(--gift-float-offset-x, 24px)}.js-drawer-open .gift-progress--floating,.js-drawer-open-cart .gift-progress--floating{opacity:0;transform:translateY(12px);pointer-events:none}.gift-progress--floating .gift-progress__thumb{flex:0 0 44px;width:44px;height:44px;border-radius:var(--RADIUS-TINY, 4px);background:var(--COLOR-BG-LIGHTEN-DARKEN, #f6f6f6);overflow:hidden}.gift-progress--floating .gift-progress__thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.gift-progress--floating .gift-progress__body{min-width:0;width:190px}.gift-progress--floating .gift-progress__heading{margin-bottom:6px;font-size:12px}.gift-progress__dismiss{position:absolute;top:-8px;right:-8px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:1px solid var(--COLOR-BORDER-HAIRLINE, rgba(0, 0, 0, .08));border-radius:50%;background:var(--COLOR-BG, #fff);color:var(--COLOR-TEXT, #3c1c1c);cursor:pointer;box-shadow:0 2px 6px #0000001f}@media only screen and (max-width:768px){.gift-progress--floating{bottom:var(--gift-float-offset-y-mobile, 16px);padding:10px 12px 10px 10px}.gift-progress--floating.gift-progress--left{left:var(--gift-float-offset-x-mobile, 12px)}.gift-progress--floating.gift-progress--right{right:var(--gift-float-offset-x-mobile, 12px)}.gift-progress--floating .gift-progress__body{width:150px}.gift-progress--floating .gift-progress__thumb{flex-basis:38px;width:38px;height:38px}}.gift-toast{position:fixed;left:50%;bottom:24px;z-index:10001;max-width:calc(100vw - 32px);padding:12px 18px;border-radius:var(--RADIUS, 8px);background:var(--COLOR-TEXT, #3c1c1c);color:var(--COLOR-BG, #fff);font-family:var(--FONT-STACK-BODY);font-size:13px;line-height:1.4;text-align:center;box-shadow:0 10px 30px #0003;opacity:0;transform:translate(-50%,12px);transition:opacity .3s ease,transform .3s ease}.gift-toast.is-visible{opacity:1;transform:translate(-50%)}
/*# sourceMappingURL=/cdn/shop/t/22/assets/gift.css.map */