.pgotp{display:block;margin:1rem 0;color:inherit;font:inherit}
.pgotp label{display:block;margin:.8rem 0 .35rem;font:inherit}
.pgotp input.pgotp-code,.pgotp select{display:block;box-sizing:border-box;width:100%;min-height:48px;padding:.65rem;border:1px solid #b8b8b8;border-radius:0;background:#fff;color:#333;font:inherit}
.pgotp button{box-sizing:border-box;display:block;width:100%;min-height:48px;margin:.8rem 0;padding:.75rem 1rem;border:0;border-radius:10px;background:var(--pgotp-button-color,#3877b1);color:#fff;font:inherit;cursor:pointer}
.pgotp button:disabled{opacity:.65;cursor:default}
.pgotp :is(button,input,select):focus-visible{outline:3px solid #173571;outline-offset:3px}
.pgotp-status{display:block;min-height:1.5em;margin:.5rem 0;line-height:1.5;overflow-wrap:anywhere}
.pgotp-hint{display:block;font-size:.85em;line-height:1.4;margin-top:.4rem}
.pgotp[data-state=verified] .pgotp-status{color:#14633c}
.pgotp[data-state=error] .pgotp-status{color:#a52222}
.pgotp[aria-busy=true]{cursor:progress}
.pgotp-phone-control{display:flex;align-items:center;position:relative;box-sizing:border-box;width:100%;min-height:48px;border:1px solid #b8b8b8;background:#fff;color:#333;font:inherit;text-align:left;direction:ltr;overflow:visible}
.pgotp-phone-control:focus-within{outline:2px solid #173571;outline-offset:1px}
.pgotp-phone-control input[type=tel]{flex:1;min-width:0;width:0!important;min-height:48px;margin:0!important;padding:.65rem!important;border:0!important;box-shadow:none!important;background:transparent!important;color:inherit;font:inherit;outline:0}
.pgotp-phone-control .pgotp-prefix{display:none;flex:none;padding-left:.3rem;white-space:nowrap;user-select:none}
.pgotp-phone-control.pgotp-prefix-visible .pgotp-prefix{display:inline}
.pgotp-picker{position:static;flex:none;display:block}
.pgotp-phone-control button{font:inherit;cursor:pointer;color:#333;background:#fff;border:0;border-radius:0;margin:0;box-shadow:none;text-transform:none;letter-spacing:normal}
.pgotp-phone-control .pgotp-country-toggle{display:flex;align-items:center;gap:7px;min-height:48px;padding:0 12px;width:auto}
.pgotp-phone-control img{display:inline-block;flex:none;width:24px;height:18px;max-width:none;object-fit:cover;vertical-align:middle}
.pgotp-phone-control .pgotp-country-popup{position:absolute;z-index:1000;left:-1px;top:100%;display:block;box-sizing:border-box;width:max(100%,280px);max-width:calc(100vw - 48px);padding:8px;background:white;border:1px solid #b8b8b8;box-shadow:0 8px 18px #0002}
.pgotp-phone-control [hidden]{display:none!important}
.pgotp-phone-control input[type=search]{box-sizing:border-box;width:100%;min-width:0;margin:0 0 6px;padding:10px;border:1px solid #b8b8b8;background:white;color:#333;font:inherit}
.pgotp-country-list{display:block;max-height:260px;overflow-y:auto;overscroll-behavior:contain}
.pgotp-phone-control .pgotp-country-option{display:flex;align-items:center;gap:10px;text-align:left;width:100%;padding:10px;min-height:44px;white-space:normal}
.pgotp-phone-control .pgotp-country-option:is(:hover,:focus-visible,[aria-selected=true]){background:#edf2f7}
.pgotp-phone-control button:focus-visible{outline:2px solid #173571;outline-offset:-2px}
.pgotp-phone-control button:disabled{opacity:.6;cursor:default}
.pgotp-caret{width:0;height:0;border:4px solid transparent;border-top-color:currentColor;transform:translateY(2px)}