.tooto-subscribe{--tooto-subscribe-accent: #ff6d08;--tooto-wave-height: clamp(140px, 13.75vw, 352px);position:relative;isolation:isolate;padding:clamp(56px,5.6vw,143px) 24px;border-radius:0;background:var(--tooto-subscribe-accent);color:#fff;text-align:center;font-family:"Noto Sans TC",var(--body-font-family)}.tooto-subscribe__waves{position:absolute;z-index:0;inset:auto 0 0;height:var(--tooto-wave-height);background:url(tooto-subscribe-waves.svg) left bottom / 100% 100% no-repeat;pointer-events:none}.tooto-subscribe__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:clamp(24px,2.43vw,62px);width:100%;max-width:var(--page-content-width, 1440px);margin-inline:auto}.tooto-subscribe__lead{display:flex;flex-direction:column;align-items:center;gap:clamp(14px,1.11vw,28px)}.tooto-subscribe__heading{margin:0;font-family:inherit;font-size:clamp(28px,2.78vw,40px);font-weight:700;line-height:1.2;color:inherit}.tooto-subscribe__text{margin:0;font-size:clamp(16px,1.39vw,20px);font-weight:400;line-height:1.6}.tooto-subscribe__text p{margin:0}.tooto-subscribe__form{position:relative;width:clamp(320px,33.3vw,640px);max-width:100%;margin:0}.tooto-subscribe__field{display:flex;align-items:center;justify-content:space-between;gap:12px;height:clamp(46px,3.2vw,62px);padding:0 clamp(14px,.97vw,25px) 0 clamp(27px,1.88vw,48px);border-radius:100px;background:#fff;transition:box-shadow .25s ease}.tooto-subscribe__field:focus-within{box-shadow:0 0 0 3px #ffffff8c,0 0 0 5px #3c3e3f4d}.tooto-subscribe__field input{flex:1 1 auto;min-width:0;height:100%;padding:0;border:0;border-radius:0;outline:0;box-shadow:none;background:transparent;-webkit-appearance:none;appearance:none;font-family:Arimo,"Noto Sans TC",var(--body-font-family);font-size:clamp(13.6px,.95vw,18px);color:#1a1a1a}.tooto-subscribe__field input::placeholder{color:#8a8c8b;opacity:1}.tooto-subscribe__field button{flex:0 0 auto;display:grid;place-items:center;width:clamp(34px,2.36vw,46px);height:clamp(34px,2.36vw,46px);padding:0;border:0;border-radius:50%;background:transparent;color:#000;cursor:pointer}.tooto-subscribe__field button svg{display:block;transition:transform .35s cubic-bezier(.22,1,.36,1)}.tooto-subscribe__field button:hover svg{transform:translate(4px)}.tooto-subscribe__field button:focus-visible{outline:2px solid #1a1a1a;outline-offset:1px}.tooto-subscribe__note{position:absolute;top:100%;left:0;right:0;margin:10px 0 0;font-size:13px;line-height:20px;color:#fff}@media(prefers-reduced-motion:no-preference){.tooto-subscribe__heading,.tooto-subscribe__text,.tooto-subscribe__form{transition:opacity .9s ease,transform 1.1s cubic-bezier(.22,1,.36,1)}.tooto-subscribe.anim-ready:not(.is-in) .tooto-subscribe__heading,.tooto-subscribe.anim-ready:not(.is-in) .tooto-subscribe__text,.tooto-subscribe.anim-ready:not(.is-in) .tooto-subscribe__form{opacity:0;transform:translateY(26px)}.tooto-subscribe.is-in .tooto-subscribe__heading{transition-delay:0s}.tooto-subscribe.is-in .tooto-subscribe__text{transition-delay:.14s}.tooto-subscribe.is-in .tooto-subscribe__form{transition-delay:.3s}}@media(max-width:749px){.tooto-subscribe{--tooto-wave-height: 120px;padding:56px 24px;border-radius:0}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/tooto-subscribe.css.map */