.roi-fl{font-family:var(--f2);letter-spacing:2px;color:var(--dm);text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:400;display:block}.roi-field{box-sizing:border-box;border:1px solid var(--bdh);background-color:var(--bg);width:100%;height:2.75rem;min-height:2.75rem;color:var(--tx);font-family:var(--f2);outline:none;padding:0 14px;font-size:13px;line-height:2.75rem;transition:border-color .2s,box-shadow .2s}input.roi-field{padding:0 14px;line-height:normal}select.roi-field{cursor:pointer;appearance:none;background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23888888' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:12px 8px;padding:0 2.5rem 0 14px;line-height:2.75rem}[data-theme=light] select.roi-field{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236a6a6a' d='M1 1l5 5 5-5'/%3E%3C/svg%3E")}.roi-field:hover{border-color:color-mix(in srgb, var(--tx) 16%, var(--bdh))}.roi-field:focus{border-color:var(--ac);box-shadow:0 0 0 1px color-mix(in srgb, var(--ac) 40%, transparent)}[data-theme=light] .roi-field{border-color:var(--bd);background-color:#fff}[data-theme=light] select.roi-field{background-color:#fff}[data-theme=light] .roi-field:hover{border-color:var(--bdh)}