body:before{content:"user-auth-css-loaded";display:none}:root{--auth-primary-color: #007AFF;--auth-primary-hover: #005FCC;--auth-dark-color: #333333;--auth-text-color: #666666;--auth-border-color: #E0E0E0;--auth-background-white: #FFFFFF;--auth-shadow: 0 4px 20px rgba(0, 0, 0, .1);--auth-radius: 8px;--auth-transition: all .2s ease-in-out}.auth-hover-menu{position:absolute;top:calc(100% + 8px);right:0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--auth-transition);z-index:1000;display:none}.auth-hover-menu.ready{display:block}.auth-hover-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.auth-hover-menu--iframe{min-width:160px;min-height:120px}.auth-hover-iframe{width:100%;height:120px;border:none;border-radius:var(--auth-radius);background:var(--auth-background-white);box-shadow:var(--auth-shadow)}.auth-hover-fallback{position:absolute;top:0;left:0;width:100%;height:100%}.auth-menu-card{background:var(--auth-background-white);border-radius:var(--auth-radius);padding:16px;box-shadow:var(--auth-shadow);min-width:140px;border:1px solid var(--auth-border-color)}.auth-btn{display:block;width:100%;padding:8px 16px;margin-bottom:8px;border:none;border-radius:4px;font-size:14px;font-weight:500;text-align:center;cursor:pointer;transition:var(--auth-transition);text-decoration:none}.auth-btn--login{background:var(--auth-primary-color);color:#fff}.auth-btn--login:hover{background:var(--auth-primary-hover)}.auth-link{display:block;color:var(--auth-text-color);text-decoration:none;font-size:14px;text-align:center;padding:4px;transition:var(--auth-transition)}.auth-link:hover{color:var(--auth-primary-color)}.user-greeting{font-size:14px;font-weight:600;color:var(--auth-dark-color);text-align:center;padding:8px 4px;border-bottom:1px solid var(--auth-border-color);margin-bottom:4px}.auth-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;opacity:0;visibility:hidden;transition:var(--auth-transition)}.auth-modal.show{opacity:1;visibility:visible}.auth-modal__backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;cursor:pointer;z-index:9998}.auth-modal__content{position:relative;background:var(--auth-background-white);border-radius:var(--auth-radius);max-width:400px;margin:10% auto;box-shadow:var(--auth-shadow);transform:scale(.95);transition:var(--auth-transition);z-index:9999}.auth-modal.show .auth-modal__content{transform:scale(1)}.auth-modal__header{position:relative;padding:16px;border-bottom:1px solid var(--auth-border-color)}.auth-modal__back,.auth-modal__close{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;color:var(--auth-text-color);transition:var(--auth-transition)}.auth-modal__back{left:16px;display:none}.auth-modal__close{right:16px}.auth-modal__back:hover,.auth-modal__close:hover{color:var(--auth-dark-color)}.auth-modal__body{padding:24px}.auth-modal__title{font-size:24px;font-weight:600;text-align:center;margin-bottom:24px;color:var(--auth-dark-color)}.auth-form__field{margin-bottom:16px}.auth-form__input{width:100%;padding:12px 16px;border:1px solid var(--auth-border-color);border-radius:4px;font-size:16px;transition:var(--auth-transition)}.auth-form__input:focus{outline:none;border-color:var(--auth-primary-color);box-shadow:0 0 0 2px #007aff1a}.auth-form__btn{width:100%;padding:12px;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:var(--auth-transition);margin-bottom:16px}.auth-form__btn--primary{background:var(--auth-dark-color);color:#fff}.auth-form__btn--primary:hover{background:#222}.auth-form__link{display:block;text-align:center;color:var(--auth-primary-color);text-decoration:none;margin-bottom:16px;font-weight:500}.auth-form__link:hover{text-decoration:underline}.auth-form__divider{text-align:center;margin:20px 0;position:relative;color:var(--auth-text-color)}.auth-form__divider:before,.auth-form__divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:var(--auth-border-color)}.auth-form__divider:before{left:0}.auth-form__divider:after{right:0}.auth-form__social{display:flex;gap:12px;justify-content:center}.auth-social-btn{width:48px;height:48px;border:1px solid var(--auth-border-color);border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--auth-transition)}.auth-social-btn:hover{border-color:var(--auth-primary-color);transform:translateY(-1px)}.auth-modal__content--register{padding:0;overflow:hidden}.auth-modal__offer-section{background:linear-gradient(135deg,#4a90e2,#007aff);color:#fff;padding:24px;text-align:center;position:relative}.auth-modal__content--register .auth-modal__close{color:#fff;right:24px;top:24px;position:absolute}.auth-offer__title{font-size:20px;font-weight:600;margin-bottom:8px}.auth-offer__subtitle{font-size:16px;margin-bottom:20px;opacity:.9}.auth-offer__coupons{display:flex;justify-content:center}.auth-offer__image{max-width:100%;height:auto;border-radius:4px}.auth-modal__form-section{padding:24px}.auth-form__checkboxes{margin-bottom:20px}.auth-checkbox{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px;cursor:pointer}.auth-checkbox input[type=checkbox]{display:none}.auth-checkbox__mark{width:16px;height:16px;border:1px solid var(--auth-border-color);border-radius:2px;background:#fff;flex-shrink:0;position:relative;margin-top:2px}.auth-checkbox input:checked+.auth-checkbox__mark{background:var(--auth-primary-color);border-color:var(--auth-primary-color)}.auth-checkbox input:checked+.auth-checkbox__mark:after{content:"\2713";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:10px;font-weight:700}.auth-checkbox__text{font-size:13px;line-height:1.4;color:var(--auth-text-color)}.auth-checkbox__text .auth-link{display:inline;color:var(--auth-primary-color);text-decoration:none}.auth-checkbox__text .auth-link:hover{text-decoration:underline}.auth-form__footer{text-align:center;margin-top:16px;font-size:14px;color:var(--auth-text-color)}.auth-form__switch{color:var(--auth-primary-color);text-decoration:none;cursor:pointer}.auth-form__switch:hover{text-decoration:underline}.auth-modal__body--iframe{padding:0;overflow:hidden}.auth-iframe-container{position:relative;width:100%;height:100%;overflow:hidden}.auth-iframe{width:100%;height:100%;border:none;border-radius:0 0 var(--auth-radius) var(--auth-radius)}.auth-iframe-fallback{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--auth-background-white);color:var(--auth-text-color);text-align:center;padding:20px}.auth-iframe-fallback h3{margin-bottom:10px;color:var(--auth-dark-color)}.auth-iframe-fallback a{color:var(--auth-primary-color);text-decoration:none}.auth-iframe-fallback a:hover{text-decoration:underline}.auth-modal__content,.auth-modal__content--register{max-width:800px;max-height:600px}#loginModal,#registerModal{--auth-background-white: transparent}#loginModal .auth-modal__content,#registerModal .auth-modal__content,.auth-modal__content--login-iframe,.auth-modal__content--register{background:none!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;border:none!important;border-radius:8px!important;margin:0!important;padding:0!important;width:520px!important;height:auto!important;min-height:400px;max-width:520px;max-height:calc(100vh - 140px);position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;overflow:hidden!important}#loginModal .auth-modal__body,#registerModal .auth-modal__body,#loginModal .auth-iframe-container,#registerModal .auth-iframe-container{background:transparent!important;box-shadow:none!important;border:none!important;padding:0!important;margin:0!important}#loginModal iframe,#registerModal iframe{background:transparent;display:block;width:100%;height:100%;overflow:hidden;scrollbar-width:none}#loginModal iframe::-webkit-scrollbar,#registerModal iframe::-webkit-scrollbar{display:none;width:0;height:0}.auth-modal__body--iframe{height:100%;padding:0;overflow:hidden;background:none!important}.auth-modal__body--iframe.login-iframe{height:100%}.auth-iframe-container{background:none!important}.auth-modal__content--login-iframe .auth-modal__header,.auth-modal__content--login-iframe .auth-modal__close,.auth-modal__content--register .auth-modal__header,.auth-modal__content--register .auth-modal__close{display:none!important}#loginModal .auth-modal__backdrop,#registerModal .auth-modal__backdrop{background:#00000080!important}@media screen and (max-width: 600px){.auth-modal__content,.auth-modal__content--register{margin:5% 20px;max-width:none;max-height:90vh}.auth-modal__title{font-size:20px}.auth-offer__title{font-size:18px}.auth-modal__body--iframe{height:350px}.auth-hover-menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);right:auto;bottom:auto;min-width:280px;max-width:90%;background:rgb(var(--color-background));border-radius:var(--media-radius, 8px);box-shadow:0 var(--shadow-vertical-offset, 4px) var(--shadow-blur-radius, 20px) rgba(var(--color-shadow),.15);padding:24px 20px}.auth-hover-menu.show{transform:translate(-50%,-50%) scale(1)}.auth-hover-menu:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(var(--color-foreground),.5);z-index:-1;opacity:0;transition:opacity .25s ease}.auth-hover-menu.show:before{opacity:1}.auth-menu-card{padding:0;border:none;box-shadow:none;background:transparent}.auth-btn{position:relative;display:inline-flex;justify-content:center;align-items:center;min-height:4.5rem;padding:0 3rem;font-size:1.5rem;text-decoration:none;cursor:pointer;border:0;margin-bottom:1.2rem;border-radius:var(--buttons-radius-outset, 0);transition:box-shadow .15s ease}.auth-btn--login{color:rgb(var(--color-button-text));background-color:rgba(var(--color-button),var(--alpha-button-background, 1))}.auth-btn--login:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:var(--buttons-radius-outset, 0);box-shadow:var(--shadow-horizontal-offset, 0) var(--shadow-vertical-offset, 2px) var(--shadow-blur-radius, 4px) rgba(var(--color-shadow),var(--shadow-opacity, .1))}.auth-btn--login:after{content:"";position:absolute;top:var(--buttons-border-width, .1rem);right:var(--buttons-border-width, .1rem);bottom:var(--buttons-border-width, .1rem);left:var(--buttons-border-width, .1rem);z-index:1;border-radius:var(--buttons-radius, 0);box-shadow:0 0 0 calc(var(--buttons-border-width, .1rem) + .1rem) rgba(var(--color-button-text),calc(1 - var(--buttons-border-opacity, 1))),0 0 0 var(--buttons-border-width, .1rem) rgba(var(--color-button),var(--alpha-button-background, 1));transition:box-shadow .15s ease}.auth-btn--login:active:after{box-shadow:0 0 0 calc(var(--buttons-border-width, .1rem) + 1.3px) rgba(var(--color-button-text),calc(1 - var(--buttons-border-opacity, 1))),0 0 0 calc(var(--buttons-border-width, .1rem) + 1px) rgba(var(--color-button),var(--alpha-button-background, 1))}.auth-hover-menu .auth-link:last-of-type,.auth-menu-card>a:last-child{position:relative;display:inline-flex;justify-content:center;align-items:center;width:100%;min-height:4.5rem;padding:0 3rem;font-size:1.5rem;text-decoration:none;cursor:pointer;border:0;border-radius:var(--buttons-radius-outset, 0);color:rgb(var(--color-secondary-button-text));background-color:rgba(var(--color-secondary-button),var(--alpha-button-background, 1));transition:box-shadow .15s ease}.auth-hover-menu .auth-link:last-of-type:before,.auth-menu-card>a:last-child:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:var(--buttons-radius-outset, 0);box-shadow:var(--shadow-horizontal-offset, 0) var(--shadow-vertical-offset, 2px) var(--shadow-blur-radius, 4px) rgba(var(--color-shadow),var(--shadow-opacity, .1))}.auth-hover-menu .auth-link:last-of-type:after,.auth-menu-card>a:last-child:after{content:"";position:absolute;top:var(--buttons-border-width, .1rem);right:var(--buttons-border-width, .1rem);bottom:var(--buttons-border-width, .1rem);left:var(--buttons-border-width, .1rem);z-index:1;border-radius:var(--buttons-radius, 0);box-shadow:0 0 0 calc(var(--buttons-border-width, .1rem) + .1rem) rgba(var(--color-button-text),var(--buttons-border-opacity, 0)),0 0 0 var(--buttons-border-width, .1rem) rgba(var(--color-button),var(--alpha-button-background, 1));transition:box-shadow .15s ease}.auth-hover-menu .auth-link:last-of-type:active:after,.auth-menu-card>a:last-child:active:after{box-shadow:0 0 0 calc(var(--buttons-border-width, .1rem) + 1.3px) rgba(var(--color-button-text),var(--buttons-border-opacity, 0)),0 0 0 calc(var(--buttons-border-width, .1rem) + 1px) rgba(var(--color-button),var(--alpha-button-background, 1))}.user-greeting{font-size:1.5rem;font-weight:500;margin-bottom:1.6rem;padding-bottom:1.2rem;text-align:center;color:rgba(var(--color-foreground),.75);border-bottom:.1rem solid rgba(var(--color-foreground),.1)}.auth-link{display:block;padding:1.2rem 1.6rem;border-radius:var(--media-radius, 4px);font-size:1.4rem;color:rgba(var(--color-foreground),.75);text-decoration:none;transition:all .15s ease;margin-bottom:.4rem}.auth-link:hover,.auth-link:active{background:rgba(var(--color-foreground),.04);color:rgb(var(--color-foreground))}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/user-auth-demo.css.map */