#zh-toast{position:fixed;left:50%;bottom:2.4rem;transform:translate(-50%,1.6rem);z-index:1000;padding:1rem 1.8rem;border-radius:var(--buttons-radius, 4px);background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.3rem;letter-spacing:.06rem;opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease;max-width:calc(100vw - 4rem);text-align:center}#zh-toast.is-visible{opacity:1;transform:translate(-50%)}.zh-sticky-atc{position:fixed;left:0;right:0;bottom:0;z-index:998;display:flex;align-items:center;gap:1.2rem;padding:1rem 1.6rem calc(1rem + env(safe-area-inset-bottom));background:rgb(var(--color-background));border-top:1px solid rgba(var(--color-foreground),.12);box-shadow:0 -6px 20px rgba(var(--color-shadow),.12);transform:translateY(110%);transition:transform .24s ease}.zh-sticky-atc.is-visible{transform:translateY(0)}.zh-sticky-atc__info{display:flex;align-items:center;gap:1rem;min-width:0;flex:1}.zh-sticky-atc__img{width:40px;height:40px;object-fit:cover;border-radius:3px;flex:0 0 auto}.zh-sticky-atc__text{display:flex;flex-direction:column;min-width:0}.zh-sticky-atc__title{font-size:1.3rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgb(var(--color-foreground))}.zh-sticky-atc__price{font-size:1.2rem;opacity:.72}.zh-sticky-atc__btn{flex:0 0 auto;min-height:4.4rem;padding:0 2rem}@media screen and (min-width:990px){.zh-sticky-atc{display:none}}.zh-copyable{cursor:pointer;border-bottom:1px dashed rgba(var(--color-foreground),.4);transition:color .15s ease,border-color .15s ease;display:inline-block}.zh-copyable:hover,.zh-copyable:focus-visible{border-bottom-color:rgb(var(--color-foreground))}.zh-copyable:after{content:"\29c9";font-size:.85em;margin-left:.5rem;opacity:.5}.zh-copyable.zh-copied:after{content:"\2713";opacity:1}.zh-recent{margin:5rem auto 4rem}.zh-recent__head{display:flex;align-items:baseline;justify-content:space-between;gap:1.6rem}.zh-recent__title{font-family:var(--font-heading-family);font-size:1.8rem;margin:0 0 1.6rem;letter-spacing:.08rem}.zh-recent__clear{background:none;border:0;cursor:pointer;font-size:1.2rem;opacity:.6;color:rgb(var(--color-foreground));text-decoration:underline;padding:0}.zh-recent__clear:hover{opacity:1}.zh-recent__rail{display:grid;grid-auto-flow:column;grid-auto-columns:44%;gap:1.4rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1rem;-webkit-overflow-scrolling:touch}@media screen and (min-width:750px){.zh-recent__rail{grid-auto-columns:19%}}.zh-recent__card{scroll-snap-align:start;text-decoration:none;color:rgb(var(--color-foreground));display:flex;flex-direction:column;gap:.6rem}.zh-recent__img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--product-card-corner-radius, 0);background:rgba(var(--color-foreground),.05)}.zh-recent__img--empty{display:block}.zh-recent__name{font-size:1.3rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.zh-recent__price{font-size:1.2rem;opacity:.7}.zh-totop{position:fixed;right:1.8rem;bottom:1.8rem;z-index:997;width:4.2rem;height:4.2rem;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(var(--color-foreground),.15);background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;opacity:0;pointer-events:none;transform:translateY(.8rem);transition:opacity .2s ease,transform .2s ease;box-shadow:0 4px 14px rgba(var(--color-shadow),.16)}.zh-totop.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}body[data-zh-template=product] .zh-totop{bottom:8.4rem}@media screen and (min-width:990px){body[data-zh-template=product] .zh-totop{bottom:1.8rem}}.zh-ship{padding:1.4rem 1.6rem 0}.zh-ship__label{margin:0 0 .7rem;font-size:1.2rem;letter-spacing:.05rem}.zh-ship__track{height:4px;border-radius:2px;background:rgba(var(--color-foreground),.12);overflow:hidden}.zh-ship__fill{display:block;height:100%;background:rgb(var(--color-foreground));transition:width .4s ease}.zh-egg-zerohour:before{content:"";position:fixed;top:0;left:-30vw;width:30vw;height:100vh;z-index:996;pointer-events:none;background:linear-gradient(90deg,#fff0,#ffffff24,#fff0);animation:zh-sweep 5s ease-in-out 1.2s 2}@keyframes zh-sweep{to{left:130vw}}.zh-zerohour-mark{position:fixed;left:50%;top:2rem;transform:translate(-50%,-1rem);z-index:999;display:flex;align-items:center;gap:.8rem;padding:.8rem 1.6rem;border-radius:999px;background:rgba(var(--color-foreground),.92);color:rgb(var(--color-background));font-size:1.2rem;letter-spacing:.14rem;text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity .4s ease,transform .4s ease}.zh-zerohour-mark.is-visible{opacity:1;transform:translate(-50%)}.zh-zerohour-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:zh-pulse 1.6s ease-in-out infinite}@keyframes zh-pulse{0%,to{opacity:1}50%{opacity:.25}}.zh-egg-ghost{filter:grayscale(1) contrast(1.15);transition:filter .6s ease}.zh-egg-ghost:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:995;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,rgba(255,240,200,.16),transparent 55%),radial-gradient(ellipse at 50% 50%,transparent 40%,rgba(0,0,0,.55) 100%);animation:zh-flicker .45s steps(2,end) infinite}@keyframes zh-flicker{0%,to{opacity:1}50%{opacity:.82}}.zh-egg-crank{animation:zh-shake .14s linear 14}@keyframes zh-shake{0%,to{transform:translate(0)}25%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(-1px,-1px)}}.zh-tach{position:fixed;right:2rem;bottom:2rem;z-index:999;pointer-events:none;opacity:0;transition:opacity .3s ease}.zh-tach.is-running{opacity:1}.zh-tach__face{fill:rgba(var(--color-background),.92);stroke:rgba(var(--color-foreground),.35);stroke-width:2}.zh-tach__needle{stroke:rgb(var(--color-foreground));stroke-width:3;stroke-linecap:round;transform-origin:60px 60px;transform:rotate(-120deg)}.zh-tach.is-running .zh-tach__needle{animation:zh-rev 2.2s cubic-bezier(.2,.8,.3,1)}@keyframes zh-rev{0%{transform:rotate(-120deg)}18%{transform:rotate(70deg)}34%{transform:rotate(-40deg)}52%{transform:rotate(110deg)}70%{transform:rotate(-10deg)}to{transform:rotate(-120deg)}}.zh-tach__label{fill:rgba(var(--color-foreground),.6);font-size:11px;letter-spacing:2px}.zh-notes{position:fixed;right:2rem;bottom:2rem;z-index:999;max-width:30rem;padding:2rem 2.4rem 2.2rem;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.18);border-radius:var(--popup-corner-radius, 6px);box-shadow:0 10px 30px rgba(var(--color-shadow),.2);opacity:0;transform:translateY(1rem);transition:opacity .28s ease,transform .28s ease}.zh-notes.is-visible{opacity:1;transform:translateY(0)}.zh-notes__close{position:absolute;top:.6rem;right:.9rem;background:none;border:0;cursor:pointer;font-size:2rem;line-height:1;color:rgba(var(--color-foreground),.55)}.zh-notes__kicker{margin:0 0 .8rem;font-size:1.05rem;letter-spacing:.2rem;text-transform:uppercase;opacity:.55}.zh-notes__body{margin:0;font-family:var(--font-heading-family);font-size:1.6rem;line-height:1.4}@media(prefers-reduced-motion:reduce){.zh-sticky-atc,#zh-toast,.zh-totop,.zh-notes,.zh-zerohour-mark,.zh-ship__fill{transition:none}.zh-egg-zerohour:before,.zh-egg-ghost:after,.zh-egg-crank,.zh-tach.is-running .zh-tach__needle,.zh-zerohour-dot{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/zh-interactions.css.map */