.statebox{gap:var(--sp-sm);text-align:left;flex-wrap:wrap;width:min(100%,560px);display:flex}.statebox__field{align-items:center;gap:var(--sp-sm);padding:0 var(--sp-md);border:1px solid var(--color-border);background:#fff;border-radius:14px;flex:240px;transition:border-color .16s ease-out;display:flex;position:relative}.statebox__field:focus-within{border-color:var(--color-brand)}.statebox__icon{width:20px;height:20px;color:var(--color-secondary-500);flex-shrink:0}.statebox__chevron{width:20px;height:20px;color:var(--color-secondary-500);flex-shrink:0;transition:transform .16s ease-out}.statebox__field:focus-within .statebox__chevron{transform:rotate(180deg)}.statebox__input{min-width:0;height:58px;font-family:var(--font-sans);color:var(--color-primary-950);background:0 0;border:0;outline:none;flex:1;font-size:16px;font-weight:500}.statebox__input::placeholder{color:var(--color-secondary-500);font-weight:500}.statebox__skeleton{background:linear-gradient(100deg,#e6e9ed 30%,#f4f6f8 50%,#e6e9ed 70%) 0 0/200% 100%;border-radius:7px;flex:1;min-width:0;max-width:160px;height:14px;animation:1.3s ease-in-out infinite statebox-shimmer}@keyframes statebox-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}@media (prefers-reduced-motion:reduce){.statebox__skeleton{animation:none}}.statebox__submit{height:58px;padding:0 var(--sp-xl);background:var(--color-primary-950);color:#fff;font-family:var(--font-sans);cursor:pointer;border:0;border-radius:14px;flex:none;justify-content:center;align-items:center;font-size:16px;font-weight:600;transition:opacity .2s,transform .12s ease-out;display:inline-flex}.statebox__submit:hover:not(:disabled){opacity:.9}.statebox__submit:active:not(:disabled){transform:scale(.97)}.statebox__submit:disabled{opacity:.45;cursor:not-allowed}.statebox__list{z-index:10;max-height:320px;padding:var(--sp-xs);border:1px solid var(--color-border);transform-origin:top;background:#fff;border-radius:16px;margin:0;list-style:none;animation:.16s cubic-bezier(.23,1,.32,1) statebox-pop;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 24px 48px -12px #0d121c38}@keyframes statebox-pop{0%{opacity:0;transform:scale(.97)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.statebox__list{animation:none}}.statebox__option{padding:var(--sp-sm) var(--sp-md);font-family:var(--font-sans);color:var(--color-primary-950);text-align:left;cursor:pointer;border-radius:10px;font-size:16px}.statebox__option.is-active{background:color-mix(in srgb, var(--color-brand) 10%, #fff)}.statebox__empty{padding:var(--sp-sm) var(--sp-md);font-family:var(--font-sans);color:var(--color-secondary-500);text-align:left;font-size:16px}@media (max-width:479.98px){.statebox__submit{flex:100%}}