.phone-input{display:block;max-width:100%;width:100%;font-size:16px}
.phone-shell{display:flex;align-items:center;position:relative;width:100%;min-height:52px;box-sizing:border-box;border:1px solid #aaa;border-radius:9px;background:#fff;color:#181919}
.phone-shell:focus-within{border-color:#ed4900;box-shadow:0 0 0 2px #ff500021}
.phone-invalid .phone-shell{border-color:#b32c10}
.phone-input .phone-country-button{display:flex;align-items:center;justify-content:center;gap:7px;flex:0 0 60px;min-height:50px;width:60px;margin:0;padding:0 10px;background:transparent;color:#484848;border:0;border-radius:8px 0 0 8px;box-shadow:none;cursor:pointer}
.phone-country-button:focus-visible{outline:2px solid #ed4900;outline-offset:-4px}
.phone-input img{display:block;flex:none;width:24px;height:16px;border-radius:2px;box-shadow:0 0 0 1px #00000013;object-fit:cover}
.phone-chevron{font-size:17px;line-height:1;transform:translateY(-2px)}
.phone-dial-code{flex:none;white-space:nowrap;font-size:16px;font-variant-numeric:tabular-nums;padding-right:10px}
.phone-input .phone-shell input.phone-national{display:block;flex:1 1 0;min-width:0;width:0;max-width:100%;min-height:50px;box-sizing:border-box;margin:0;padding:12px 10px 12px 0;border:0;border-radius:0 8px 8px 0;background:transparent;color:#181919;caret-color:var(--color-orange);box-shadow:none;outline:0;font:inherit;line-height:1.5;letter-spacing:.02em}
.phone-national::placeholder{color:#8a8a8a;opacity:1}
.phone-country-list{position:absolute;left:-1px;right:-1px;top:calc(100% + 7px);z-index:30;display:block;padding:6px;border:1px solid #ddd;border-radius:10px;background:#fff;box-shadow:0 10px 30px #0002;max-height:270px;overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box}
.phone-country-list[hidden]{display:none}
.phone-input .phone-country-list [role=option]{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:11px 10px;margin:0;border:0;border-radius:6px;background:#fff;color:#181919;box-shadow:none;text-align:left;font:inherit;line-height:1.5;cursor:pointer}
.phone-input .phone-country-list [aria-selected=true]{background:#fff0e8;color:#9f3100}
.phone-input .phone-country-list [role=option]:hover,.phone-input .phone-country-list [role=option]:focus-visible{background:#f2f2f2;outline:2px solid #ed4900;outline-offset:-2px}
.phone-option-code{margin-left:auto;color:#666;white-space:nowrap}
.phone-input .phone-hint{display:block;margin-top:8px;font-size:13px;line-height:1.5;color:#666;overflow-wrap:anywhere}
.phone-invalid .phone-hint{color:#a32900}
@media(max-width:360px){.phone-input .phone-country-button{flex-basis:54px;width:54px;padding:0 7px}.phone-dial-code{padding-right:8px}.phone-input .phone-country-list [role=option]{gap:9px}}