/* Merchant-side dialogs only; never styles the Apple authorization page. */
:is(.tely-design-active,.tely-cart-active) .modal-popup.tely-auth-dialog{left:0;padding:0;font-family:Ubuntu,TelyCartUbuntu,sans-serif}
:is(.tely-design-active,.tely-cart-active) .modal-popup.tely-auth-dialog .modal-inner-wrap{box-sizing:border-box;width:calc(100% - 32px);max-width:400px;min-width:0;max-height:calc(100dvh - 48px);margin:24px auto;padding:0;border:1px solid #dce5f1;border-radius:18px;background:#fff;box-shadow:0 20px 70px rgba(17,29,75,.18);color:#111d4b}
:is(.tely-design-active,.tely-cart-active) .tely-auth-dialog .modal-header{position:relative;padding:24px 24px 12px;border:0}
:is(.tely-design-active,.tely-cart-active) .tely-auth-dialog .modal-title{padding:0;padding-inline-end:32px;margin:0;border:0;background:none;color:#111d4b;text-align:start;font:700 21px/1.3 Ubuntu,TelyCartUbuntu,sans-serif;overflow-wrap:anywhere}
:is(.tely-design-active,.tely-cart-active) .tely-auth-dialog .action-close{top:8px;right:8px;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#66758c;box-shadow:none}
:is(.tely-design-active,.tely-cart-active) .tely-auth-dialog .action-close:before{content:"×";color:#66758c;font:400 26px/44px Ubuntu,TelyCartUbuntu,sans-serif}
:is(.tely-design-active,.tely-cart-active) .tely-auth-dialog .action-close:hover{background:#f3f8ff}
:is(.tely-design-active,.tely-cart-active) .tely-auth-dialog .modal-content{box-sizing:border-box;padding:0 24px;color:#52617a;font:400 14px/1.6 Ubuntu,TelyCartUbuntu,sans-serif;overflow-wrap:anywhere}
:is(.tely-design-active,.tely-cart-active) .tely-auth-dialog .modal-content p{margin:0 0 12px}
:is(.tely-design-active,.tely-cart-active) .tely-auth-dialog .modal-footer{display:flex;flex-wrap:wrap;gap:10px;padding:16px 24px 24px;margin:0;border:0;text-align:center}
:is(.tely-design-active,.tely-cart-active) .tely-auth-dialog .modal-footer button{box-sizing:border-box;display:block;flex:1 1 100%;width:100%;min-height:48px;padding:12px 16px;margin:0;border:1px solid #0765ee;border-radius:10px;background:#0765ee;color:#fff;box-shadow:none;text-shadow:none;font:700 16px/1.4 Ubuntu,TelyCartUbuntu,sans-serif;white-space:normal}
:is(.tely-design-active,.tely-cart-active) .tely-auth-waiting .modal-footer button{border-color:#d7dfeb;background:#f1f5ff;color:#0765ee}
:is(.tely-design-active,.tely-cart-active) .tely-auth-dialog button:focus-visible,:is(.tely-design-active,.tely-cart-active) .tely-auth-dialog select:focus-visible{outline:2px solid #6173ff;outline-offset:3px}
:is(.tely-design-active,.tely-cart-active) .tely-auth-account-dialog label{display:block;margin:14px 0 0;font:400 14px/1.5 Ubuntu,TelyCartUbuntu,sans-serif;color:#52617a}
:is(.tely-design-active,.tely-cart-active) .tely-auth-account-dialog input,:is(.tely-design-active,.tely-cart-active) .tely-auth-account-dialog select{box-sizing:border-box;display:block;width:100%;min-width:0;height:48px;margin:6px 0 0;padding:10px 12px;border:1px solid #d7dfeb;border-radius:8px;background:#fff;color:#111d4b;font:400 16px Ubuntu,TelyCartUbuntu,sans-serif;box-shadow:none}
:is(.tely-design-active,.tely-cart-active) .tely-auth-account-dialog input:focus{border-color:#0765ee;box-shadow:0 0 0 2px rgba(7,101,238,.12)}
:is(.tely-design-active,.tely-cart-active) .tely-auth-account-dialog .tely-apple-error{color:#b91c1c;margin:12px 0;overflow-wrap:anywhere}
:is(.tely-design-active,.tely-cart-active) .tely-auth-account-dialog .tely-apple-button{box-sizing:border-box;width:100%;min-height:48px;margin:16px 0 24px;padding:12px 16px;border:1px solid #0765ee;border-radius:10px;background:#0765ee;color:white;font:700 16px/1.4 Ubuntu,TelyCartUbuntu,sans-serif;white-space:normal}
:is(.tely-design-active,.tely-cart-active) .tely-auth-dialog button:disabled{opacity:.55;cursor:default}
.tely-cart-active .tely-cart-account-required .modal-header:before,.tely-cart-active .tely-cart-account-required .modal-content:before{content:none;background:none}
@media(max-width:599px){
 :is(.tely-design-active,.tely-cart-active) .modal-popup.tely-auth-dialog .modal-inner-wrap{max-height:calc(100dvh - 32px);margin:16px auto;border-radius:16px}
 :is(.tely-design-active,.tely-cart-active) .tely-auth-dialog .modal-header{padding:24px 20px 12px}
 :is(.tely-design-active,.tely-cart-active) .tely-auth-dialog .modal-content{padding:0 20px}
 :is(.tely-design-active,.tely-cart-active) .tely-auth-dialog .modal-footer{padding:16px 20px 20px}
}