.modal.state-picker{padding:0;max-width:520px;max-height:90svh;max-height:90dvh;display:flex;flex-direction:column;overflow:hidden;border-radius:27px}
.state-picker>.page-header{flex-shrink:0;position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:14px;background:#0877ff;color:white;padding:30px 46px 27px 25px;margin:0}
.state-picker>.page-header h2{font-size:25px;font-weight:700;letter-spacing:-.6px;color:white}
.state-picker>.page-header p{color:#fff;font-size:14px;line-height:1.5;margin-top:6px}
.state-heading-pin{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#ffffff23}
.state-heading-pin svg{width:25px;height:25px}
.state-picker>.page-header .icon-button{position:absolute;top:9px;right:8px;width:36px;height:36px;border:0;background:transparent;color:white;font-size:30px}
.state-picker-body{display:flex;flex-direction:column;min-height:0;padding:23px 25px 20px;gap:17px}
.state-search-field{display:flex;align-items:center;gap:12px;flex-shrink:0;background:#f8f9fb;border:1px solid #e1e4eb;border-radius:16px;padding:0 15px;min-height:52px}
.state-search-field:focus-within{border-color:#0877ff;box-shadow:0 0 0 2px #0877ff20}
.state-search-field svg{width:22px;height:22px;flex-shrink:0;fill:none;stroke:#687487;stroke-width:1.8;stroke-linecap:round}
.state-search-field input{min-width:0;width:100%;background:none;border:0;outline:none;padding:14px 0;font-size:16px}
.state-search-field input::placeholder{color:#858d9a}
.state-picker .state-list{display:grid;grid-auto-rows:min-content;gap:9px;overflow-y:auto;overscroll-behavior:contain;min-height:0;max-height:420px;margin:0;padding:1px 3px 1px 1px;scrollbar-width:thin;scrollbar-color:#d5dbe5 transparent}
.state-picker .state-choice{display:flex;align-items:center;gap:14px;width:100%;min-height:62px;padding:10px 14px;border:1px solid #e4e7ee;border-radius:15px;background:white;text-align:left;margin:0}
.state-picker .state-choice:hover{background:#f6f9ff}
.state-picker .state-choice.active{background:#edf6ff;border-color:#0877ff;box-shadow:inset 0 0 0 .5px #0877ff}
.state-picker .state-code{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:11px;background:#f0f1f5;color:#334155;font-size:15px;font-weight:650}
.state-picker .active .state-code{background:#dfeefa}
.state-picker .state-choice strong{font-size:16px;font-weight:650;letter-spacing:-.2px}
.state-radio{display:grid;place-items:center;flex-shrink:0;width:23px;height:23px;border:1.5px solid #adb5c0;border-radius:50%;margin-left:auto}
.active .state-radio{background:#0877ff;border-color:#0877ff}
.state-radio svg{width:18px;height:18px;fill:none;stroke:white;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.state-picker-note{text-align:center;flex-shrink:0;font-size:12px;color:#9198a4;margin:0;padding-top:1px}
.state-empty{padding:22px 10px;text-align:center;font-size:14px;color:#687487}
@media(max-width:480px){.modal.state-picker{border-radius:24px}.state-picker>.page-header{gap:10px;grid-template-columns:37px minmax(0,1fr);padding:24px 34px 23px 18px}.state-heading-pin{width:37px;height:37px}.state-heading-pin svg{width:22px;height:22px}.state-picker>.page-header h2{font-size:21px}.state-picker>.page-header p{font-size:12px}.state-picker-body{padding:18px 17px;gap:14px}.state-picker .state-choice{gap:12px;padding:9px 11px}.state-picker .state-choice strong{font-size:15px}}
@media(max-height:620px){.state-picker>.page-header{padding-top:18px;padding-bottom:18px}.state-picker-body{padding-top:13px;padding-bottom:13px;gap:11px}}