.access-control-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.access-control-modal{background:#fff;border-radius:14px;max-width:540px;width:100%;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .4s ease-out;overflow:hidden}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.access-control-modal__content{padding:3rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.access-control-modal__icon{width:80px;height:80px;background:linear-gradient(135deg,#10adf7,#66d1ff);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1);box-shadow:0 0 #10adf766}50%{transform:scale(1.05);box-shadow:0 0 0 10px #10adf700}}.access-control-modal__icon--pending{background:linear-gradient(135deg,#ff9800,#ffc947)}.access-control-modal--pending .access-control-modal__icon{animation:iconRotate 2s linear infinite}@keyframes iconRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.access-control-modal__title{font-family:var(--font-heading--family, "IBM Plex Sans", sans-serif);font-weight:500;font-size:32px;line-height:1.2;color:#000;margin:0}.access-control-modal__message{font-family:var(--font-body--family, "IBM Plex Sans", sans-serif);font-size:16px;line-height:1.6;color:#000000bf;margin:0;max-width:420px}.access-control-modal__message strong{color:#000;font-weight:500}.access-control-modal__timer{font-family:var(--font-body--family, "IBM Plex Sans", sans-serif);font-size:14px;color:#0009;padding:.75rem 1.5rem;background:#10adf71a;border-radius:50px;margin-top:.5rem}.access-control-modal__timer span{font-weight:600;color:#10adf7}.access-control-modal__info{display:flex;align-items:flex-start;gap:.75rem;padding:1.25rem;background:#ff980014;border-radius:8px;border-left:3px solid #ff9800;text-align:left;max-width:420px;margin-top:.5rem}.access-control-modal__info svg{flex-shrink:0;color:#ff9800;margin-top:2px}.access-control-modal__info span{font-family:var(--font-body--family, "IBM Plex Sans", sans-serif);font-size:14px;line-height:1.5;color:#000000bf}.access-control-modal__actions{display:flex;gap:1rem;width:100%;max-width:420px;margin-top:1rem;flex-wrap:wrap}.access-control-modal__button{flex:1;min-width:180px;padding:.875rem 2rem;border-radius:50px;font-family:var(--font-body--family, "IBM Plex Sans", sans-serif);font-size:16px;font-weight:500;text-decoration:none;text-align:center;transition:all .3s ease;cursor:pointer;display:inline-block}.access-control-modal__button--primary{background:#10adf7;color:#fff;border:2px solid #10adf7}.access-control-modal__button--primary:hover{background:#66d1ff;border-color:#66d1ff;transform:translateY(-2px);box-shadow:0 10px 20px -10px #10adf780}.access-control-modal__button--secondary{background:transparent;color:#000;border:2px solid rgba(0,0,0,.2)}.access-control-modal__button--secondary:hover{background:#0000000d;border-color:#0000004d}.header-user-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#10adf71a;border-radius:50px;font-family:var(--font-body--family, "IBM Plex Sans", sans-serif);font-size:14px;color:#000;white-space:nowrap}.header-user-badge__name{font-weight:500}.header-user-badge__status{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:linear-gradient(135deg,#10adf7,#66d1ff);border-radius:50px;color:#fff;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.header-user-badge__status-icon{width:12px;height:12px;animation:checkmark .5s ease-in-out}@keyframes checkmark{0%{transform:scale(0) rotate(-45deg)}50%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0)}}@media screen and (max-width: 749px){.access-control-modal__content{padding:2rem 1.5rem;gap:1.25rem}.access-control-modal__icon{width:64px;height:64px}.access-control-modal__icon svg{width:48px;height:48px}.access-control-modal__title{font-size:24px}.access-control-modal__message{font-size:14px}.access-control-modal__actions{flex-direction:column}.access-control-modal__button{min-width:100%}.header-user-badge{font-size:12px;padding:.375rem .75rem;display:none}.header-user-badge__status{font-size:10px;padding:.2rem .5rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/access-control.css.map */