.ttj-pincode-modal{position:fixed;top:0;left:0;width:100%;height:100vh;height:100svh;z-index:100000;pointer-events:none;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:1.6rem;padding-bottom:calc(1.6rem + env(safe-area-inset-bottom,0px));color:var(--ttj-ink, #211925);font-family:var(--font-body-family, sans-serif)}.ttj-pincode-modal[hidden]{display:none}.ttj-pincode-modal [hidden]{display:none!important}.ttj-pincode-modal *,.ttj-pincode-modal *:before,.ttj-pincode-modal *:after{box-sizing:border-box}.ttj-pincode-modal .ttj-pincode-modal__backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:auto;background:#00000080}.ttj-pincode-modal__dialog{position:relative;z-index:1;pointer-events:auto;width:100%;max-width:44rem;max-height:calc(100vh - 3.2rem - env(safe-area-inset-bottom,0px));max-height:calc(100svh - 3.2rem - env(safe-area-inset-bottom,0px));margin:auto;overflow-y:auto;overscroll-behavior:contain;padding:3.2rem 2.4rem 2.8rem;text-align:center;background:var(--ttj-surface, #fff);border:1px solid var(--ttj-border, #f0eaf5);border-top:.3rem solid var(--ttj-gold, #c69c55);border-radius:var(--ttj-radius, 1rem);box-shadow:0 18px 40px -8px #21192559,0 4px 12px #2119251f;opacity:0;transform:translateY(1.2rem);transition:opacity .22s ease,transform .22s ease}.ttj-pincode-modal.is-open .ttj-pincode-modal__dialog{opacity:1;transform:none}.ttj-pincode-modal__dialog:focus{outline:none}.ttj-pincode-modal__title{margin:0 0 1rem;font-family:var(--font-heading-family, inherit);font-size:2.4rem;font-weight:600;line-height:1.25;letter-spacing:0;color:var(--ttj-deep, #642b77)}.ttj-pincode-modal__text{margin:0 0 1.6rem;font-size:1.5rem;line-height:1.5;letter-spacing:0;color:var(--ttj-muted, #6b5e6e)}.ttj-pincode-modal__points{display:grid;gap:.8rem;margin:0 0 2.2rem;padding:1.2rem 1.4rem;list-style:none;text-align:left;background:var(--ttj-gold-light, #f9f4eb);border-radius:var(--ttj-radius-sm, .8rem)}.ttj-pincode-modal__point{display:flex;align-items:flex-start;gap:1rem;margin:0;padding:0;font-size:1.35rem;line-height:1.45;letter-spacing:0;color:var(--ttj-ink, #211925)}.ttj-pincode-modal__point-icon{flex-shrink:0;display:inline-flex;margin-top:.1rem;color:var(--ttj-gold-ink, #725b38)}.ttj-pincode-modal__form{margin:0}.ttj-pincode-modal__label{display:block;margin:0 0 .8rem;font-size:1.4rem;font-weight:600;line-height:1.3;letter-spacing:0;text-align:left;color:var(--ttj-deep, #642b77)}.ttj-pincode-modal__row{display:flex;align-items:stretch;gap:.8rem;min-width:0}.ttj-pincode-modal__input{flex:1 1 auto;min-width:0;height:4.6rem;margin:0;padding:0 1.4rem;font-family:inherit;font-size:16px;line-height:1.2;letter-spacing:.02em;color:var(--ttj-ink, #211925);background-color:#fff;border:1px solid var(--ttj-border-subtle, #e9e9eb);border-radius:var(--inputs-radius, var(--ttj-radius-sm, .8rem));-webkit-appearance:none;appearance:none}.ttj-pincode-modal__input::placeholder{color:var(--ttj-muted, #6b5e6e);opacity:.8}.ttj-pincode-modal__input:focus{outline:none;border-color:var(--ttj-purple, #783f8c)}.ttj-pincode-modal__input:focus-visible{outline:.2rem solid var(--ttj-purple, #783f8c);outline-offset:.1rem}.ttj-pincode-modal__input[aria-invalid=true]{border-color:#b3261e}.ttj-pincode-modal__button{position:relative;flex:0 0 auto;height:4.6rem;margin:0;padding:0 2.4rem;font-family:inherit;font-size:1.5rem;font-weight:600;line-height:1;letter-spacing:.02em;white-space:nowrap;cursor:pointer;color:#fff;background-color:var(--ttj-purple, #783f8c);border:1px solid var(--ttj-purple, #783f8c);border-radius:var(--inputs-radius, var(--ttj-radius-sm, .8rem));transition:background-color .2s ease}.ttj-pincode-modal__button:hover,.ttj-pincode-modal__button:focus-visible{background-color:var(--ttj-deep, #642b77)}.ttj-pincode-modal__button:focus-visible,.ttj-pincode-modal__continue:focus-visible{outline:.2rem solid var(--ttj-purple, #783f8c);outline-offset:.2rem}.ttj-pincode-modal__spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;line-height:0;pointer-events:none}.ttj-pincode-modal__spinner .spinner{width:2rem;height:auto;color:currentColor}.ttj-pincode-modal.is-loading .ttj-pincode-modal__button{cursor:progress}.ttj-pincode-modal.is-loading .ttj-pincode-modal__spinner{display:flex}.ttj-pincode-modal.is-loading .ttj-pincode-modal__button-label{visibility:hidden}.ttj-pincode-modal__result{display:flex;align-items:flex-start;justify-content:center;gap:.6rem;margin:1.4rem 0 0;font-size:1.4rem;font-weight:500;line-height:1.45;letter-spacing:0;text-align:left;overflow-wrap:anywhere}.ttj-pincode-modal__result[hidden]{display:none}.ttj-pincode-modal__icon{flex-shrink:0;display:inline-flex;margin-top:.15em}.ttj-pincode-modal__result.is-error{color:#b3261e}.ttj-pincode-modal__result.is-unavailable{color:#9a5400}.ttj-pincode-modal__continue{margin:1.6rem 0 0;padding:1.1rem 2rem;font-family:inherit;font-size:1.4rem;font-weight:600;cursor:pointer;color:var(--ttj-purple, #783f8c);background:transparent;border:1px solid var(--ttj-purple, #783f8c);border-radius:var(--inputs-radius, var(--ttj-radius-sm, .8rem))}.ttj-pincode-modal__continue[hidden]{display:none}.ttj-pincode-modal__success-icon{display:inline-flex;align-items:center;justify-content:center;width:5.2rem;height:5.2rem;margin:0 0 1.4rem;color:var(--ttj-gold-ink, #725b38);background:var(--ttj-gold-light, #f9f4eb);border:1px solid var(--ttj-gold, #c69c55);border-radius:50%}.ttj-pincode-modal__continue-success{width:100%;max-width:28rem}.ttj-pincode-modal__continue-success:focus-visible{outline:.2rem solid var(--ttj-purple, #783f8c);outline-offset:.2rem}.ttj-pincode-modal__continue:hover{color:#fff;background-color:var(--ttj-purple, #783f8c)}@media screen and (max-width:480px){.ttj-pincode-modal__dialog{padding:2.6rem 1.8rem 2.4rem}.ttj-pincode-modal__points{padding:1rem 1.2rem}.ttj-pincode-modal__title{font-size:2.1rem}.ttj-pincode-modal__button{padding:0 1.8rem}}@media(prefers-reduced-motion:reduce){.ttj-pincode-modal__dialog,.ttj-pincode-modal__button{transition:none}}@media screen and (forced-colors:active){.ttj-pincode-modal__dialog{border:2px solid CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ttj-pincode-modal.css.map */