signup-event-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-header) + 1);width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--spacing-3);visibility:hidden;opacity:0;pointer-events:none;background-color:rgba(var(--color-overlay),0);transition:visibility var(--duration-default),opacity var(--duration-default),background-color var(--duration-default)}signup-event-popup[open]{visibility:visible;opacity:1;pointer-events:all;background-color:rgba(var(--color-overlay),.55)}.signup-event-popup__wrapper{position:relative;width:100%;max-width:36rem;max-height:calc(100dvh - var(--spacing-6));overflow-y:auto;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));border:.1rem solid rgba(var(--color-border),var(--alpha-border));transform:translateY(1.2rem);transition:transform var(--duration-default)}signup-event-popup[open] .signup-event-popup__wrapper{transform:translateY(0)}.signup-event-popup__close{position:absolute;inset-block-start:var(--spacing-3);inset-inline-end:var(--spacing-3);z-index:2;width:2.8rem;height:2.8rem;display:flex;align-items:center;justify-content:center;padding:0;background-color:transparent;color:rgb(var(--color-foreground));border:0;cursor:pointer;font-size:1.4rem;transition:opacity var(--duration-short)}.signup-event-popup__close:hover{opacity:.6}.signup-event-popup__close:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.signup-event-popup__content{padding:var(--spacing-7) var(--spacing-4) var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-4);text-align:start}.signup-event-popup__event{display:inline-flex;flex-direction:row;align-items:flex-end;align-self:flex-start;gap:var(--spacing-2)}.signup-event-popup__pill{display:inline-block;padding:var(--spacing-1) var(--spacing-3);background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:var(--font-size-static-xs);font-weight:var(--font-weight-medium);letter-spacing:.2rem;text-transform:uppercase;line-height:1.2}.signup-event-popup__heading{margin:0;display:flex;flex-direction:column;gap:var(--spacing-1);color:rgb(var(--color-foreground))}.signup-event-popup__heading-en,.signup-event-popup__heading-zh{display:block;font-size:var(--font-size-static-h6);font-weight:var(--font-weight-medium);line-height:1.15;letter-spacing:-.01em}.signup-event-popup__heading-zh{color:rgba(var(--color-foreground),.75);letter-spacing:0}.signup-event-popup__sub{display:flex;flex-direction:column;gap:var(--spacing-05);color:rgba(var(--color-tertiary-text));font-size:var(--font-size-static-base);line-height:1.5}.signup-event-popup__sub p{margin:0}.signup-event-popup__steps{list-style:none;margin:0;padding:var(--spacing-4) 0;display:flex;flex-direction:column;gap:var(--spacing-3);border-block-start:.1rem solid rgba(var(--color-border),var(--alpha-border));border-block-end:.1rem solid rgba(var(--color-border),var(--alpha-border))}.signup-event-popup__step{display:flex;align-items:flex-start;gap:var(--spacing-3);font-size:var(--font-size-static-base);color:rgb(var(--color-foreground));line-height:1.4}.signup-event-popup__step-num{flex:0 0 auto;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));border-radius:50%;font-size:var(--font-size-static-xs);font-weight:var(--font-weight-medium);line-height:1}.signup-event-popup__step-text{min-width:0;display:inline-flex;flex-wrap:wrap;gap:var(--spacing-1) var(--spacing-2);align-items:baseline}.signup-event-popup__step-en{font-weight:var(--font-weight-medium)}.signup-event-popup__step-zh{color:rgba(var(--color-tertiary-text))}.signup-event-popup__step--done .signup-event-popup__step-num{background-color:rgba(var(--color-foreground),.4);font-size:var(--font-size-static-sm)}.signup-event-popup__step--done .signup-event-popup__step-en,.signup-event-popup__step--done .signup-event-popup__step-zh{color:rgba(var(--color-tertiary-text));text-decoration:line-through;text-decoration-thickness:.05rem}.signup-event-popup__cta{display:flex;flex-direction:column;gap:var(--spacing-3);align-items:center;margin-block-start:var(--spacing-2)}.signup-event-popup__cta-primary{width:100%}.signup-event-popup__cta-secondary{background:transparent;border:0;padding:var(--spacing-1) var(--spacing-3);color:rgba(var(--color-tertiary-text));font-size:var(--font-size-static-sm);text-decoration:underline;text-underline-offset:.3rem;cursor:pointer;transition:color var(--duration-short)}.signup-event-popup__cta-secondary:hover{color:rgb(var(--color-foreground))}.signup-event-popup__cta-secondary:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}@media screen and (min-width:750px){.signup-event-popup__wrapper{max-width:48rem}.signup-event-popup__content{padding:var(--spacing-7) var(--spacing-6) var(--spacing-6);gap:var(--spacing-5)}.signup-event-popup__heading{gap:var(--spacing-05)}.signup-event-popup__heading-en,.signup-event-popup__heading-zh{font-size:var(--font-size-static-h5)}}@media screen and (min-width:990px){signup-event-popup{padding:var(--spacing-5)}.signup-event-popup__wrapper{max-width:60rem}.signup-event-popup__content{padding:var(--spacing-8) var(--spacing-7) var(--spacing-7);gap:var(--spacing-6)}.signup-event-popup__heading-en,.signup-event-popup__heading-zh{font-size:calc(var(--font-size-static-h5) * 1.15)}.signup-event-popup__sub{font-size:var(--font-size-static-md)}.signup-event-popup__steps{padding:var(--spacing-5) 0}.signup-event-popup__step-num{width:2.4rem;height:2.4rem;font-size:var(--font-size-static-sm)}}@media screen and (max-width:374px){.signup-event-popup__content{padding:var(--spacing-6) var(--spacing-3) var(--spacing-3);gap:var(--spacing-3)}}.announcement-bar.signup-event-popup-trigger{cursor:pointer}.announcement-bar.signup-event-popup-trigger:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:-2px}@media(prefers-reduced-motion:reduce){signup-event-popup,.signup-event-popup__wrapper,.signup-event-popup__close,.signup-event-popup__cta-secondary{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-signup-event-popup.css.map */