.welcome-tab-wrap{position:fixed;left:16px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:29;width:56px;height:56px;transition:bottom var(--dur-3, .35s) var(--ease-out, ease),opacity .25s ease,transform .25s ease}.welcome-tab-wrap[hidden]{display:none}.welcome-tab{display:grid;place-items:center;width:100%;height:100%;padding:0;border:0;border-radius:50%;background:var(--primary, #35432F);color:var(--on-primary, #FBF8F2);box-shadow:0 10px 26px -10px #22281e8c,0 2px 6px #22281e1f;cursor:pointer;transition:transform var(--dur-2, .2s) var(--ease, ease),background-color var(--dur-2, .2s) ease;-webkit-tap-highlight-color:transparent}.welcome-tab:hover{background:color-mix(in srgb,var(--primary, #35432F) 88%,#000);transform:scale(1.05)}.welcome-tab:active{transform:scale(.95)}.welcome-tab:focus-visible{outline:2px solid var(--primary, #35432F);outline-offset:3px}.welcome-tab__gift{display:grid;place-items:center;transform-origin:50% 85%;animation:gift-hop 1.1s var(--ease-out, ease) 1.2s 3 both}.welcome-tab__gift .icon{width:24px;height:24px}.welcome-tab-wrap:hover .welcome-tab__gift{animation:gift-hop 1.1s var(--ease-out, ease) 1}.welcome-tab__close{position:absolute;top:-6px;right:-6px;width:24px;height:24px;display:grid;place-items:center;padding:0;border:1px solid var(--line, rgba(0, 0, 0, .1));border-radius:50%;background:var(--bg, #F7F3EC);color:var(--text, #2B3128);box-shadow:0 2px 6px #22281e29;cursor:pointer}.welcome-tab__close:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}.welcome-tab__close .icon{width:12px;height:12px}.welcome-tab__close:hover{background:var(--surface, #EFE8DC)}.welcome-tab__close:focus-visible{outline:2px solid var(--primary, #35432F);outline-offset:2px}.welcome-tab-wrap.is-entering{animation:welcome-tab-in .6s var(--ease-out, ease) both}.welcome-tab-wrap.is-leaving{opacity:0;transform:scale(.6)}body:has(.sticky-buy.is-visible) .welcome-tab-wrap{bottom:calc(96px + env(safe-area-inset-bottom))}body.no-scroll .welcome-tab-wrap,html.cc-open .welcome-tab-wrap{opacity:0;pointer-events:none}@media(max-width:749px){.welcome-tab-wrap{left:12px;width:50px;height:50px}.welcome-tab__gift .icon{width:22px;height:22px}}@keyframes welcome-tab-in{0%{transform:translateY(140%) scale(.8)}to{transform:none}}@keyframes gift-hop{0%,to{transform:none}18%{transform:translateY(-7px) rotate(-8deg)}34%{transform:translateY(0) rotate(5deg) scaleY(.94)}48%{transform:translateY(-3px) rotate(-3deg)}62%{transform:translateY(0) rotate(0)}}.welcome-sheet{z-index:120}.welcome-sheet .drawer__panel{top:auto;bottom:0;left:0;right:0;width:100%;max-height:94vh;overflow-y:auto;overscroll-behavior:contain;display:block;padding:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;transform:translateY(104%)}.welcome-sheet.is-open .drawer__panel{transform:none}.welcome-sheet__close{position:absolute;top:10px;right:10px;z-index:3;background:color-mix(in srgb,var(--bg) 82%,transparent)}.welcome-sheet__visual{position:relative;display:flex;align-items:center;gap:14px;padding:18px 56px 16px 20px;background:var(--surface);overflow:hidden}.welcome-sheet__logo{flex:none;line-height:0}.welcome-sheet__logo .logo--crop{--lw: 112px}.welcome-sheet__word{font-family:var(--font-heading);font-size:1.6rem;line-height:1;color:var(--primary, #35432F)}.welcome-sheet__products{display:flex;margin-left:auto}.welcome-sheet__product{width:58px;height:58px;margin-left:-12px;border-radius:14px;overflow:hidden;background:var(--bg);box-shadow:0 0 0 2px var(--surface),var(--shadow-soft)}.welcome-sheet__product img{width:100%;height:100%;object-fit:cover}.welcome-sheet__product--1{transform:rotate(-6deg)}.welcome-sheet__product--2{transform:translateY(-4px) rotate(3deg);z-index:1}.welcome-sheet__product--3{transform:rotate(8deg)}.welcome-sheet__leaf{position:absolute;right:-18px;bottom:-26px;width:120px;height:120px;color:var(--primary, #35432F);opacity:.08;pointer-events:none}.welcome-sheet__body{padding:20px 20px calc(24px + env(safe-area-inset-bottom))}.welcome-sheet__kicker{display:flex;align-items:center;gap:6px;margin:0 0 6px;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sale, #A35A3C)}.welcome-sheet__kicker .icon{width:14px;height:14px}.welcome-sheet__title{margin:0 0 8px;font-family:var(--font-heading);font-variation-settings:var(--soft-axes);font-size:clamp(1.5rem,5.4vw,2rem);font-weight:400;line-height:1.12;letter-spacing:-.01em}.welcome-sheet__text{margin:0 0 16px;color:var(--text-muted)}.scratch{position:relative;height:148px;border-radius:18px;overflow:hidden;background:var(--bg);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--primary, #35432F) 30%,transparent);touch-action:none;user-select:none;-webkit-user-select:none}.scratch:before,.scratch:after{content:"";position:absolute;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--primary, #35432F) 30%,transparent);z-index:3}.scratch:before{left:-11px}.scratch:after{right:-11px}.scratch__prize{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--sage, #A9B79A) 30%,transparent),transparent 70%),var(--bg);text-align:center}.scratch__value{font-family:var(--font-heading);font-size:3.6rem;line-height:1;letter-spacing:-.02em;color:var(--primary, #35432F)}.scratch__label{font-size:.875rem;color:var(--text-muted)}.scratch__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;cursor:grab;transition:opacity .45s ease}.scratch__canvas:active{cursor:grabbing}.scratch.is-revealed .scratch__canvas{opacity:0;pointer-events:none}.scratch.is-revealed .scratch__value{animation:welcome-pop .6s var(--ease-out, ease) both}@keyframes welcome-pop{0%{transform:scale(.7)}60%{transform:scale(1.12)}to{transform:none}}.welcome-sheet__hint{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:12px 0 0;font-size:.8125rem;color:var(--text-muted)}.welcome-sheet__reveal{font-size:.8125rem}.welcome-form{display:grid;gap:12px}.welcome-form__field{display:grid;gap:5px}.welcome-form__field label{font-size:.8125rem;font-weight:500}.welcome-form__field input{height:48px;padding:0 16px;border:1px solid var(--line-strong, #cfc7b8);border-radius:var(--radius-pill);background:var(--bg);font:inherit;font-size:1rem;color:var(--text)}.welcome-form__field input:focus-visible{outline:2px solid var(--primary, #35432F);outline-offset:1px;border-color:var(--primary, #35432F)}.welcome-form__submit{width:100%;margin-top:2px}.welcome-form__fine{margin:2px 0 0;font-size:.75rem;line-height:1.5;color:var(--text-muted)}.welcome-form__fine a{text-decoration:underline;text-underline-offset:2px}.welcome-form .form-status{margin:0}.welcome-code{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:14px 14px 14px 18px;border:1.5px dashed color-mix(in srgb,var(--primary, #35432F) 45%,transparent);border-radius:16px;background:var(--surface);margin-bottom:12px}.welcome-code__label{grid-column:1 / -1;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.welcome-code__value{font-family:inherit;font-size:1.5rem;font-weight:600;letter-spacing:.06em;color:var(--primary, #35432F);background:none;padding:0;-webkit-user-select:all;user-select:all}.welcome-code__copy{gap:6px}.welcome-code__copy .icon{width:15px;height:15px;display:none}.welcome-code__copy.is-copied .icon{display:inline-block}.welcome-code__use{width:100%;margin-bottom:10px}@media(min-width:750px){.welcome-sheet .drawer__panel{top:50%;bottom:auto;left:50%;right:auto;width:min(780px,calc(100vw - 48px));max-height:calc(100vh - 48px);display:grid;grid-template-columns:5fr 6fr;border-radius:var(--radius-lg);opacity:0;transform:translate(-50%,-46%);transition:transform var(--dur-3) var(--ease-out),opacity var(--dur-3) var(--ease)}.welcome-sheet.is-open .drawer__panel{opacity:1;transform:translate(-50%,-50%)}.welcome-sheet__visual{flex-direction:column;align-items:flex-start;justify-content:space-between;gap:24px;padding:30px 26px 36px;min-height:460px}.welcome-sheet__logo .logo--crop{--lw: 150px}.welcome-sheet__products{position:relative;width:100%;flex:1;margin:0}.welcome-sheet__product{position:absolute;width:150px;height:150px;margin:0;border-radius:20px;box-shadow:0 0 0 3px var(--surface),var(--shadow-lift)}.welcome-sheet__product--1{left:2%;top:4%;transform:rotate(-7deg)}.welcome-sheet__product--2{right:2%;top:26%;transform:rotate(5deg)}.welcome-sheet__product--3{left:18%;bottom:0;transform:rotate(-2deg);z-index:2}.welcome-sheet__leaf{width:220px;height:220px;right:-40px;bottom:-50px}.welcome-sheet__body{padding:40px 34px 30px;align-self:center}.scratch{height:168px}.scratch__value{font-size:4.2rem}}@media(prefers-reduced-motion:reduce){.welcome-tab-wrap.is-entering,.welcome-tab__gift,.welcome-tab-wrap:hover .welcome-tab__gift,.scratch.is-revealed .scratch__value{animation:none}.scratch__canvas{transition:none}}.scratch__icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:4px;border-radius:50%;background:color-mix(in srgb,var(--primary, #35432F) 10%,transparent);color:var(--primary, #35432F)}.scratch__icon .icon{width:22px;height:22px}.scratch__value{font-size:clamp(1.6rem,6.4vw,2.1rem);letter-spacing:-.01em}.scratch.is-revealed .scratch__icon{animation:welcome-pop .6s var(--ease-out, ease) both}.welcome-sheet__photo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;transition:opacity .5s var(--ease, ease);background:#23281f}.welcome-sheet__photo img{width:100%;height:100%;object-fit:cover}.welcome-sheet__photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1619136b,#1619134d 40%,#161913d1)}.welcome-sheet__logo,.welcome-sheet__products{position:relative;z-index:1}.welcome-sheet__caption{display:none}.welcome-sheet:not([data-step=scratch]) .drawer__panel{background:#23281f;color:#f4efe6}.welcome-sheet:not([data-step=scratch]) .welcome-sheet__visual{flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:170px;padding:20px 56px 20px 22px;background:#23281f}.welcome-sheet:not([data-step=scratch]) .welcome-sheet__photo{opacity:1}.welcome-sheet:not([data-step=scratch]) .welcome-sheet__products,.welcome-sheet:not([data-step=scratch]) .welcome-sheet__leaf{display:none}.welcome-sheet:not([data-step=scratch]) .welcome-sheet__logo img{filter:brightness(0) invert(1)}.welcome-sheet:not([data-step=scratch]) .welcome-sheet__word{color:#fbf8f2}.welcome-sheet:not([data-step=scratch]) .welcome-sheet__caption{display:block;position:relative;z-index:1;margin:18px 0 0;font-family:var(--font-heading);font-variation-settings:var(--soft-axes);font-style:italic;font-size:clamp(1.25rem,4.6vw,1.6rem);line-height:1.15;color:#ede3c8}.welcome-sheet:not([data-step=scratch]) .welcome-sheet__close{background:#ffffff24;color:#fbf8f2}.welcome-sheet:not([data-step=scratch]) .welcome-sheet__kicker{color:#c9d3b6}.welcome-sheet:not([data-step=scratch]) .welcome-sheet__title{color:#fbf8f2;font-size:clamp(1.9rem,7vw,2.6rem);line-height:1.05;margin-bottom:12px}.welcome-sheet:not([data-step=scratch]) .welcome-sheet__text{color:#f4efe6cc}.welcome-sheet:not([data-step=scratch]) .welcome-sheet__text strong{color:#fbf8f2;font-weight:600}.welcome-sheet:not([data-step=scratch]) .welcome-form__field label{color:#f4efe6db}.welcome-sheet:not([data-step=scratch]) .welcome-form__field input{background:#ffffff12;border-color:#ffffff4d;color:#fbf8f2}.welcome-sheet:not([data-step=scratch]) .welcome-form__field input::placeholder{color:#f4efe673}.welcome-sheet:not([data-step=scratch]) .welcome-form__field input:focus-visible{outline-color:#ede3c8;border-color:#ede3c8}.welcome-sheet:not([data-step=scratch]) .welcome-form__submit,.welcome-sheet:not([data-step=scratch]) .welcome-done__continue{--btn-bg: #FBF8F2;--btn-fg: #23281F;--btn-border: #FBF8F2;--btn-hover-bg: #EDE3C8;--btn-hover-fg: #23281F;background:#fbf8f2;color:#23281f;border-color:#fbf8f2;gap:8px}.welcome-sheet:not([data-step=scratch]) .welcome-form__submit:hover,.welcome-sheet:not([data-step=scratch]) .welcome-done__continue:hover{background:#ede3c8;border-color:#ede3c8}.welcome-form__submit .icon,.welcome-done__continue .icon{width:16px;height:16px}.welcome-sheet:not([data-step=scratch]) .welcome-form__fine{color:#f4efe69e}.welcome-sheet:not([data-step=scratch]) .welcome-form__fine a{color:inherit}.welcome-sheet:not([data-step=scratch]) .form-status--error{color:#f2b8a2}.welcome-steps{display:grid;gap:10px;margin:0 0 18px;padding:0;list-style:none}.welcome-steps li{display:flex;align-items:center;gap:12px}.welcome-steps__no{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid rgba(237,227,200,.5);color:#ede3c8;font-size:.8125rem;font-weight:600}.welcome-done__continue{width:100%;margin-bottom:10px}@media(min-width:750px){.welcome-sheet:not([data-step=scratch]) .welcome-sheet__visual{min-height:460px;padding:30px 26px 34px}.welcome-sheet:not([data-step=scratch]) .welcome-sheet__caption{font-size:2rem;max-width:12ch}.welcome-sheet:not([data-step=scratch]) .welcome-sheet__title{font-size:2.6rem}.welcome-sheet:not([data-step=scratch]) .welcome-sheet__body{padding:44px 36px 32px}}@media(prefers-reduced-motion:reduce){.welcome-sheet__photo{transition:none}.scratch.is-revealed .scratch__icon{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/welcome-gift.css.map */