.loyalty-modal{--modal-accent: var(--color-accent, #f5a623);--modal-accent-hover: var(--color-accent-dark, #e09000);--modal-text: var(--color-foreground, #1a1a1a);--modal-text-muted: var(--color-foreground-muted, #666);--modal-bg: var(--color-background, #fff);--modal-border: var(--color-border, #e5e5e5);--modal-success: var(--color-success, #22c55e);--modal-error: var(--color-error, #dc2626);--modal-radius: 16px;--modal-radius-sm: 8px}.loyalty-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;visibility:hidden;transition:opacity .35s cubic-bezier(.4,0,.2,1),visibility .35s cubic-bezier(.4,0,.2,1)}.loyalty-modal[aria-hidden=false]{opacity:1;visibility:visible}.loyalty-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);will-change:backdrop-filter;cursor:pointer}.loyalty-modal__container{position:relative;background:var(--modal-bg);border-radius:var(--modal-radius);max-width:480px;width:100%;max-height:90vh;overflow-y:auto;transform:scale(.96) translateY(10px);transition:transform .35s cubic-bezier(.4,0,.2,1);box-shadow:0 0 0 1px #0000000d,0 20px 25px -5px #0000001a,0 40px 60px -15px #0003}.loyalty-modal__container--with-image{max-width:860px;display:grid;grid-template-columns:55% 45%;overflow:hidden}.loyalty-modal__container--with-image .loyalty-modal__content{overflow-y:auto;max-height:90vh}.loyalty-modal__container--with-image .loyalty-modal__image{margin:0;border-radius:0;order:1}.loyalty-modal__container--with-image .loyalty-modal__img{width:100%;height:100%;object-fit:cover}.loyalty-modal[aria-hidden=false] .loyalty-modal__container{transform:scale(1) translateY(0)}.loyalty-modal__close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--modal-bg);border:1px solid var(--modal-border);border-radius:50%;cursor:pointer;color:var(--modal-text-muted);transition:all .2s ease;z-index:1}.loyalty-modal__close:hover{color:var(--modal-text);border-color:var(--modal-text-muted);transform:scale(1.05)}.loyalty-modal__close:active{transform:scale(.95)}.loyalty-modal__close svg{width:18px;height:18px}.loyalty-modal__content{padding:2.5rem}.loyalty-modal__content--left .loyalty-modal__header{text-align:left}.loyalty-modal__content--center .loyalty-modal__header{text-align:center}.loyalty-modal__content--center .loyalty-modal__subtitle p,.loyalty-modal__content--left .loyalty-modal__subtitle p{text-align:inherit}.loyalty-modal__header{margin-bottom:1.75rem}.loyalty-modal__title{margin:0 0 .5rem;color:var(--modal-text)}.loyalty-modal__subtitle{color:var(--modal-text-muted);margin:0}.loyalty-modal__subtitle p{margin:0}.loyalty-modal__image{margin-bottom:1.5rem;border-radius:var(--modal-radius-sm);overflow:hidden}.loyalty-modal__img{width:100%;height:auto;display:block}.loyalty-modal__form{display:flex;flex-direction:column;gap:1.25rem}.loyalty-modal__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.loyalty-modal__field{display:flex;flex-direction:column;gap:.5rem}.loyalty-modal__label{color:var(--modal-text);text-align:left}.loyalty-modal__input{padding:.875rem 1rem;border:1px solid var(--modal-border);border-radius:var(--modal-radius-sm);transition:border-color .2s ease,box-shadow .2s ease;width:100%;background:var(--modal-bg);color:var(--modal-text)}.loyalty-modal__input:hover{border-color:var(--modal-text-muted)}.loyalty-modal__input:focus{outline:none;border-color:var(--modal-accent);box-shadow:0 0 0 3px #f5a6231f}.loyalty-modal__input::placeholder{color:var(--modal-text-muted);opacity:.6}.loyalty-modal__checkbox{display:flex;align-items:flex-start;gap:.75rem;margin-top:.25rem}.loyalty-modal__checkbox-input{width:18px;height:18px;margin-top:2px;cursor:pointer;accent-color:var(--modal-accent);flex-shrink:0}.loyalty-modal__checkbox-label{color:var(--modal-text-muted);cursor:pointer}.loyalty-modal__submit{margin-top:.75rem;padding:1rem 1.5rem;border:none;border-radius:var(--modal-radius-sm);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.loyalty-modal__submit:disabled{opacity:.5;cursor:not-allowed}.loyalty-modal__submit:not(:disabled):active{transform:scale(.98)}.loyalty-modal__turnstile{margin-top:.25rem}.loyalty-modal__spinner{animation:loyalty-spin .8s linear infinite}@keyframes loyalty-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loyalty-modal__success{text-align:center;padding:1.5rem 0}.loyalty-modal__success-icon{color:var(--modal-success);margin-bottom:1.25rem;animation:loyalty-success-pop .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes loyalty-success-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.loyalty-modal__success-title{margin:0 0 .5rem;color:var(--modal-text)}.loyalty-modal__success-text{color:var(--modal-text-muted);margin:0 0 1.75rem}.loyalty-modal__success-close{min-width:140px}.loyalty-modal__error{background:#dc26260f;border:1px solid rgba(220,38,38,.2);border-radius:var(--modal-radius-sm);padding:.875rem 1rem;margin-top:1rem}.loyalty-modal__error-text{color:var(--modal-error);margin:0}@media (max-width: 640px){.loyalty-modal{padding:0;align-items:flex-end}.loyalty-modal__container{max-width:100%;border-radius:20px 20px 0 0;max-height:92vh;overflow-y:auto;transform:translateY(100%)}.loyalty-modal[aria-hidden=false] .loyalty-modal__container{transform:translateY(0)}.loyalty-modal__container--with-image{grid-template-columns:1fr;display:block}.loyalty-modal__container--with-image .loyalty-modal__content{max-height:none;overflow-y:visible}.loyalty-modal__container--with-image .loyalty-modal__image{display:none}.loyalty-modal__content{padding:1.5rem 1.25rem 2rem}.loyalty-modal__row{grid-template-columns:1fr}.loyalty-modal__close{width:32px;height:32px}.loyalty-modal__close svg{width:16px;height:16px}}body.loyalty-modal-open{overflow:hidden}.loyalty-modal__form,.loyalty-modal__success{animation:loyalty-fadeIn .3s cubic-bezier(.4,0,.2,1)}@keyframes loyalty-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.loyalty-modal,.loyalty-modal__container,.loyalty-modal__form,.loyalty-modal__success,.loyalty-modal__success-icon{animation:none;transition:opacity .15s ease}.loyalty-modal__container{transform:none!important}.loyalty-modal__spinner{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/loyalty-modal-growly.css.map */