.timezone-field{min-width:0}.timezone-summary>span{overflow-wrap:anywhere;min-width:0}.timezone-summary>button{text-underline-offset:3px;flex:none;align-self:center;min-height:32px;text-decoration:underline}.timezone-field>.hint,.timezone-field>.err{margin-top:6px}dialog:has(>.body>.timezone-picker){width:min(520px,100% - 32px);max-width:520px}.timezone-picker{flex-direction:column;gap:14px;min-height:0;display:flex}.timezone-picker>p{font:400 14px/22px var(--ui);color:var(--muted);margin:0}.timezone-picker>.input{width:100%;font:400 15px/22px var(--ui);flex:none}.timezone-options{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;gap:5px;max-height:min(380px,45svh);padding:3px;display:flex;overflow-y:auto}.timezone-option{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #0000;border-radius:10px;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.timezone-option>span:first-child{min-width:0}.timezone-option strong{font:600 14px/21px var(--ui);overflow-wrap:anywhere;display:block}.timezone-option small{font:400 12px/18px var(--ui);color:var(--muted);margin-top:3px;display:block}.timezone-option:hover{background:#f7f4fb}.timezone-option[aria-pressed=true]{background:#efebf5;border-color:#d7cbe9}.timezone-option:focus-visible{outline:2px solid var(--plum);outline-offset:1px}.timezone-check{color:var(--plum);flex:none;font-size:18px}.timezone-options>.timezone-empty{text-align:center;font:400 14px/22px var(--ui);color:var(--muted);margin:0;padding:22px 12px}